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

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/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-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/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-button-padding:var(--ibiz-spacing-tight) 0;--ibiz-add-btn-button-color:var(--ibiz-color-primary);--ibiz-add-btn-add-border:2px dashed var(--ibiz-color-border);width:100%;border:var(--ibiz-add-btn-add-border);margin:var(--ibiz-add-btn-button-padding);color:var(--ibiz-add-btn-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{width:100%;height:100%}.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)}

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-area-color:var(--ibiz-color-bg-overlay);--ibiz-cropping-area-bg-color:transparent;--ibiz-cropping-cancel-btn-color:var(--ibiz-color-black);--ibiz-cropping-cancel-btn-bg-color:var(--ibiz-color-white);--ibiz-cropping-confirm-btn-color:var(--ibiz-color-white);--ibiz-cropping-confirm-btn-bg-color:var(--ibiz-color-primary);--ibiz-cropping-footer-height:3.125rem;--ibiz-cropping-footer-gap:var(--ibiz-spacing-base);--ibiz-cropping-btn-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-cropping-btn-border-radius:var(--ibiz-border-radius-small);--ibiz-cropping-area-border:1px solid var(--ibiz-color-border);--ibiz-cropping-footer-border-top:1px solid var(--ibiz-color-border);--ibiz-cropping-btn-border:1px solid var(--ibiz-color-border);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-area-color);cursor:move;content:"";background:var(--ibiz-cropping-area-bg-color);border:var(--ibiz-cropping-area-border);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-footer-gap);align-items:center;justify-content:center;width:100%;height:var(--ibiz-cropping-footer-height);overflow:hidden;background-color:var(--ibiz-cropping-area-color);border-top:var(--ibiz-cropping-footer-border-top)}.ibiz-cropping__footer--cancel{width:45%;padding:var(--ibiz-cropping-btn-padding);color:var(--ibiz-cropping-cancel-btn-color);text-align:center;cursor:pointer;background-color:var(--ibiz-cropping-cancel-btn-bg-color);border:var(--ibiz-cropping-btn-border);border-radius:var(--ibiz-cropping-btn-border-radius)}.ibiz-cropping__footer--confirm{width:45%;padding:var(--ibiz-cropping-btn-padding);color:var(--ibiz-cropping-confirm-btn-color);text-align:center;cursor:pointer;background-color:var(--ibiz-cropping-confirm-btn-bg-color);border:var(--ibiz-cropping-btn-border);border-radius:var(--ibiz-cropping-btn-border-radius)}

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/emoji-select/components/categories/categories.css

@@ -1 +1 @@
-.ibiz-emoji-categories{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:var(--ibiz-height-control-large);padding:0 var(--ibiz-spacing-base-loose);margin-bottom:var(--ibiz-spacing-tight);overflow-x:auto}.ibiz-emoji-categories__category{display:flex;align-items:center;min-width:var(--ibiz-font-size-header-4);height:100%;font-size:var(--ibiz-font-size-header-4);cursor:pointer}.ibiz-emoji-categories__category--svg{line-height:var(--ibiz-font-size-header-6)}.ibiz-emoji-categories__category--svg svg{fill:var(--ibiz-color-text-3)}.ibiz-emoji-categories__category.is-active,.ibiz-emoji-categories__category:hover{position:relative}.ibiz-emoji-categories__category.is-active::after,.ibiz-emoji-categories__category:hover::after{position:absolute;bottom:0;display:block;width:100%;content:"";border-top:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary)}.ibiz-emoji-categories__category:hover{color:var(--ibiz-color-primary)}.ibiz-emoji-categories__category:hover svg{fill:var(--ibiz-color-primary)}
+.ibiz-emoji-categories{--ibiz-emoji-categories-hover-color:var(--ibiz-color-primary);--ibiz-emoji-categories-category-color:var(--ibiz-color-text-1);--ibiz-emoji-categories-category-font-size:var(--ibiz-font-size-header-4);--ibiz-emoji-categories-category-line-height:var(--ibiz-font-size-header-6);--ibiz-emoji-categories-category-min-width:var(--ibiz-font-size-header-4);--ibiz-emoji-categories-height:var(--ibiz-height-control-large);--ibiz-emoji-categories-category-border-top:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary);--ibiz-emoji-categories-padding:0 var(--ibiz-spacing-base-loose);--ibiz-emoji-categories-margin-bottom:var(--ibiz-spacing-tight);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:var(--ibiz-emoji-categories-height);padding:var(--ibiz-emoji-categories-padding);margin-bottom:var(--ibiz-emoji-categories-margin-bottom);overflow-x:auto}.ibiz-emoji-categories__category{display:flex;align-items:center;min-width:var(--ibiz-emoji-categories-category-min-width);height:100%;font-size:var(--ibiz-emoji-categories-category-font-size);cursor:pointer}.ibiz-emoji-categories__category--svg{line-height:var(--ibiz-emoji-categories-category-line-height)}.ibiz-emoji-categories__category--svg svg{fill:var(--ibiz-emoji-categories-category-color)}.ibiz-emoji-categories__category.is-active,.ibiz-emoji-categories__category:hover{position:relative}.ibiz-emoji-categories__category.is-active::after,.ibiz-emoji-categories__category:hover::after{position:absolute;bottom:0;display:block;width:100%;content:"";border-top:var(--ibiz-emoji-categories-category-border-top)}.ibiz-emoji-categories__category:hover{color:var(--ibiz-emoji-categories-hover-color)}.ibiz-emoji-categories__category:hover svg{fill:var(--ibiz-emoji-categories-hover-color)}

package/lib/common/emoji-select/components/category-label/category-label.css

@@ -1 +1 @@
-.ibiz-emoji-category-label{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3);text-transform:uppercase}
+.ibiz-emoji-category-label{--ibiz-emoji-category-label-color:var(--ibiz-color-text-1);--ibiz-emoji-category-label-font-size:var(--ibiz-font-size-regular);--ibiz-emoji-category-label-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);padding:var(--ibiz-emoji-category-label-padding);font-size:var(--ibiz-emoji-category-label-font-size);color:var(--ibiz-emoji-category-label-color);text-transform:uppercase}

package/lib/common/emoji-select/components/emoji-item/emoji-item.css

@@ -1 +1 @@
-.ibiz-emoji-item{box-sizing:content-box;display:flex;align-items:center;justify-self:center;padding:var(--ibiz-spacing-tight);overflow:hidden;cursor:pointer}.ibiz-emoji-item.is-border:hover{background:var(--ibiz-color-bg-0);border-radius:var(--ibiz-border-radius-small)}
+.ibiz-emoji-item{--ibiz-emoji-item-bg-color:var(--ibiz-color-bg-0);--ibiz-emoji-item-border-radius:var(--ibiz-border-radius-small);--ibiz-emoji-item-padding:var(--ibiz-spacing-tight);box-sizing:content-box;display:flex;align-items:center;justify-self:center;padding:var(--ibiz-emoji-item-padding);overflow:hidden;cursor:pointer}.ibiz-emoji-item.is-border:hover{background:var(--ibiz-emoji-item-bg-color);border-radius:var(--ibiz-emoji-item-border-radius)}

package/lib/common/emoji-select/components/emoji-list/emoji-list.css

@@ -1 +1 @@
-.ibiz-emoji-list{display:block;width:100%;max-width:100%;padding-top:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-bg-0)}.ibiz-emoji-list ::-webkit-scrollbar{width:0;margin-right:0;overflow:hidden;border-radius:0}.ibiz-emoji-list__container{height:100%;max-height:27vh;padding:0 var(--ibiz-spacing-super-tight);overflow-y:scroll}.ibiz-emoji-list--grid-emojis{display:grid;justify-items:center}
+.ibiz-emoji-list{--ibiz-emoji-list-bg-color:var(--ibiz-color-bg-0);--ibiz-emoji-list-padding-top:var(--ibiz-spacing-tight);--ibiz-emoji-list-container-padding:0 var(--ibiz-spacing-super-tight);display:block;width:100%;max-width:100%;padding-top:var(--ibiz-emoji-list-padding-top);background-color:var(--ibiz-emoji-list-bg-color)}.ibiz-emoji-list ::-webkit-scrollbar{width:0;margin-right:0;overflow:hidden;border-radius:0}.ibiz-emoji-list__container{height:100%;max-height:27vh;padding:var(--ibiz-emoji-list-container-padding);overflow-y:scroll}.ibiz-emoji-list--grid-emojis{display:grid;justify-items:center}

package/lib/common/emoji-select/emoji-select.css

@@ -1 +1 @@
-.ibiz-emoji-select{display:inline-flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;font-size:var(--ibiz-font-size-regular);-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.ibiz-emoji-select{--ibiz-emoji-select-font-size:var(--ibiz-font-size-regular);display:inline-flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;font-size:var(--ibiz-emoji-select-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none}

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

@@ -0,0 +1,65 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./float-button.css');
+
+"use strict";
+const FloatButton = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFloatButton",
+  props: {
+    enabledAlign: {
+      type: Boolean,
+      default: true
+    },
+    align: {
+      type: String,
+      default: "RIGHTEND"
+    }
+  },
+  emits: {
+    click: (_event, _currentTarget) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("float-button");
+    const {
+      zIndex
+    } = vue3Util.useUIStore();
+    const popoverZIndex = zIndex.increment();
+    const buttonRef = vue.ref();
+    const handleClick = (_event) => {
+      emit("click", _event, buttonRef.value);
+    };
+    return {
+      ns,
+      popoverZIndex,
+      buttonRef,
+      handleClick
+    };
+  },
+  render() {
+    var _a, _b, _c, _d, _e, _f;
+    const align = this.align.toLocaleLowerCase();
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    const iconSlot = (_d = (_c = this.$slots).icon) == null ? void 0 : _d.call(_c);
+    const textSlot = (_f = (_e = this.$slots).text) == null ? void 0 : _f.call(_e);
+    return vue.createVNode("button", {
+      "ref": "buttonRef",
+      "class": [this.ns.b(), this.ns.is(align, !!align), align ? this.ns.bm("customized", align) : ""],
+      "style": {
+        [this.ns.cssVarBlockName("z-index")]: this.popoverZIndex
+      },
+      "onClick": this.handleClick
+    }, [defaultSlot || [vue.createVNode("div", {
+      "class": this.ns.e("icon")
+    }, [iconSlot || vue.createVNode(vue.resolveComponent("van-icon"), {
+      "name": "setting-o"
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.e("text")
+    }, [textSlot])]]);
+  }
+});
+
+exports.FloatButton = FloatButton;

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

@@ -0,0 +1 @@
+.ibiz-float-button{--ibiz-float-button-color-bg:var(--ibiz-color-bg-1);--ibiz-float-button-color-text:var(--ibiz-color-primary);--ibiz-float-button-color-box-shadow:var(--ibiz-shadow-elevated);--ibiz-float-button-width:var(--ibiz-height-control-large);--ibiz-float-button-height:var(--ibiz-height-control-large);--ibiz-float-button-spacing-padding:unset;--ibiz-float-button-spacing-left-padding:0 var(--ibiz-spacing-super-tight) 0 0;--ibiz-float-button-spacing-right-padding:0 0 0 var(--ibiz-spacing-super-tight);--ibiz-float-button-radius-circle:unset;--ibiz-float-button-radius-left-circle:0 calc(var(--ibiz-height-control-large) / 2) calc(var(--ibiz-height-control-large) / 2) 0;--ibiz-float-button-radius-right-circle:calc(var(--ibiz-height-control-large) / 2) 0 0 calc(var(--ibiz-height-control-large) / 2);--ibiz-float-button-font-text-font-size:var(--ibiz-font-size-header-3);--ibiz-float-button-position:fixed;--ibiz-float-button-position-left:unset;--ibiz-float-button-position-right:unset;--ibiz-float-button-position-top:unset;--ibiz-float-button-position-bottom:unset;--ibiz-float-button-position-base-offset:0px;--ibiz-float-button-position-top-offset:1.25rem;--ibiz-float-button-position-bottom-offset:1.875rem;--ibiz-float-button-position-start-top:calc(var(--ibiz-float-button-position-top-offset) + var(--ibiz-height-control-large));--ibiz-float-button-position-end-bottom:calc(var(--ibiz-float-button-position-bottom-offset) + var(--van-back-top-bottom));--ibiz-float-button-transform:unset;--ibiz-float-button-border:none;--ibiz-float-button-z-index:1;position:var(--ibiz-float-button-position);left:var(--ibiz-float-button-position-left);right:var(--ibiz-float-button-position-right);top:var(--ibiz-float-button-position-top);bottom:var(--ibiz-float-button-position-bottom);border:none;display:flex;align-items:center;justify-content:center;width:var(--ibiz-float-button-width);height:var(--ibiz-float-button-height);background-color:var(--ibiz-float-button-color-bg);border-radius:var(--ibiz-float-button-radius-circle);padding:var(--ibiz-float-button-spacing-padding);box-shadow:var(--ibiz-float-button-color-box-shadow);transform:var(--ibiz-float-button-transform);color:var(--ibiz-float-button-color-text);font-size:var(--ibiz-float-button-font-text-font-size);z-index:var(--ibiz-float-button-z-index)}.ibiz-float-button__icon{display:flex;align-items:center}.ibiz-float-button.is-leftstart{--ibiz-float-button-position-top:var(--ibiz-float-button-position-start-top);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-left-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-left-padding)}.ibiz-float-button.is-left{--ibiz-float-button-position-left:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-top:50%;--ibiz-float-button-transform:translateY(-50%);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-left-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-left-padding)}.ibiz-float-button.is-leftend{--ibiz-float-button-position-left:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-bottom:var(--ibiz-float-button-position-end-bottom);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-left-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-left-padding)}.ibiz-float-button.is-rightstart{--ibiz-float-button-position-right:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-top:var(--ibiz-float-button-position-start-top);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-right-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-right-padding)}.ibiz-float-button.is-right{--ibiz-float-button-position-right:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-top:50%;--ibiz-float-button-transform:translateY(-50%);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-right-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-right-padding)}.ibiz-float-button.is-rightend{--ibiz-float-button-position-right:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-bottom:var(--ibiz-float-button-position-end-bottom);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-right-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-right-padding)}