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

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -51,7 +51,7 @@ const RepeaterGrid = /* @__PURE__ */ 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 ControlVO ? item.clone() : {
@@ -115,10 +115,10 @@ const RepeaterGrid = /* @__PURE__ */ 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);
@@ -145,20 +145,20 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
     const headers = [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 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) && 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/es/control/form/form-detail/form-mdctrl/form-mdctrl.provider.mjs

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

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

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

package/es/control/list/list/list.mjs

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

package/es/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/es/control/list/md-ctrl/md-ctrl.mjs

@@ -95,7 +95,7 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const c = useControlController((...args) => new MDCtrlController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
       enableLoadMore,
       renderItem,
@@ -183,7 +183,7 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
     const enablePagingBar = this.c.model.enablePagingBar;
     return createVNode(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 ? createVNode(resolveComponent("van-pagination"), {
         "class": this.ns.e("pagination"),

package/es/control/pickup-view-panel/pickup-view-panel.mjs

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

package/es/control/search-bar/filter-field-select/filter-field-select.mjs

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

package/es/control/search-bar/filter-mode-select/filter-mode-select.mjs

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

package/es/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/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -201,7 +201,7 @@ const FilterTreeControl = /* @__PURE__ */ 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;
       }
       clearAll(node);

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

@@ -40,7 +40,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const c = useControlController((...args) => new SearchBarController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const searchRef = ref();
     const dropdownTop = ref(0);
     const dropdownRef = ref();
@@ -49,7 +49,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
     const isCollapse = ref(true);
     const showItemRemove = ref(false);
     const timer = 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 = ref(false);
     let resizeObserver = null;
@@ -97,7 +97,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
     const cssVars = computed(() => {
       if (c.model.quickSearchWidth) {
         return ns.cssVarBlock({
-          "quick-search-width": `${c.model.quickSearchWidth}px`
+          "quick-search-width": "".concat(c.model.quickSearchWidth, "px")
         });
       }
       return {};
@@ -136,7 +136,11 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
           }
         }, null);
       }, void 0, {
-        placement: "bottom"
+        placement: "bottom",
+        height: 80,
+        attrs: {
+          closeable: true
+        }
       });
       popover.present(filterButtonRef.value.$el);
       await popover.onWillDismiss();
@@ -183,8 +187,8 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
     const style = 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 = computed(() => {

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -49,7 +49,7 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a, _b;
     const c = useControlController((...args) => new TabExpPanelController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = 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/es/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}

package/es/control/toolbar/float-toolbar/float-toolbar.mjs

@@ -28,10 +28,14 @@ const FloatToolbar = /* @__PURE__ */ defineComponent({
     direction: {
       type: String,
       default: "HORIZONTAL"
+    },
+    immediateFloat: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props) {
-    const ns = useNamespace(`float-toolbar`);
+    const ns = useNamespace("float-toolbar");
     const contentRef = ref();
     const {
       renderToolbarItemContent
@@ -59,30 +63,32 @@ const FloatToolbar = /* @__PURE__ */ defineComponent({
   },
   render() {
     var _a, _b, _c;
+    if (!this.buttonsState.visible)
+      return null;
     return 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)]
     }, [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 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)
       }, [createVNode("div", {
         "class": this.ns.em("item", "wrapper")
       }, [this.renderToolbarItemContent(_item)])]);
-    })]), createVNode("div", {
+    })]), !this.immediateFloat ? createVNode("div", {
       "class": this.ns.e("modal"),
       "onClick": this.handleFloatToolbarClose
-    }, null)]);
+    }, null) : null]);
   }
 });
 

package/es/control/toolbar/toolbar-render-util.mjs

@@ -105,10 +105,11 @@ function useToolbarGroupModalHandler(opts) {
         isGroupExtractMode: _isGroupExtractMode
       });
     }, {}, {
+      width: 100,
       height: "auto",
       attrs: {
         position: "bottom",
-        overlayClass: `${ns.b()}`,
+        overlayClass: "".concat(ns.b()),
         closeable: false,
         round: true
       }
@@ -164,12 +165,16 @@ function useCustomToolBarRender(ns, props, c, modalCloseCallback) {
       switch (c.placement) {
         case "LEFTSTART":
         case "LEFT":
-        case "LEFTEND":
           placement = "right-start";
           break;
+        case "LEFTEND":
+          placement = "right-end";
+          break;
+        case "RIGHTEND":
+          placement = "left-end";
+          break;
         case "RIGHTSTART":
         case "RIGHT":
-        case "RIGHTEND":
         default:
           placement = "left-start";
           break;
@@ -177,56 +182,74 @@ function useCustomToolBarRender(ns, props, c, modalCloseCallback) {
     }
     return placement;
   });
-  const onFloatBtnClick = async (_event, _currentTarget) => {
+  const renderFloatToolbar = (modal, immediateFloat = true) => {
+    return h(FloatToolbar, {
+      modal,
+      modelData: props.modelData,
+      state: c.state,
+      buttonsState: c.state.buttonsState,
+      counterData: c.state.counterData,
+      placement: c.placement,
+      direction: c.direction,
+      immediateFloat
+    });
+  };
+  const handleDismiss = async (_res) => {
     var _a;
+    const item = (_a = _res == null ? void 0 : _res.data) == null ? void 0 : _a[0];
+    if (item) {
+      const {
+        action,
+        event
+      } = item;
+      modalCloseCallback(action, event);
+    }
+    return false;
+  };
+  const onFloatBtnClick = async (_event, _currentTarget) => {
     if (floatToolbarOverlay.value) {
       await floatToolbarOverlay.value.dismiss();
       return;
     }
-    floatToolbarOverlay.value = ibiz.overlay.createPopover((modal) => {
-      return h(FloatToolbar, {
-        modal,
-        modelData: props.modelData,
-        buttonsState: c.state.buttonsState,
-        counterData: c.state.counterData,
-        placement: c.placement,
-        direction: c.direction
-      });
-    }, {}, {
+    floatToolbarOverlay.value = ibiz.overlay.createPopover((modal) => renderFloatToolbar(modal, false), {}, {
       width: "auto",
       height: "auto",
       noArrow: true,
       placement: modalPlacement.value,
-      modalClass: `${ns.b("float-toolbar-modal")}`
+      modalClass: "".concat(ns.b("float-toolbar-modal"))
     });
     floatToolbarOverlay.value.present(_currentTarget);
     const res = await floatToolbarOverlay.value.onWillDismiss();
-    const item = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a[0];
-    if (item) {
-      const {
-        action,
-        event
-      } = item;
-      modalCloseCallback(action, event);
-    }
+    handleDismiss(res);
     floatToolbarOverlay.value = void 0;
   };
   onBeforeMount(() => {
     floatToolbarOverlay.value = void 0;
   });
   const renderFloatButton = () => {
-    const slot = {};
-    if (floatToolbarOverlay.value)
-      Object.assign(slot, {
-        icon: () => createVNode(resolveComponent("van-icon"), {
-          "name": "cross"
-        }, null)
+    let _slot;
+    if (c.showMode === "COLLAPSIBLE") {
+      const slot = {};
+      if (floatToolbarOverlay.value)
+        Object.assign(slot, {
+          icon: () => createVNode(resolveComponent("van-icon"), {
+            "name": "cross"
+          }, null)
+        });
+      return createVNode(resolveComponent("iBizFloatButton"), {
+        "align": c.placement,
+        "onClick": onFloatBtnClick
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
       });
+    }
     return createVNode(resolveComponent("iBizFloatButton"), {
       "align": c.placement,
-      "onClick": onFloatBtnClick
-    }, _isSlot(slot) ? slot : {
-      default: () => [slot]
+      "renderMode": "DIV"
+    }, _isSlot(_slot = renderFloatToolbar({
+      dismiss: handleDismiss
+    })) ? _slot : {
+      default: () => [_slot]
     });
   };
   return {

package/es/control/toolbar/toolbar.mjs

@@ -42,7 +42,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const c = useControlController((...args) => new ToolbarController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let position = "";
     switch (props.modelData.toolbarStyle) {
       case "MOBNAVRIGHTMENU":

package/es/control/tree/tree.mjs

@@ -73,7 +73,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a, _b;
     const c = useControlController((...args) => new TreeController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const checkedKeys = computed(() => {
       return c.state.selectedData.map((item) => item._id);
     });
@@ -283,7 +283,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       } = opts;
       const nodeModel = findNodeModel(originData._id);
       if (loadingEl && ((_a2 = nodeModel == null ? void 0 : nodeModel.sysCss) == null ? void 0 : _a2.cssName))
-        loadingEl.parentNode.parentNode.classList.add(`${nodeModel.sysCss.cssName}`);
+        loadingEl.parentNode.parentNode.classList.add("".concat(nodeModel.sysCss.cssName));
       if (c.state.singleSelect)
         handleSingleSelect(opts);
       const children = [];
@@ -291,8 +291,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         const count = c.state.counterData[nodeModel.counterId];
         if (!(isNil(count) || nodeModel.counterMode === 1 && count === 0)) {
           const child = document.createElement("div");
-          child.className = `ibiz-badge tree-counter ${ns.is("mob", true)}`;
-          child.innerText = count > 99 ? `${99}+` : count;
+          child.className = "ibiz-badge tree-counter ".concat(ns.is("mob", true));
+          child.innerText = count > 99 ? "".concat(99, "+") : count;
           children.push(child);
         }
       }
@@ -302,7 +302,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         children.push(child);
       }
       return _h("div", {
-        className: `tree-button ${ns.b("node-expanded-btn")}`,
+        className: "tree-button ".concat(ns.b("node-expanded-btn")),
         click: (e, _opts) => {
           if (originData._leaf)
             return;
@@ -338,7 +338,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     if (breadcrumb.value) {
       Object.assign(options, {
         breadcrumb: {
-          el: `#breadcrumb${uuid}`,
+          el: "#breadcrumb".concat(uuid),
           link: (node, data) => {
             var _a2, _b2;
             const list = ((_b2 = (_a2 = node.store) == null ? void 0 : _a2.breadcrumb) == null ? void 0 : _b2.list) || [];
@@ -354,7 +354,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
               content.appendChild(data.icon.cloneNode(true));
             }
             content.appendChild(textDom);
-            content.className = `${ns.be("header", "crumb")} ${ns.is("root", data._vsroot)}`;
+            content.className = "".concat(ns.be("header", "crumb"), " ").concat(ns.is("root", data._vsroot));
             content.onclick = () => handleExpandedLastKey.bind(this)(data);
             return content;
           },
@@ -368,7 +368,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
             const content = document.createElement("span");
             const iconDom = document.createElement("i");
             iconDom.className = "van-icon van-icon-arrow-left";
-            content.className = `${ns.bem("header", "crumb", "back-btn")}`;
+            content.className = "".concat(ns.bem("header", "crumb", "back-btn"));
             content.appendChild(iconDom);
             content.onclick = (_e) => handleCrumbBack.bind(this)(_e, crumbItem);
             return content;
@@ -451,7 +451,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         "class": [this.ns.be("header", "container"), this.ns.is("hidden", this.hiddenBreadcrumb)]
       }, [createVNode(resolveComponent("van-sticky"), null, {
         default: () => [createVNode("div", {
-          "id": `breadcrumb${this.uuid}`,
+          "id": "breadcrumb".concat(this.uuid),
           "class": [this.ns.b("header"), this.ns.is("no-root", !this.treeData.length), this.ns.is("header-style", this.isHeaderStyle)]
         }, null)]
       })]), this.c.state.isCreated && this.c.state.isLoaded && createVNode(resolveComponent("vs-tree"), {

package/es/control/tree-exp-bar/tree-exp-bar.mjs

@@ -63,7 +63,7 @@ const TreeExpBarControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new TreeExpBarController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
       renderTitle,
       renderSearchBar

package/es/control/wizard-panel/wizard-panel.mjs

@@ -42,7 +42,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new WizardPanelController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     return {
       c,
       ns
@@ -78,16 +78,16 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
         dewizard
       } = this.c.model;
       footer = dewizard && createVNode("div", {
-        "key": `${activeFormTag}footer`,
+        "key": "".concat(activeFormTag, "footer"),
         "class": this.ns.b("footer")
-      }, [((_b = buttonsState[`${activeFormTag}@PREV`]) == null ? void 0 : _b.visible) && createVNode(resolveComponent("van-button"), {
+      }, [((_b = buttonsState["".concat(activeFormTag, "@PREV")]) == null ? void 0 : _b.visible) && createVNode(resolveComponent("van-button"), {
         "class": this.ns.be("footer", "prev"),
         "onClick": () => {
           this.c.onPrevClick();
         }
       }, {
         default: () => [dewizard.prevCaption ? dewizard.prevCaption : ibiz.i18n.t("control.wizardPanel.prev")]
-      }), ((_c = buttonsState[`${activeFormTag}@NEXT`]) == null ? void 0 : _c.visible) && createVNode(resolveComponent("van-button"), {
+      }), ((_c = buttonsState["".concat(activeFormTag, "@NEXT")]) == null ? void 0 : _c.visible) && createVNode(resolveComponent("van-button"), {
         "type": "primary",
         "class": this.ns.be("footer", "next"),
         "onClick": () => {
@@ -95,7 +95,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
         }
       }, {
         default: () => [dewizard.nextCaption ? dewizard.nextCaption : ibiz.i18n.t("control.wizardPanel.next")]
-      }), ((_d = buttonsState[`${activeFormTag}@FINISH`]) == null ? void 0 : _d.visible) && createVNode(resolveComponent("van-button"), {
+      }), ((_d = buttonsState["".concat(activeFormTag, "@FINISH")]) == null ? void 0 : _d.visible) && createVNode(resolveComponent("van-button"), {
         "type": "primary",
         "class": this.ns.be("footer", "finish"),
         "onClick": () => {
@@ -109,7 +109,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
         let _slot2;
-        const active = this.c.steps.indexOf(this.c.stepTags[`${this.c.model.name}_form_${(_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase()}`]);
+        const active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase())]);
         stepsTitle = createVNode(resolveComponent("van-steps"), {
           "active": active
         }, _isSlot(_slot2 = dewizardSteps.map((step) => {

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.mjs

@@ -80,7 +80,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
           const appDeRSs = minorAppDERSs.find((DERSs) => DERSs.majorAppDataEntityId === parentAppDataEntityId);
           if (appDeRSs && appDeRSs.parentAppDEFieldId)
             Object.assign(params, {
-              [`n_${appDeRSs.parentAppDEFieldId.toLowerCase()}_eq`]: value
+              ["n_".concat(appDeRSs.parentAppDEFieldId.toLowerCase(), "_eq")]: value
             });
         }
       }
@@ -164,7 +164,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
               text: item.srfmajortext ? item.srfmajortext : ibiz.i18n.t("editor.cascader.ibizCascader.title", {
                 index
               }),
-              nodekey: `${value ? `${value}_${item.srfkey}` : item.srfkey}`,
+              nodekey: "".concat(value ? "".concat(value, "_").concat(item.srfkey) : item.srfkey),
               children: tabIndex === valueItems.value.length - 1 ? void 0 : []
             }));
             nodes.forEach((_node) => {

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -59,7 +59,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal || ""}`;
+      content = "".concat(this.currentVal || "");
     } else {
       content = [createVNode(resolveComponent("van-field"), {
         "class": [this.ns.e("item")],