@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/es/view-engine/mob-tab-exp-view.engine.mjs

@@ -1,4 +1,4 @@
-import { ViewEngineBase, calcDeCodeNameById } from '@ibiz-template/runtime';
+import { ViewEngineBase, SysUIActionTag, calcDeCodeNameById } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -17,6 +17,13 @@ class MobTabExpViewEngine extends ViewEngineBase {
      * @memberof MobTreeExpViewEngine
      */
     __publicField(this, "dataEntity");
+    /**
+     * 嵌入视图映射Map
+     *
+     * @type {Map<string, IViewController>}
+     * @memberof MobTabExpViewEngine
+     */
+    __publicField(this, "embedViewMap", /* @__PURE__ */ new Map());
   }
   /**
    * 分页导航面板
@@ -29,6 +36,94 @@ class MobTabExpViewEngine extends ViewEngineBase {
   get tabExpPanel() {
     return this.view.getController("tabexppanel");
   }
+  /**
+   * @description 根据视图模型配置方向决定分页面板部件位置方向
+   * @protected
+   * @memberof MobTabExpViewEngine
+   */
+  preprocessTabExpModelLayout() {
+    const findPanelItem = (name, items = this.view.model.viewLayoutPanel.rootPanelItems) => {
+      if (items == null ? void 0 : items.length) {
+        for (let i = 0; i < items.length; i++) {
+          const item = items[i];
+          if (item.id === name) {
+            return item;
+          }
+          const container = item;
+          if (container.panelItems && container.panelItems.length > 0) {
+            const result = findPanelItem(name, container.panelItems);
+            if (result) {
+              return result;
+            }
+          }
+        }
+      }
+      return void 0;
+    };
+    const findPanelItemsAndDelete = (names, items = this.view.model.viewLayoutPanel.rootPanelItems) => {
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (names.includes(item.id)) {
+          items.splice(i, 1);
+        }
+        const container = item;
+        if (container.panelItems && container.panelItems.length > 0) {
+          findPanelItemsAndDelete(names, container.panelItems);
+        }
+      }
+    };
+    const setTabExpModelLayout = (name) => {
+      const tabexppanel = findPanelItem("tabexppanel");
+      if (!tabexppanel) {
+        return;
+      }
+      if (["view_tabexppanel_left", "view_tabexppanel_right"].includes(name)) {
+        tabexppanel.layoutPos = {
+          ...tabexppanel.layoutPos,
+          grow: 1
+        };
+      }
+      const layoutContainer = findPanelItem(name);
+      if (!layoutContainer) {
+        return;
+      }
+      findPanelItemsAndDelete(["tabexppanel"]);
+      layoutContainer.panelItems = [tabexppanel];
+    };
+    const { tabLayout } = this.view.model;
+    const deleteItems = [
+      "view_tabexppanel",
+      "view_tabexppanel_left",
+      "view_tabexppanel_bottom",
+      "view_tabexppanel_right"
+    ];
+    let containerName = "view_tabexppanel";
+    switch (tabLayout) {
+      case "LEFT":
+        containerName = "view_tabexppanel_left";
+        deleteItems.splice(1, 1);
+        break;
+      case "BOTTOM":
+        containerName = "view_tabexppanel_bottom";
+        deleteItems.splice(2, 1);
+        break;
+      case "RIGHT":
+        containerName = "view_tabexppanel_right";
+        deleteItems.splice(3, 1);
+        break;
+      case "TOP":
+        deleteItems.splice(0, 1);
+        break;
+      case "FLOW":
+      case "FLOW_NOHEADER":
+        break;
+      default:
+        deleteItems.splice(0, 1);
+        break;
+    }
+    setTabExpModelLayout(containerName);
+    findPanelItemsAndDelete(deleteItems);
+  }
   /**
    * 视图created生命周期执行逻辑
    *
@@ -38,6 +133,7 @@ class MobTabExpViewEngine extends ViewEngineBase {
    * @memberof MobTabExpViewEngine
    */
   async onCreated() {
+    this.preprocessTabExpModelLayout();
     await super.onCreated();
     const { childNames } = this.view;
     childNames.push("tabexppanel");
@@ -51,6 +147,7 @@ class MobTabExpViewEngine extends ViewEngineBase {
         this.view.model.appId
       );
     }
+    this.view.slotProps.tabexppanel.hideEditItem = true;
   }
   /**
    * 视图mounted生命周期执行逻辑
@@ -59,8 +156,44 @@ class MobTabExpViewEngine extends ViewEngineBase {
    * @memberof MobTabExpViewEngine
    */
   async onMounted() {
+    var _a;
     await super.onMounted();
     await this.loadEntityData();
+    (_a = this.view.layoutPanel) == null ? void 0 : _a.evt.on("onPresetPanelItemEvent", (event) => {
+      var _a2, _b, _c;
+      if (!((_a2 = event == null ? void 0 : event.presetParams) == null ? void 0 : _a2.view) || !((_c = (_b = this.tabExpPanel) == null ? void 0 : _b.state) == null ? void 0 : _c.activeName)) {
+        return;
+      }
+      this.embedViewMap.set(
+        this.tabExpPanel.state.activeName,
+        event.presetParams.view
+      );
+    });
+  }
+  async call(key, _args) {
+    if (key === SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
+  }
+  /**
+   * 视图刷新
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MobTabExpViewEngine
+   */
+  async refresh() {
+    var _a, _b;
+    if (!((_b = (_a = this.tabExpPanel) == null ? void 0 : _a.state) == null ? void 0 : _b.activeName)) {
+      return;
+    }
+    await this.loadEntityData();
+    this.tabExpPanel.refresh();
+    const activeView = this.embedViewMap.get(this.tabExpPanel.state.activeName);
+    if (activeView) {
+      activeView.call(SysUIActionTag.REFRESH);
+    }
   }
   /**
    * 加载实体数据

package/es/view-engine/mob-tab-search-view.engine.mjs

@@ -127,6 +127,7 @@ class MobTabSearchViewEngine extends MobTabExpViewEngine {
     }
     if (key === SysUIActionTag.REFRESH) {
       await this.calcViewParams();
+      this.refresh();
       return null;
     }
     return super.call(key, args);
@@ -147,34 +148,6 @@ class MobTabSearchViewEngine extends MobTabExpViewEngine {
     }
     return params;
   }
-  /**
-   * 计算视图头部元素的显示与否
-   * 所有部件容器名称均为：view_部件名称
-   * - 注意 分页导航和分页搜索的默认布局不一致
-   *
-   *   分页导航：分页导航栏在视图头中
-   *
-   *   分页搜索：分页导航栏不在视图头中
-   * @protected
-   */
-  calcViewHeaderVisible() {
-    let showHeader = false;
-    const { model } = this.view;
-    if (model.showCaptionBar) {
-      showHeader = true;
-    }
-    if (ibiz.env.isMob) {
-      if (this.isExistAndInLayout("lefttoolbar")) {
-        showHeader = true;
-      }
-      if (this.isExistAndInLayout("righttoolbar")) {
-        showHeader = true;
-      }
-    } else if (this.isExistAndInLayout("toolbar")) {
-      showHeader = true;
-    }
-    return showHeader;
-  }
   /**
    * 重新计算视图参数
    * @author lxm

package/es/view-engine/mob-tree-exp-view.engine.mjs

@@ -1,4 +1,4 @@
-import { ViewEngineBase, calcDeCodeNameById } from '@ibiz-template/runtime';
+import { ViewEngineBase, calcDeCodeNameById, SysUIActionTag } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -64,6 +64,24 @@ class MobTreeExpViewEngine extends ViewEngineBase {
     }
     await this.loadEntityData();
   }
+  async call(key, _args) {
+    if (key === SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
+  }
+  /**
+   * 视图刷新
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MobTreeExpViewEngine
+   */
+  async refresh() {
+    this.tree.state.mobExpandedKey = "";
+    this.expBar.state.srfnav = "";
+    await this.tree.refresh();
+  }
   /**
    * @description 检测实体数据变更
    * @protected

package/es/view-engine/mob-wizard-view-engine.mjs

@@ -1,4 +1,4 @@
-import { ViewEngineBase } from '@ibiz-template/runtime';
+import { ViewEngineBase, SysUIActionTag } from '@ibiz-template/runtime';
 
 "use strict";
 class MobWizardViewEngine extends ViewEngineBase {
@@ -31,6 +31,24 @@ class MobWizardViewEngine extends ViewEngineBase {
       this.view.closeView({ ok: true, data: [] });
     });
   }
+  async call(key, args) {
+    if (key === SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 刷新当前激活表单的数据
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MobWizardViewEngine
+   */
+  async refresh() {
+    var _a, _b;
+    await ((_b = (_a = this.wizardPanel) == null ? void 0 : _a.activeFormController) == null ? void 0 : _b.load());
+  }
 }
 
 export { MobWizardViewEngine };

package/lib/_virtual/index15.cjs

@@ -1,9 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var eventemitter3 = {exports: {}};
 
-var index = require('../node_modules/.pnpm/lodash.clonedeep@4.5.0/node_modules/lodash.clonedeep/index.cjs');
-
-
-
-exports.default = index.lodash_clonedeepExports;
+exports.__module = eventemitter3;

package/lib/_virtual/index16.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../node_modules/.pnpm/lodash.isequal@4.5.0/node_modules/lodash.isequal/index.cjs');
+var index = require('../node_modules/.pnpm/lodash.clonedeep@4.5.0/node_modules/lodash.clonedeep/index.cjs');
 
 
 
-exports.default = index.lodash_isequalExports;
+exports.default = index.lodash_clonedeepExports;

package/lib/_virtual/index17.cjs

@@ -1,5 +1,9 @@
 'use strict';
 
-var eventemitter3 = {exports: {}};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__module = eventemitter3;
+var index = require('../node_modules/.pnpm/lodash.isequal@4.5.0/node_modules/lodash.isequal/index.cjs');
+
+
+
+exports.default = index.lodash_isequalExports;

package/lib/_virtual/index18.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var lodash_clonedeep = {exports: {}};
+var lodash_isequal = {exports: {}};
 
-exports.__module = lodash_clonedeep;
+exports.__module = lodash_isequal;

package/lib/_virtual/index19.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var lodash_isequal = {exports: {}};
+var lodash_clonedeep = {exports: {}};
 
-exports.__module = lodash_isequal;
+exports.__module = lodash_clonedeep;

package/lib/_virtual/isBetween.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var isBetween = {exports: {}};
+
+exports.__module = isBetween;

package/lib/common/action-group/action-group.cjs

@@ -43,11 +43,11 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
       return [];
     });
     const visible = vue.computed(() => {
-      const visible2 = details.value.some((item) => {
+      const result = details.value.some((item) => {
         var _a, _b;
         return (_b = (_a = props.actionsState) == null ? void 0 : _a[item.id]) == null ? void 0 : _b.visible;
       });
-      return visible2;
+      return result;
     });
     const caption = vue.computed(() => {
       var _a, _b;
@@ -105,7 +105,7 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
         if ((_b = (_a2 = props.actionsState) == null ? void 0 : _a2[detail.id]) == null ? void 0 : _b.visible)
           return [renderSeparator(detail.addSeparator), vue.createVNode(vue.resolveComponent("van-button"), {
             "size": "small",
-            "type": buttonUtil.convertBtnType(detail.buttonStyle),
+            "type": buttonUtil.convertBtnType(detail),
             "text": detail.showCaption ? detail.caption : "",
             "onClick": (e) => handleClick(detail, e, true),
             "disabled": props.actionsState[detail.id].disabled,
@@ -148,7 +148,7 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
             "size": "small",
             "ref": "buttonRef",
             "class": this.ns.e("button"),
-            "type": buttonUtil.convertBtnType(this.actionDetail.buttonStyle)
+            "type": buttonUtil.convertBtnType(this.actionDetail)
           }, {
             icon: () => {
               return this.actionDetail.showIcon && this.actionDetail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {

package/lib/common/action-group/action-group.css

@@ -1 +1 @@
-.ibiz-action-group__separator{width:100%;height:.0625rem;display:inline-block;vertical-align:middle;background-color:var(--ibiz-color-border)}.ibiz-action-group__button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-action-group .van-popover__content{display:flex;flex-direction:column}.ibiz-action-group .van-popover__content .van-button{padding:0;font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);width:var(--van-popover-action-width);height:var(--van-popover-action-height);border-color:var(--ibiz-color-white)}.ibiz-action-group .van-popover__content .van-button:before{border-color:var(--ibiz-color-white)}.ibiz-action-group .van-popover__content .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}
+.ibiz-action-group{--ibiz-action-group-color-separator-bg:var(--ibiz-color-border);--ibiz-action-group-color-van-button-border:var(--ibiz-color-white);--ibiz-action-group-height-separator:0.0625rem;--ibiz-action-group-width-van-button:var(--van-popover-action-width);--ibiz-action-group-height-van-button:var(--van-popover-action-height);--ibiz-action-group-spacing-button-gap:var(--ibiz-spacing-extra-tight);--ibiz-action-group-spacing-van-button-text-gap:var(--ibiz-spacing-extra-tight);--ibiz-action-group-font-van-button-fontSize:var(--van-popover-action-font-size);--ibiz-action-group-font-van-button-lineHeight:var(--van-line-height-md);--ibiz-action-group-radius-van-button:var(--ibiz-border-radius-medium)}.ibiz-action-group__separator{width:100%;height:var(--ibiz-action-group-height-separator);display:inline-block;vertical-align:middle;background-color:var(--ibiz-action-group-color-separator-bg)}.ibiz-action-group__button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-action-group-spacing-button-gap)}.ibiz-action-group .van-popover__content{display:flex;flex-direction:column}.ibiz-action-group .van-popover__content .van-button{padding:0;font-size:var(--ibiz-action-group-font-van-button-fontSize);line-height:var(--ibiz-action-group-font-van-button-lineHeight);width:var(--ibiz-action-group-width-van-button);height:var(--ibiz-action-group-height-van-button);border-radius:var(--ibiz-action-group-radius-van-button);border-color:transparent}.ibiz-action-group .van-popover__content .van-button:before{border-color:var(--ibiz-action-group-color-van-button-border)}.ibiz-action-group .van-popover__content .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-action-group-spacing-van-button-text-gap)}

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -62,7 +62,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
           return [detail.addSeparator && this.renderSeparator(), vue.createVNode(vue.resolveComponent("van-button"), {
             "size": "small",
             "text": detail.showCaption ? detail.caption : "",
-            "type": buttonUtil.convertBtnType(detail.buttonStyle),
+            "type": buttonUtil.convertBtnType(detail),
             "onClick": (e) => this.handleClick(detail, e),
             "disabled": this.actionsState[detail.id].disabled,
             "class": [this.ns.e("item"), this.ns.is("disabled", false), (_c = detail.sysCss) == null ? void 0 : _c.codeName]

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 0.25rem;--ibiz-action-toolbar-separator-width:0.125rem;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-color-separator-border-color:var(--ibiz-color-border);--ibiz-action-toolbar-spacing-item-margin:0 0 0 0.25rem;--ibiz-action-toolbar-width-separator-width:0.125rem}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-spacing-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-width-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-color-separator-border-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/add-btn/add-btn-event.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+"use strict";
+const AddBtnEvent = {
+  /*
+   * 点击添加按钮
+   * @param event
+   */
+  addClick: (_event) => true
+};
+
+exports.AddBtnEvent = AddBtnEvent;

package/lib/common/add-btn/add-btn.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var addBtnEvent = require('./add-btn-event.cjs');
+require('./add-btn.css');
+
+"use strict";
+const IBizAddBtn = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAddBtn",
+  props: {
+    addCaption: {
+      type: String,
+      default: () => ibiz.i18n.t("control.common.addbtn")
+    }
+  },
+  emits: addBtnEvent.AddBtnEvent,
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("add-btn");
+    const onAddClick = (event) => {
+      emit("addClick", event);
+    };
+    return {
+      ns,
+      onAddClick
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": this.ns.b(),
+      "icon": "plus",
+      "onClick": (event) => this.onAddClick(event)
+    }, {
+      default: () => [this.addCaption]
+    });
+  }
+});
+
+exports.IBizAddBtn = IBizAddBtn;

package/lib/common/add-btn/add-btn.css

@@ -0,0 +1 @@
+.ibiz-add-btn{--ibiz-add-btn-color-button-color:var(--ibiz-color-primary);--ibiz-add-btn-color-add-border:var(--ibiz-color-border);--ibiz-add-btn-spacing-button-padding:var(--ibiz-spacing-tight) 0;--ibiz-add-btn-border-add-btn:0.125rem dashed var(--ibiz-add-btn-color-add-border);width:100%;border:var(--ibiz-add-btn-border-add-btn);margin:var(--ibiz-add-btn-spacing-button-padding);color:var(--ibiz-add-btn-color-button-color)}

package/lib/common/add-more/add-more.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./add-more.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizAddMore = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAddMore",
+  setup() {
+    const ns = vue3Util.useNamespace("add-more");
+    return {
+      ns
+    };
+  },
+  render() {
+    let _slot;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": this.ns.e("button")
+    }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.IBizAddMore = IBizAddMore;

package/lib/common/add-more/add-more.css

@@ -0,0 +1 @@
+.ibiz-add-more{--ibiz-add-more-color-bg:var(--ibiz-color-fill-0);--ibiz-add-more-color-text:var(--ibiz-color-primary);width:100%}.ibiz-add-more .van-button{width:100%;border:none;background-color:var(--ibiz-add-more-color-bg);color:var(--ibiz-add-more-color-text)}

package/lib/common/button-list/button-list.cjs

@@ -99,7 +99,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
           return [renderSeparator(item.addSeparator && showSeparator), vue.createVNode(vue.resolveComponent("van-button"), {
             "size": "small",
             "class": [ns.e("item"), ns.em("item", `${(_b = item.id) == null ? void 0 : _b.toLowerCase()}`), (_c = item.sysCss) == null ? void 0 : _c.cssName],
-            "type": buttonUtil.convertBtnType(item.buttonStyle),
+            "type": buttonUtil.convertBtnType(item),
             "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled,
             "onClick": (event) => handleClick(item, event)
           }, {
@@ -132,7 +132,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
             "class": ns.e("button"),
             "disabled": props.disabled,
             "onClick": onChangePopover,
-            "type": buttonUtil.convertBtnType(buttonListStyle.value)
+            "type": buttonListStyle.value.toLowerCase()
           }, {
             default: () => [sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "class": ns.em("button", "icon"),

package/lib/common/button-list/button-list.css

@@ -1 +1 @@
-.ibiz-button-list{width:100%;height:100%}.ibiz-button-list .van-button{border:none}.ibiz-button-list .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list .van-button .van-button__text .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);font-size:var(--ibiz-width-icon-medium)}.ibiz-button-list__content{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__button--caption{display:flex;line-height:100%;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__popover{--ibiz-color-bg-0:var(--van-popover-light-text-color)}.ibiz-button-list__popover .van-popover__action--disabled,.ibiz-button-list__popover .van-popover__action--disabled:active{color:var(--ibiz-color-disabled-text)!important;background-color:var(--ibiz-color-disabled-bg)}.ibiz-button-list__popover .van-popover__content{display:flex;flex-direction:column}.ibiz-button-list__popover .van-popover__content .van-button{padding:0;font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);width:var(--van-popover-action-width);height:var(--van-popover-action-height);border-color:var(--ibiz-color-white)}.ibiz-button-list__popover .van-popover__content .van-button:before{border-color:var(--ibiz-color-white)}.ibiz-button-list__popover .van-popover__content .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}
+.ibiz-button-list{--ibiz-button-list-color-van-action-disabled-text:var(--ibiz-color-disabled-text);--ibiz-button-list-color-van-action-disabled-bg:var(--ibiz-color-disabled-bg);--ibiz-button-list-color-van-button-border-color:var(--ibiz-color-white);--ibiz-button-list-spacing-content-gap:var(--ibiz-spacing-extra-tight);--ibiz-button-list-spacing-button-caption-gap:var(--ibiz-spacing-extra-tight);--ibiz-button-list-spacing-van-button-text-gap:var(--ibiz-spacing-extra-tight);--ibiz-button-list-spacing-van-content-gap:var(--ibiz-spacing-super-tight);--ibiz-button-list-font-icon-fontSize:var(--ibiz-width-icon-medium);--ibiz-button-list-font-van-button-fontSize:var(--van-popover-action-font-size);--ibiz-button-list-font-van-button-lineHeight:var(--van-line-height-md);--ibiz-button-list-width-van-button:var(--van-popover-action-width);--ibiz-button-list-height-van-button:var(--van-popover-action-height);--ibiz-button-list-radius-van-button:var(--ibiz-border-radius-medium);width:100%;height:100%}.ibiz-button-list__content{display:flex;flex-wrap:wrap;gap:var(--ibiz-button-list-spacing-content-gap)}.ibiz-button-list__button--caption{display:flex;line-height:100%;align-items:center;gap:var(--ibiz-button-list-spacing-button-caption-gap)}.ibiz-button-list__popover{--ibiz-button-list-color-van-action-disabled-text:var(--ibiz-color-disabled-text);--ibiz-button-list-color-van-action-disabled-bg:var(--ibiz-color-disabled-bg);--ibiz-button-list-color-van-button-border-color:var(--ibiz-color-white);--ibiz-button-list-spacing-content-gap:var(--ibiz-spacing-extra-tight);--ibiz-button-list-spacing-button-caption-gap:var(--ibiz-spacing-extra-tight);--ibiz-button-list-spacing-van-button-text-gap:var(--ibiz-spacing-extra-tight);--ibiz-button-list-spacing-van-content-gap:var(--ibiz-spacing-super-tight);--ibiz-button-list-font-icon-fontSize:var(--ibiz-width-icon-medium);--ibiz-button-list-font-van-button-fontSize:var(--van-popover-action-font-size);--ibiz-button-list-font-van-button-lineHeight:var(--van-line-height-md);--ibiz-button-list-width-van-button:var(--van-popover-action-width);--ibiz-button-list-height-van-button:var(--van-popover-action-height);--ibiz-button-list-radius-van-button:var(--ibiz-border-radius-medium);--ibiz-color-bg-0:var(--van-popover-light-text-color)}.ibiz-button-list__popover .van-popover__action--disabled,.ibiz-button-list__popover .van-popover__action--disabled:active{color:var(--ibiz-button-list-color-van-action-disabled-text)!important;background-color:var(--ibiz-button-list-color-van-action-disabled-bg)}.ibiz-button-list__popover .van-popover__content{display:flex;flex-direction:column;gap:var(--ibiz-button-list-spacing-van-content-gap)}.ibiz-button-list__popover .van-popover__content .van-button{padding:0;font-size:var(--ibiz-button-list-font-van-button-fontSize);line-height:var(--ibiz-button-list-font-van-button-lineHeight);width:var(--ibiz-button-list-width-van-button);height:var(--ibiz-button-list-height-van-button);border-radius:var(--ibiz-button-list-radius-van-button)}.ibiz-button-list__popover .van-popover__content .van-button:before{border-color:var(--ibiz-button-list-color-van-button-border-color)}.ibiz-button-list__popover .van-popover__content .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-button-list-spacing-van-button-text-gap)}

package/lib/common/carousel/carousel.cjs

@@ -50,7 +50,7 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
       "lazy-render": true,
       "show-indicators": this.showIndicators,
       "touchable": this.touchable
-    }, this.attrs), {
+    }, vue3Util.useFilterAttribute(this.$attrs)), {
       default: () => [this.images && this.images.map((image) => {
         return vue.createVNode(vue.resolveComponent("van-swipe-item"), {
           "key": image

package/lib/common/carousel/carousel.css

@@ -1 +1 @@
-.ibiz-carousel{height:100%}.ibiz-carousel .van-swipe{height:100%}.ibiz-carousel .van-swipe-item img{box-sizing:border-box;display:block;width:100%;height:100%;padding:1.875rem 3.75rem;pointer-events:none;background-color:var(--van-white)}
+.ibiz-carousel{--ibiz-carousel-img-padding:0;height:100%}.ibiz-carousel .van-swipe{height:100%}.ibiz-carousel .van-swipe-item img{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--ibiz-carousel-img-padding);pointer-events:none}

package/lib/common/cropping/cropping.css

@@ -1 +1 @@
-.ibiz-cropping{display:flex;flex-direction:column;gap:var(--ibiz-spacing-tight);width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-cropping__content{display:flex;flex:1;flex-direction:column;gap:var(--ibiz-spacing-tight);align-items:center;width:100%;height:100%;overflow:hidden}.ibiz-cropping__content--crop{position:relative;width:100%;height:100%;overflow:hidden}.ibiz-cropping__content--croparea{position:absolute;top:50%;left:50%;z-index:10;box-sizing:border-box;overflow:hidden;color:rgba(0,0,0,.5);cursor:move;content:"";background:0 0;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 0 9999em;transform:translate(-50%,-50%)}.ibiz-cropping__content--img{position:absolute;inset:0;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate(-50%,-50%)}.ibiz-cropping__footer{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base);align-items:center;justify-content:center;width:100%;height:50px;overflow:hidden;border-top:1px solid var(--ibiz-color-border)}.ibiz-cropping__footer--cancel{width:45%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);text-align:center;cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-cropping__footer--confirm{width:45%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);color:var(--ibiz-color-white);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}
+.ibiz-cropping{--ibiz-cropping-color-area-color:var(--ibiz-color-bg-overlay);--ibiz-cropping-color-area-bg-color:transparent;--ibiz-cropping-color-cancel-btn-color:var(--ibiz-color-black);--ibiz-cropping-color-cancel-btn-bg-color:var(--ibiz-color-white);--ibiz-cropping-color-confirm-btn-color:var(--ibiz-color-white);--ibiz-cropping-color-confirm-btn-bg-color:var(--ibiz-color-primary);--ibiz-cropping-color-area-border:var(--ibiz-color-border);--ibiz-cropping-color-footer-border-top:var(--ibiz-color-border);--ibiz-cropping-color-btn-border:var(--ibiz-color-border);--ibiz-cropping-height-footer-height:3.125rem;--ibiz-cropping-spacing-footer-gap:var(--ibiz-spacing-base);--ibiz-cropping-spacing-btn-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-cropping-radius-btn-border-radius:var(--ibiz-border-radius-small);--ibiz-cropping-border-croparea:0.0625rem solid var(--ibiz-cropping-color-area-border);--ibiz-cropping-border-footer-border-top:0.0625rem solid var(--ibiz-cropping-color-footer-border-top);display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-cropping__content{display:flex;flex:1;flex-direction:column;align-items:center;width:100%;height:100%;overflow:hidden}.ibiz-cropping__content--crop{position:relative;width:100%;height:100%;overflow:hidden}.ibiz-cropping__content--croparea{position:absolute;top:50%;left:50%;z-index:10;box-sizing:border-box;overflow:hidden;color:var(--ibiz-cropping-color-area-color);cursor:move;content:"";background:var(--ibiz-cropping-color-area-bg-color);border:var(--ibiz-cropping-border-croparea);box-shadow:0 0 0 9999em;transform:translate(-50%,-50%)}.ibiz-cropping__content--img{position:absolute;inset:0;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate(-50%,-50%)}.ibiz-cropping__footer{display:flex;flex-shrink:0;gap:var(--ibiz-cropping-spacing-footer-gap);align-items:center;justify-content:center;width:100%;height:var(--ibiz-cropping-height-footer-height);overflow:hidden;background-color:var(--ibiz-cropping-color-area-color);border-top:var(--ibiz-cropping-border-footer-border-top)}.ibiz-cropping__footer--cancel{width:45%;padding:var(--ibiz-cropping-spacing-btn-padding);color:var(--ibiz-cropping-color-cancel-btn-color);text-align:center;cursor:pointer;background-color:var(--ibiz-cropping-color-cancel-btn-bg-color);border:var(--ibiz-cropping-color-btn-border);border-radius:var(--ibiz-cropping-radius-btn-border-radius)}.ibiz-cropping__footer--confirm{width:45%;padding:var(--ibiz-cropping-spacing-btn-padding);color:var(--ibiz-cropping-color-confirm-btn-color);text-align:center;cursor:pointer;background-color:var(--ibiz-cropping-color-confirm-btn-bg-color);border:var(--ibiz-cropping-color-btn-border);border-radius:var(--ibiz-cropping-radius-btn-border-radius)}

package/lib/common/date-range-picker/components/range-picker/range-picker.css

@@ -1 +1 @@
-.ibiz-range-picker-calendar-input{display:flex;gap:var(--ibiz-spacing-base);justify-content:center;width:100vw}.ibiz-range-picker-calendar-input__start{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;max-width:40%;padding:var(--ibiz-spacing-base);margin-top:var(--ibiz-spacing-base);text-align:left;background-color:var(--ibiz-color-fill-3)}.ibiz-range-picker-calendar-input__start--label{position:absolute;top:50%;z-index:1;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-tertiary);transition:all linear .1s;transform:translateY(-50%)}.ibiz-range-picker-calendar-input__start--input{margin-top:var(--ibiz-spacing-base);background-color:var(--ibiz-color-fill-3);opacity:0}.ibiz-range-picker-calendar-input__start.is-show-input .ibiz-range-picker-calendar-input__start--label{position:absolute;top:0;margin-top:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-primary);transform:unset}.ibiz-range-picker-calendar-input__start.is-show-input .ibiz-range-picker-calendar-input__start--input{opacity:1}.ibiz-range-picker-calendar-input__start.is-focus{border-bottom:1px solid var(--ibiz-color-primary)}.ibiz-range-picker-calendar-input__start.is-error{border-bottom:1px solid var(--ibiz-color-danger)}.ibiz-range-picker-calendar-input__start.is-error .ibiz-range-picker-calendar-input__start--label{color:var(--ibiz-color-danger)}.ibiz-range-picker-calendar-input__end{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;max-width:40%;padding:var(--ibiz-spacing-base);margin-top:var(--ibiz-spacing-base);text-align:left;background-color:var(--ibiz-color-fill-3)}.ibiz-range-picker-calendar-input__end--label{position:absolute;top:50%;z-index:1;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-tertiary);transition:all linear .1s;transform:translateY(-50%)}.ibiz-range-picker-calendar-input__end--input{margin-top:var(--ibiz-spacing-base);background-color:var(--ibiz-color-fill-3);opacity:0}.ibiz-range-picker-calendar-input__end.is-show-input .ibiz-range-picker-calendar-input__end--label{position:absolute;top:0;margin-top:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-primary);transform:unset}.ibiz-range-picker-calendar-input__end.is-show-input .ibiz-range-picker-calendar-input__end--input{opacity:1}.ibiz-range-picker-calendar-input__end.is-focus{border-bottom:1px solid var(--ibiz-color-primary)}.ibiz-range-picker-calendar-input__end.is-error{border-bottom:1px solid var(--ibiz-color-danger)}.ibiz-range-picker-calendar-input__end.is-error .ibiz-range-picker-calendar-input__end--label{color:var(--ibiz-color-danger)}.ibiz-range-picker-calendar-input__error{position:absolute;top:calc(100% + var(--ibiz-spacing-tight));font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-danger);white-space:pre-line}
+.ibiz-range-picker-calendar-input{--ibiz-range-picker-color-input-background:var(--ibiz-color-fill-3);--ibiz-range-picker-color-input-label-text:var(--ibiz-color-tertiary);--ibiz-range-picker-color-input-input-bg:var(--ibiz-color-fill-3);--ibiz-range-picker-color-input-show-input-text:var(--ibiz-color-primary);--ibiz-range-picker-color-input-border-active:var(--ibiz-color-primary);--ibiz-range-picker-color-input-border-error:var(--ibiz-color-danger);--ibiz-range-picker-color-calendar-input-error-text:var(--ibiz-color-danger);--ibiz-range-picker-spacing-calendar-input-gap:var(--ibiz-spacing-base);--ibiz-range-picker-spacing-input-padding:var(--ibiz-spacing-base);--ibiz-range-picker-spacing-input-margin-top:var(--ibiz-spacing-base);--ibiz-range-picker-spacing-input-input-margin-top:var(--ibiz-spacing-base);--ibiz-range-picker-spacing-input-show-input-margin-top:var(--ibiz-spacing-base);--ibiz-range-picker-spacing-calendar-input-error-top:var(--ibiz-spacing-tight);--ibiz-range-picker-font-input-show-input-fontSize:var(--ibiz-font-size-small);--ibiz-range-picker-font-input-label-fontSize:var(--ibiz-font-size-header-4);--ibiz-range-picker-font-calendar-input-error-fontSize:var(--ibiz-font-size-small);--ibiz-range-picker-border-focus-border-bottom:0.0625rem solid var(--ibiz-range-picker-color-input-border-active);--ibiz-range-picker-border-error-border-bottom:0.0625rem solid var(--ibiz-range-picker-color-input-border-error);display:flex;gap:var(--ibiz-range-picker-spacing-calendar-input-gap);justify-content:center;width:100vw}.ibiz-range-picker-calendar-input__start{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;max-width:40%;padding:var(--ibiz-range-picker-spacing-input-padding);margin-top:var(--ibiz-range-picker-spacing-input-margin-top);text-align:left;background-color:var(--ibiz-range-picker-color-input-background)}.ibiz-range-picker-calendar-input__start--label{position:absolute;top:50%;z-index:1;font-size:var(--ibiz-range-picker-font-input-label-fontSize);color:var(--ibiz-range-picker-color-input-label-text);transition:all linear .1s;transform:translateY(-50%)}.ibiz-range-picker-calendar-input__start--input{margin-top:var(--ibiz-range-picker-spacing-input-input-margin-top);background-color:var(--ibiz-range-picker-color-input-input-bg);opacity:0}.ibiz-range-picker-calendar-input__start.is-show-input .ibiz-range-picker-calendar-input__start--label{position:absolute;top:0;margin-top:var(--ibiz-range-picker-spacing-input-show-input-margin-top);font-size:var(--ibiz-range-picker-font-input-show-input-fontSize);color:var(--ibiz-range-picker-color-input-show-input-text);transform:unset}.ibiz-range-picker-calendar-input__start.is-show-input .ibiz-range-picker-calendar-input__start--input{opacity:1}.ibiz-range-picker-calendar-input__start.is-focus{border-bottom:var(--ibiz-range-picker-border-focus-border-bottom)}.ibiz-range-picker-calendar-input__start.is-error{border-bottom:var(--ibiz-range-picker-border-error-border-bottom)}.ibiz-range-picker-calendar-input__start.is-error .ibiz-range-picker-calendar-input__start--label{color:var(--ibiz-range-picker-color-input-border-error)}.ibiz-range-picker-calendar-input__end{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;max-width:40%;padding:var(--ibiz-range-picker-spacing-input-padding);margin-top:var(--ibiz-range-picker-spacing-input-margin-top);text-align:left;background-color:var(--ibiz-range-picker-color-input-background)}.ibiz-range-picker-calendar-input__end--label{position:absolute;top:50%;z-index:1;font-size:var(--ibiz-range-picker-font-input-label-fontSize);color:var(--ibiz-range-picker-color-input-label-text);transition:all linear .1s;transform:translateY(-50%)}.ibiz-range-picker-calendar-input__end--input{margin-top:var(--ibiz-range-picker-spacing-input-input-margin-top);background-color:var(--ibiz-range-picker-color-input-input-bg);opacity:0}.ibiz-range-picker-calendar-input__end.is-show-input .ibiz-range-picker-calendar-input__end--label{position:absolute;top:0;margin-top:var(--ibiz-range-picker-spacing-input-show-input-margin-top);font-size:var(--ibiz-range-picker-font-input-show-input-fontSize);color:var(--ibiz-range-picker-color-input-show-input-text);transform:unset}.ibiz-range-picker-calendar-input__end.is-show-input .ibiz-range-picker-calendar-input__end--input{opacity:1}.ibiz-range-picker-calendar-input__end.is-focus{border-bottom:var(--ibiz-range-picker-border-focus-border-bottom)}.ibiz-range-picker-calendar-input__end.is-error{border-bottom:var(--ibiz-range-picker-border-error-border-bottom)}.ibiz-range-picker-calendar-input__end.is-error .ibiz-range-picker-calendar-input__end--label{color:var(--ibiz-range-picker-color-input-border-error)}.ibiz-range-picker-calendar-input__error{position:absolute;top:calc(100% + var(--ibiz-range-picker-spacing-calendar-input-error-top));font-size:var(--ibiz-range-picker-font-calendar-input-error-fontSize);color:var(--ibiz-range-picker-color-calendar-input-error-text);white-space:pre-line}

package/lib/common/date-range-picker/components/single-picker/single-picker.css

@@ -1 +1 @@
-.ibiz-single-picker{width:100vw;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:var(--ibiz-spacing-base);margin-top:var(--ibiz-spacing-base)}.ibiz-single-picker__container{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;width:100%;padding:var(--ibiz-spacing-base);margin-top:var(--ibiz-spacing-base);text-align:left;background-color:var(--ibiz-color-fill-3)}.ibiz-single-picker__container.is-show-input{border-bottom:1px solid var(--ibiz-color-primary)}.ibiz-single-picker__container.is-show-input .ibiz-single-picker__input{opacity:1}.ibiz-single-picker__container.is-show-input .ibiz-single-picker__label{opacity:1;left:var(--ibiz-spacing-base);top:0;margin-top:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-primary);transform:unset}.ibiz-single-picker__container.is-error{border-bottom:1px solid var(--ibiz-color-danger)}.ibiz-single-picker__container.is-error .ibiz-single-picker__label{color:var(--ibiz-color-danger)}.ibiz-single-picker__label{position:absolute;top:50%;z-index:1;left:50%;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-tertiary);transition:all linear .1s;text-align:center;transform:translate(-50%,-50%)}.ibiz-single-picker__input{margin-top:var(--ibiz-spacing-base);background-color:var(--ibiz-color-fill-3);opacity:0}.ibiz-single-picker__error{position:absolute;top:calc(100% + var(--ibiz-spacing-tight));font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-danger);white-space:pre-line}
+.ibiz-single-picker{--ibiz-single-picker-color-picker-container-bg:var(--ibiz-color-fill-3);--ibiz-single-picker-color-picker-show-input-active:var(--ibiz-color-primary);--ibiz-single-picker-color-picker-error:var(--ibiz-color-danger);--ibiz-single-picker-color-picker-label-text:var(--ibiz-color-tertiary);--ibiz-single-picker-color-picker-input-background-color:var(--ibiz-color-fill-3);--ibiz-single-picker-spacing-picker-padding:var(--ibiz-spacing-base);--ibiz-single-picker-spacing-picker-input-padding:var(--ibiz-spacing-base);--ibiz-single-picker-spacing-picker-show-input-label-left:var(--ibiz-spacing-base);--ibiz-single-picker-spacing-picker-margin-top:var(--ibiz-spacing-base);--ibiz-single-picker-spacing-picker-show-input-label-margin-top:var(--ibiz-spacing-base);--ibiz-single-picker-spacing-picker-error-top:var(--ibiz-spacing-tight);--ibiz-single-picker-font-picker-show-input-label-fontSize:var(--ibiz-font-size-small);--ibiz-single-picker-font-picker-label-fontSize:var(--ibiz-font-size-header-4);--ibiz-single-picker-font-picker-error-fontSize:var(--ibiz-font-size-small);--ibiz-single-picker-border-show-input-border-bottom:0.0625rem solid var(--ibiz-color-primary);--ibiz-single-picker-border-error-border-bottom:0.0625rem solid var(--ibiz-color-danger);width:100vw;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:var(--ibiz-single-picker-spacing-picker-padding);margin-top:var(--ibiz-single-picker-spacing-picker-margin-top)}.ibiz-single-picker__container{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;width:100%;padding:var(--ibiz-single-picker-spacing-picker-padding);margin-top:var(--ibiz-single-picker-spacing-picker-margin-top);text-align:left;background-color:var(--ibiz-single-picker-color-picker-container-bg)}.ibiz-single-picker__container.is-show-input{border-bottom:var(--ibiz-single-picker-border-show-input-border-bottom)}.ibiz-single-picker__container.is-show-input .ibiz-single-picker__input{opacity:1}.ibiz-single-picker__container.is-show-input .ibiz-single-picker__label{opacity:1;left:var(--ibiz-single-picker-spacing-picker-show-input-label-left);top:0;margin-top:var(--ibiz-single-picker-spacing-picker-show-input-label-margin-top);font-size:var(--ibiz-single-picker-font-picker-show-input-label-fontSize);color:var(--ibiz-single-picker-color-picker-show-input-active);transform:unset}.ibiz-single-picker__container.is-error{border-bottom:var(--ibiz-single-picker-border-error-border-bottom)}.ibiz-single-picker__container.is-error .ibiz-single-picker__label{color:var(--ibiz-single-picker-color-picker-error)}.ibiz-single-picker__label{position:absolute;top:50%;z-index:1;left:50%;font-size:var(--ibiz-single-picker-font-picker-label-fontSize);color:var(--ibiz-single-picker-color-picker-label-text);transition:all linear .1s;text-align:center;transform:translate(-50%,-50%)}.ibiz-single-picker__input{margin-top:var(--ibiz-single-picker-spacing-picker-input-padding);background-color:var(--ibiz-single-picker-color-picker-input-background-color);opacity:0}.ibiz-single-picker__error{position:absolute;top:calc(100% + var(--ibiz-single-picker-spacing-picker-error-top));font-size:var(--ibiz-single-picker-font-picker-error-fontSize);color:var(--ibiz-single-picker-color-picker-error);white-space:pre-line}

package/lib/common/date-range-picker/date-range-picker.cjs

@@ -299,7 +299,7 @@ const IBizDateRangeCalendar = /* @__PURE__ */ vue.defineComponent({
       "max-date": this.maxDate,
       "onSelect": this.onSelect,
       "onConfirm": this.onConfirm
-    }, this.$attrs), {
+    }, vue3Util.useFilterAttribute(this.$attrs)), {
       title: () => {
         return vue.createVNode("div", {
           "class": this.ns.e("custom-header")

package/lib/common/date-range-picker/date-range-picker.css

@@ -1 +1 @@
-.ibiz-calendar-date-range-picker{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-calendar-date-range-picker__header{flex-shrink:0;padding:0 16px;color:var(--ibiz-color-default);background-color:var(--ibiz-color-primary)}.ibiz-calendar-date-range-picker__actions{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;width:100%;height:36px;color:var(--ibiz-color-white)}.ibiz-calendar-date-range-picker__actions--close{font-size:var(--ibiz-font-size-header-5)}.ibiz-calendar-date-range-picker__actions--save{color:var(--ibiz-color-fill-4)}.ibiz-calendar-date-range-picker__actions--save.is-select{color:var(--ibiz-color-white)}.ibiz-calendar-date-range-picker__select{margin:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);text-align:left}.ibiz-calendar-date-range-picker__select--placeholder{font-size:var(--ibiz-font-size-small)}.ibiz-calendar-date-range-picker__select--range{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;margin:var(--ibiz-spacing-base) 0;font-size:var(--ibiz-font-size-header-4)}.ibiz-calendar-date-range-picker__select--range-date{display:flex;gap:var(--ibiz-spacing-tight);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center}.ibiz-calendar-date-range-picker__select--icons{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-calendar-date-range-picker__content{flex:1}.ibiz-calendar-date-range-picker__single-text{margin:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);text-align:left}.ibiz-calendar-date-range-picker__single-text--placeholder{font-size:var(--ibiz-font-size-small)}.ibiz-calendar-date-range-picker__single-text--date{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;margin:var(--ibiz-spacing-base) 0;font-size:var(--ibiz-font-size-header-4)}.ibiz-calendar-date-range-picker__single-text--date-text{display:flex;gap:var(--ibiz-spacing-tight);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center}.ibiz-calendar-date-range-picker__single-text--icons{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-calendar-date-range-picker__custom-header{display:flex;justify-content:center;position:relative;width:100%}.ibiz-calendar-date-range-picker__custom-header--close{position:absolute;right:var(--ibiz-spacing-base)}.ibiz-calendar-date-range-picker__calendar-container{flex:1;height:100%;overflow:hidden}.ibiz-calendar-date-range-picker-calendar__today{padding:4px;color:var(--ibiz-color-primary);border:1px solid var(--ibiz-color-primary);border-radius:50%;width:var(--ibiz-spacing-extra-loose);height:var(--ibiz-spacing-extra-loose);display:flex;justify-content:center;align-items:center}.ibiz-calendar-date-range-picker-calendar__today--bottom-info{position:absolute;right:0;bottom:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--end .ibiz-calendar-date-range-picker-calendar__today,.ibiz-calendar-date-range-picker-calendar .van-calendar__day--start .ibiz-calendar-date-range-picker-calendar__today{color:var(--ibiz-color-default)}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--end .ibiz-calendar-date-range-picker-calendar__today .ibiz-calendar-date-range-picker-calendar__today--bottom-info,.ibiz-calendar-date-range-picker-calendar .van-calendar__day--start .ibiz-calendar-date-range-picker-calendar__today .ibiz-calendar-date-range-picker-calendar__today--bottom-info{display:none}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--selected .van-calendar__selected-day{height:100%}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--selected .ibiz-calendar-date-range-picker-calendar__today{color:var(--ibiz-color-default)}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--disabled{color:var(--ibiz-color-disabled-text);opacity:.7}
+.ibiz-calendar-date-range-picker{--ibiz-date-range-picker-color-header-text:var(--ibiz-color-default);--ibiz-date-range-picker-color-header-bg:var(--ibiz-color-primary);--ibiz-date-range-picker-color-actions-text:var(--ibiz-color-white);--ibiz-date-range-picker-color-actions-save:var(--ibiz-color-fill-4);--ibiz-date-range-picker-color-actions-save-select:var(--ibiz-color-white);--ibiz-date-range-picker-color-end-today-text:var(--ibiz-color-default);--ibiz-date-range-picker-color-select-today-text:var(--ibiz-color-default);--ibiz-date-range-picker-color-disabled-today-text:var(--ibiz-color-disabled-text);--ibiz-date-range-picker-color-today-text:var(--ibiz-color-primary);--ibiz-date-range-picker-color-today-border:var(--ibiz-color-primary);--ibiz-date-range-picker-spacing-header-select-margin:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);--ibiz-date-range-picker-spacing-select-range-gap:var(--ibiz-spacing-tight);--ibiz-date-range-picker-spacing-header-padding:0 var(--ibiz-spacing-base);--ibiz-date-range-picker-spacing-select-range-margin:var(--ibiz-spacing-base) 0;--ibiz-date-range-picker-spacing-range-date-gap:var(--ibiz-spacing-tight);--ibiz-date-range-picker-spacing-range-date-icons:var(--ibiz-spacing-base);--ibiz-date-range-picker-spacing-single-text-margin:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);--ibiz-date-range-picker-spacing-single-text-date-gap:var(--ibiz-spacing-tight);--ibiz-date-range-picker-spacing-date-text-gap:var(--ibiz-spacing-tight);--ibiz-date-range-picker-spacing-date-text-icons-gap:var(--ibiz-spacing-base);--ibiz-date-range-picker-spacing-custom-header-close-right:var(--ibiz-spacing-base);--ibiz-date-range-picker-spacing-today-padding:var(--ibiz-spacing-extra-tight);--ibiz-date-range-picker-spacing-single-text-date-margin:var(--ibiz-spacing-base) 0;--ibiz-date-range-picker-width-today:var(--ibiz-spacing-extra-loose);--ibiz-date-range-picker-height-today:var(--ibiz-spacing-extra-loose);--ibiz-date-range-picker-height-actions:2.25rem;--ibiz-date-range-picker-font-single-placeholder-fontSize:var(--ibiz-font-size-small);--ibiz-date-range-picker-font-select-placeholder-fontSize:var(--ibiz-font-size-small);--ibiz-date-range-picker-font-single-text-date-fontSize:var(--ibiz-font-size-header-4);--ibiz-date-range-picker-font-select-range-fontSize:var(--ibiz-font-size-header-4);--ibiz-date-range-picker-font-close-fontSize:var(--ibiz-font-size-header-5);--ibiz-date-range-picker-font-today-bottom-info-fontSize:var(--van-calendar-info-font-size);--ibiz-date-range-picker-font-today-bottom-info-lineHeight:var(--van-calendar-info-line-height);--ibiz-date-range-picker-border-today-border:0.0625rem solid var(--ibiz-date-range-picker-color-today-border);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-calendar-date-range-picker__header{flex-shrink:0;padding:var(--ibiz-date-range-picker-spacing-header-padding);color:var(--ibiz-date-range-picker-color-header-text);background-color:var(--ibiz-date-range-picker-color-header-bg)}.ibiz-calendar-date-range-picker__actions{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;width:100%;height:var(--ibiz-date-range-picker-height-actions);color:var(--ibiz-date-range-picker-color-actions-text)}.ibiz-calendar-date-range-picker__actions--close{font-size:var(--ibiz-date-range-picker-font-close-fontSize)}.ibiz-calendar-date-range-picker__actions--save{color:var(--ibiz-date-range-picker-color-actions-save)}.ibiz-calendar-date-range-picker__actions--save.is-select{color:var(--ibiz-date-range-picker-color-actions-save-select)}.ibiz-calendar-date-range-picker__select{margin:var(--ibiz-date-range-picker-spacing-header-select-margin);text-align:left}.ibiz-calendar-date-range-picker__select--placeholder{font-size:var(--ibiz-date-range-picker-font-select-placeholder-fontSize)}.ibiz-calendar-date-range-picker__select--range{display:flex;gap:var(--ibiz-date-range-picker-spacing-select-range-gap);align-items:center;justify-content:space-between;margin:var(--ibiz-date-range-picker-spacing-select-range-margin);font-size:var(--ibiz-date-range-picker-font-select-range-fontSize)}.ibiz-calendar-date-range-picker__select--range-date{display:flex;gap:var(--ibiz-date-range-picker-spacing-range-date-gap);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center}.ibiz-calendar-date-range-picker__select--icons{display:flex;gap:var(--ibiz-date-range-picker-spacing-range-date-icons)}.ibiz-calendar-date-range-picker__content{flex:1}.ibiz-calendar-date-range-picker__single-text{margin:var(--ibiz-date-range-picker-spacing-single-text-margin);text-align:left}.ibiz-calendar-date-range-picker__single-text--placeholder{font-size:var(--ibiz-date-range-picker-font-single-placeholder-fontSize)}.ibiz-calendar-date-range-picker__single-text--date{display:flex;gap:var(--ibiz-date-range-picker-spacing-single-text-date-gap);align-items:center;justify-content:space-between;margin:var(--ibiz-date-range-picker-spacing-single-text-date-margin);font-size:var(--ibiz-date-range-picker-font-single-text-date-fontSize)}.ibiz-calendar-date-range-picker__single-text--date-text{display:flex;gap:var(--ibiz-date-range-picker-spacing-date-text-gap);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center}.ibiz-calendar-date-range-picker__single-text--icons{display:flex;gap:var(--ibiz-date-range-picker-spacing-date-text-icons-gap)}.ibiz-calendar-date-range-picker__custom-header{display:flex;justify-content:center;position:relative;width:100%}.ibiz-calendar-date-range-picker__custom-header--close{position:absolute;right:var(--ibiz-date-range-picker-spacing-custom-header-close-right)}.ibiz-calendar-date-range-picker__calendar-container{flex:1;height:100%;overflow:hidden}.ibiz-calendar-date-range-picker-calendar__today{padding:var(--ibiz-date-range-picker-spacing-today-padding);color:var(--ibiz-date-range-picker-color-today-text);border:var(--ibiz-date-range-picker-border-today-border);border-radius:50%;width:var(--ibiz-date-range-picker-width-today);height:var(--ibiz-date-range-picker-height-today);display:flex;justify-content:center;align-items:center}.ibiz-calendar-date-range-picker-calendar__today--bottom-info{position:absolute;right:0;bottom:0;left:0;font-size:var(--ibiz-date-range-picker-font-today-bottom-info-fontSize);line-height:var(--ibiz-date-range-picker-font-today-bottom-info-lineHeight)}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--end .ibiz-calendar-date-range-picker-calendar__today,.ibiz-calendar-date-range-picker-calendar .van-calendar__day--start .ibiz-calendar-date-range-picker-calendar__today{color:var(--ibiz-date-range-picker-color-end-today-text)}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--end .ibiz-calendar-date-range-picker-calendar__today .ibiz-calendar-date-range-picker-calendar__today--bottom-info,.ibiz-calendar-date-range-picker-calendar .van-calendar__day--start .ibiz-calendar-date-range-picker-calendar__today .ibiz-calendar-date-range-picker-calendar__today--bottom-info{display:none}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--selected .van-calendar__selected-day{height:100%}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--selected .ibiz-calendar-date-range-picker-calendar__today{color:var(--ibiz-date-range-picker-color-select-today-text)}.ibiz-calendar-date-range-picker-calendar .van-calendar__day--disabled{color:var(--ibiz-date-range-picker-color-disabled-today-text);opacity:.7}