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

package/es/view-engine/index.mjs

@@ -36,127 +36,127 @@ const IBizViewEngine = {
       (c) => new MobTreeExpViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_APPINDEXVIEW`,
+      "VIEW_APPINDEXVIEW",
       (c) => new IndexViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobEditView`,
+      "VIEW_MobEditView",
       (c) => new MobEditViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobEditView3`,
+      "VIEW_MobEditView3",
       (c) => new MobEditView3Engine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobMDView`,
+      "VIEW_MobMDView",
       (c) => new MobMDViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobPickupView`,
+      "VIEW_MobPickupView",
       (c) => new MobPickupViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobMPickupView`,
+      "VIEW_MobMPickupView",
       (c) => new MobMPickupViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobPickupMDView`,
+      "VIEW_MobPickupMDView",
       (c) => new PickupMDViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBWFDYNAEDITVIEW`,
+      "VIEW_DEMOBWFDYNAEDITVIEW",
       (c) => new MobWFDynaEditViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBWFDYNAEDITVIEW3`,
+      "VIEW_DEMOBWFDYNAEDITVIEW3",
       (c) => new MobWFDynaEditView3Engine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBWFDYNAACTIONVIEW`,
+      "VIEW_DEMOBWFDYNAACTIONVIEW",
       (c) => new MobWFDynaActionViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBWFDYNASTARTVIEW`,
+      "VIEW_DEMOBWFDYNASTARTVIEW",
       (c) => new MobWFDynaStartViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobTabExpView`,
+      "VIEW_MobTabExpView",
       (c) => new MobTabExpViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobTreeView`,
+      "VIEW_MobTreeView",
       (c) => new MobTreeViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobPickupTreeView`,
+      "VIEW_MobPickupTreeView",
       (c) => new MobPickupTreeViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_APPWFSTEPTRACEVIEW`,
+      "VIEW_APPWFSTEPTRACEVIEW",
       (c) => new WFStepTraceViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBLISTVIEW`,
+      "VIEW_DEMOBLISTVIEW",
       (c) => new MobMDViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBDATAVIEW`,
+      "VIEW_DEMOBDATAVIEW",
       (c) => new MobDataViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_APPPORTALVIEW`,
+      "VIEW_APPPORTALVIEW",
       (c) => new PortalViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBPORTALVIEW`,
+      "VIEW_DEMOBPORTALVIEW",
       (c) => new PortalViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBPORTALVIEW9`,
+      "VIEW_DEMOBPORTALVIEW9",
       (c) => new PortalViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobPortalView`,
+      "VIEW_MobPortalView",
       (c) => new PortalViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_DEMOBCUSTOMVIEW`,
+      "VIEW_DEMOBCUSTOMVIEW",
       (c) => new MobCustomViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobOptionView`,
+      "VIEW_MobOptionView",
       (c) => new MobOptViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobChartView`,
+      "VIEW_MobChartView",
       (c) => new MobChartViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobCalendarView`,
+      "VIEW_MobCalendarView",
       (c) => new MobCalendarViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobEditView9`,
+      "VIEW_MobEditView9",
       (c) => new MobEditViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobMDView9`,
+      "VIEW_MobMDView9",
       (c) => new MobMDViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobTabExpView9`,
+      "VIEW_MobTabExpView9",
       (c) => new MobTabExpViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobCalendarView9`,
+      "VIEW_MobCalendarView9",
       (c) => new MobCalendarViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobChartView9`,
+      "VIEW_MobChartView9",
       (c) => new MobChartViewEngine(c)
     );
     ibiz.engine.register(
-      `VIEW_MobWizardView`,
+      "VIEW_MobWizardView",
       (c) => new MobWizardViewEngine(c)
     );
     ibiz.engine.register(

package/es/view-engine/login-view.engine.mjs

@@ -71,7 +71,7 @@ class LoginViewEngine extends ViewEngineBase {
     }
     let username = data.username;
     if (notNilEmpty(data.orgid)) {
-      username = `${data.username}@${data.orgid}`;
+      username = "".concat(data.username, "@").concat(data.orgid);
     }
     const bol = await ibiz.auth.login(
       username,

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

@@ -1,9 +1,16 @@
-import { MDViewEngine } from '@ibiz-template/runtime';
+import { MDViewEngine, ControlType } from '@ibiz-template/runtime';
 
 "use strict";
 class MobCalendarViewEngine extends MDViewEngine {
   async onCreated() {
+    var _a, _b;
     await super.onCreated();
+    const calendar = (_b = (_a = this.view.model.viewLayoutPanel) == null ? void 0 : _a.controls) == null ? void 0 : _b.find(
+      (control) => control.controlType === ControlType.CALENDAR
+    );
+    if (calendar && calendar.calendarStyle === "TIMELINE") {
+      return;
+    }
     this.view.model.loadDefault = false;
   }
 }

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

@@ -189,7 +189,7 @@ class MobEditViewEngine extends ViewEngineBase {
       throw new RuntimeError(ibiz.i18n.t("viewEngine.noExistVersionErr"));
     }
     const wfInfo = res.data[0];
-    const refKey = `WFSTART@${wfInfo.wfversion}`;
+    const refKey = "WFSTART@".concat(wfInfo.wfversion);
     const newContext = Object.assign(this.view.context.clone(), {
       activeForm: wfInfo["process-form"]
     });

package/es/view-engine/mob-wf-dyna-action-view.engine.mjs

@@ -15,7 +15,7 @@ class MobWFDynaActionViewEngine extends MobWFDynaEditViewEngine {
   }
   async calcProcessFormName() {
     this.isEditable = this.view.context.isEditable;
-    const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
+    const processForm = this.view.context.processForm ? "wfform_".concat(this.view.context.processForm) : "form";
     return processForm;
   }
   async call(key, args) {

package/es/view-engine/mob-wf-dyna-edit-view.engine.mjs

@@ -140,7 +140,7 @@ class MobWFDynaEditViewEngine extends MobEditViewEngine {
       })
     );
     this.isEditable = res.data.isEditable === "true";
-    const processForm = res.data["process-mobform"] ? `wfform_${res.data["process-mobform"]}` : "form";
+    const processForm = res.data["process-mobform"] ? "wfform_".concat(res.data["process-mobform"]) : "form";
     return processForm;
   }
   /**

package/es/view-engine/mob-wf-dyna-start-view.engine.mjs

@@ -15,7 +15,7 @@ class MobWFDynaStartViewEngine extends MobWFDynaEditViewEngine {
   }
   async calcProcessFormName() {
     this.isEditable = this.view.context.isEditable;
-    const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
+    const processForm = this.view.context.processForm ? "wfform_".concat(this.view.context.processForm) : "form";
     return processForm;
   }
   async call(key, args) {

package/lib/_virtual/index12.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var frameTalkClientPc = {exports: {}};
+var middlewares = {};
 
-exports.__module = frameTalkClientPc;
+exports.__exports = middlewares;

package/lib/_virtual/index13.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var middlewares = {};
+var frameTalkClientPc = {exports: {}};
 
-exports.__exports = middlewares;
+exports.__module = frameTalkClientPc;

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

@@ -7,6 +7,9 @@ require('./action-group.css');
 var buttonUtil = require('../../util/button-util/button-util.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
   name: "IBizActionGroup",
   props: {
@@ -53,29 +56,12 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       return ((_a = props.actionDetail.refUIActionGroup) == null ? void 0 : _a.name) || ((_b = props.actionDetail.refUIActionGroup) == null ? void 0 : _b.id);
     });
-    const placement = vue.computed(() => {
-      if (!buttonRef.value)
-        return props.direction === "horizontal" ? "right" : "bottom";
-      const {
-        innerWidth,
-        innerHeight
-      } = window;
-      const {
-        offsetLeft: x,
-        offsetTop: y,
-        offsetWidth: width
-      } = buttonRef.value.$el;
-      const centerX = innerWidth - width - 128;
-      const centerY = details.value.length ? innerHeight - details.value.length * 44 : innerHeight / 2;
-      if (y > centerY) {
-        if (props.direction === "horizontal")
-          return x > centerX ? "left-end" : "right-end";
-        return x > centerX ? "top-end" : "top-start";
-      }
-      if (props.direction === "horizontal")
-        return x > centerX ? "left-start" : "right-start";
-      return x > centerX ? "bottom-end" : "bottom-start";
-    });
+    const placement = vue.ref(props.direction === "horizontal" ? "right" : "bottom");
+    const onChangePopover = (e) => {
+      e.stopPropagation();
+      placement.value = buttonUtil.calcPopoverPlacement(ns, buttonRef.value.$el, details.value.length, props.direction);
+      showPopover.value = !showPopover.value;
+    };
     const handleClick = async (detail, event, closePopover = false) => {
       if (closePopover)
         showPopover.value = false;
@@ -102,6 +88,16 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
             "popoverClassName": props.popoverClassName,
             "onPopoverVisibleChange": (visible2) => childPopover.value = visible2
           }, null)];
+        const slots = {};
+        if (detail.showIcon && detail.sysImage) {
+          Object.assign(slots, {
+            icon: () => {
+              return vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "icon": detail.sysImage
+              }, null);
+            }
+          });
+        }
         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",
@@ -110,12 +106,8 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
             "onClick": (e) => handleClick(detail, e, true),
             "disabled": props.actionsState[detail.id].disabled,
             "class": [ns.e("item"), (_c = detail.sysCss) == null ? void 0 : _c.codeName]
-          }, {
-            icon: () => {
-              return detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                "icon": detail.sysImage
-              }, null);
-            }
+          }, _isSlot(slots) ? slots : {
+            default: () => [slots]
           })];
         return null;
       });
@@ -129,7 +121,8 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
       showPopover,
       childPopover,
       renderActions,
-      onPopoverVisibleChange
+      onPopoverVisibleChange,
+      onChangePopover
     };
   },
   render() {
@@ -144,17 +137,7 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
         "onClose": () => this.onPopoverVisibleChange(false)
       }, {
         reference: () => {
-          return vue.createVNode(vue.resolveComponent("van-button"), {
-            "size": "small",
-            "ref": "buttonRef",
-            "class": this.ns.e("button"),
-            "type": buttonUtil.convertBtnType(this.actionDetail)
-          }, {
-            icon: () => {
-              return this.actionDetail.showIcon && this.actionDetail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                "icon": this.actionDetail.sysImage
-              }, null);
-            },
+          const solts = {
             default: () => {
               return [vue.createVNode("div", {
                 "class": this.ns.em("button", "text")
@@ -163,6 +146,24 @@ const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
                 "name": this.direction === "horizontal" ? "chevron-forward-outline" : "chevron-down-outline"
               }, null)];
             }
+          };
+          if (this.actionDetail.showIcon && this.actionDetail.sysImage) {
+            Object.assign(solts, {
+              icon: () => {
+                return vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                  "icon": this.actionDetail.sysImage
+                }, null);
+              }
+            });
+          }
+          return vue.createVNode(vue.resolveComponent("van-button"), {
+            "size": "small",
+            "ref": "buttonRef",
+            "class": this.ns.e("button"),
+            "type": buttonUtil.convertBtnType(this.actionDetail),
+            "onClick": this.onChangePopover
+          }, _isSlot(solts) ? solts : {
+            default: () => [solts]
           });
         },
         default: () => {

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

@@ -1 +1 @@
-.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)}
+.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-height-van-button-line-height:1;--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-spacing-popover-button-item:0 var(--ibiz-spacing-base);--ibiz-action-group-font-van-button-font-size:var(--van-popover-action-font-size);--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{--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-height-van-button-line-height:1;--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-spacing-popover-button-item:0 var(--ibiz-spacing-base);--ibiz-action-group-font-van-button-font-size:var(--van-popover-action-font-size);--ibiz-action-group-radius-van-button:var(--ibiz-border-radius-medium);line-height:var(--ibiz-action-group-height-van-button-line-height)}.ibiz-action-group__button--icon{flex-shrink:0}.ibiz-action-group__button--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-action-group__button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-action-group-spacing-button-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-action-group .van-popover__content{display:flex;flex-direction:column}.ibiz-action-group .van-popover__content .van-button{padding:var(--ibiz-action-group-spacing-popover-button-item);font-size:var(--ibiz-action-group-font-van-button-font-size);line-height:var(--ibiz-action-group-height-van-button-line-height);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;border:none;color:currentColor;background-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__content{justify-content:flex-start}.ibiz-action-group .van-popover__content .van-button .van-button__text{display:block;gap:var(--ibiz-action-group-spacing-van-button-text-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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

@@ -30,6 +30,10 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("button-list");
+    const {
+      zIndex
+    } = vue3Util.useUIStore();
+    const dropdownZIndex = zIndex.zIndex + 1;
     const showPopover = vue.ref(false);
     const buttonRef = vue.ref();
     const childPopover = vue.ref(false);
@@ -42,31 +46,14 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         return (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) || [];
       return props.model.panelButtons || props.model.deformButtons || [];
     });
-    const placement = vue.computed(() => {
-      if (!buttonRef.value)
-        return "bottom";
-      const {
-        innerWidth,
-        innerHeight
-      } = window;
-      const {
-        offsetLeft: x,
-        offsetTop: y,
-        offsetWidth: width
-      } = buttonRef.value.$el;
-      const centerX = innerWidth - width - 128;
-      const centerY = details.value.length ? innerHeight - details.value.length * 44 : innerHeight / 2;
-      if (y > centerY) {
-        return x > centerX ? "top-end" : "top-start";
-      }
-      return x > centerX ? "bottom-end" : "bottom-start";
-    });
+    const placement = vue.ref("bottom");
     const buttonListStyle = vue.computed(() => {
       const {
         itemStyle,
-        detailStyle
+        detailStyle,
+        userTag
       } = props.model;
-      return itemStyle || detailStyle || "DEFAULT";
+      return userTag || itemStyle || detailStyle || "DEFAULT";
     });
     const handleClick = (item, e) => {
       e == null ? void 0 : e.stopPropagation();
@@ -74,6 +61,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     };
     const onChangePopover = (e) => {
       e.stopPropagation();
+      placement.value = buttonUtil.calcPopoverPlacement(ns, buttonRef.value.$el, details.value.length, "vertical");
       showPopover.value = !showPopover.value;
     };
     const renderSeparator = (visible) => {
@@ -98,7 +86,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         if ((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible)
           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],
+            "class": [ns.e("item"), ns.em("item", "".concat((_b = item.id) == null ? void 0 : _b.toLowerCase())), (_c = item.sysCss) == null ? void 0 : _c.cssName],
             "type": buttonUtil.convertBtnType(item),
             "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled,
             "onClick": (event) => handleClick(item, event)
@@ -119,7 +107,10 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         "placement": placement.value,
         "show": showPopover.value,
         "onUpdate:show": ($event) => showPopover.value = $event,
-        "close-on-click-outside": !childPopover.value
+        "close-on-click-outside": !childPopover.value,
+        "style": {
+          zIndex: dropdownZIndex
+        }
       }, {
         reference: () => {
           const {

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

@@ -1 +1 @@
-.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)}
+.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-spacing-popover-button-item:0 var(--ibiz-spacing-base);--ibiz-button-list-font-icon-font-size:var(--ibiz-width-icon-medium);--ibiz-button-list-font-van-button-font-size:var(--van-popover-action-font-size);--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-height-van-button-line-height:1;--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;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-spacing-popover-button-item:0 var(--ibiz-spacing-base);--ibiz-button-list-font-icon-font-size:var(--ibiz-width-icon-medium);--ibiz-button-list-font-van-button-font-size:var(--van-popover-action-font-size);--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-height-van-button-line-height:1;--ibiz-button-list-radius-van-button:var(--ibiz-border-radius-medium);--ibiz-button-list-radius-van-button:0;--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:var(--ibiz-button-list-spacing-popover-button-item);font-size:var(--ibiz-button-list-font-van-button-font-size);line-height:var(--ibiz-button-list-height-van-button-line-height);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);border:none;color:currentColor;background-color:transparent}.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__content{justify-content:flex-start}.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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-button-list__popover .van-popover__content .van-button .ibiz-button-list__item--caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-button-list .van-button{line-height:var(--ibiz-button-list-height-van-button-line-height)}.ibiz-button-list .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-button-list-spacing-content-gap);--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-spacing-popover-button-item:0 var(--ibiz-spacing-base);--ibiz-button-list-font-icon-font-size:var(--ibiz-width-icon-medium);--ibiz-button-list-font-van-button-font-size:var(--van-popover-action-font-size);--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-height-van-button-line-height:1;--ibiz-button-list-radius-van-button:var(--ibiz-border-radius-medium)}.ibiz-button-list .van-button .van-button__text .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-font-icon-font-size);height:var(--ibiz-button-list-font-icon-font-size);font-size:var(--ibiz-button-list-font-icon-font-size)}

package/lib/common/col/col.cjs

@@ -84,7 +84,7 @@ const IBizCol = /* @__PURE__ */ vue.defineComponent({
         "style": {
           flexGrow: pos.grow,
           flexShrink: pos.shrink === 1 ? void 0 : pos.shrink,
-          flexBasis: `${pos.basis}px}`,
+          flexBasis: "".concat(pos.basis, "px}"),
           ...this.cssVars
         }
       }, [defaultSlot]);

package/lib/common/cropping/cropping.cjs

@@ -94,10 +94,10 @@ const IBizCropping = /* @__PURE__ */ vue.defineComponent({
     };
     const style = vue.computed(() => {
       const imgStyle = {
-        maxWidth: `${props.cropareaWidth}px`,
-        maxHeight: `${props.cropareaHeight}px`,
+        maxWidth: "".concat(props.cropareaWidth, "px"),
+        maxHeight: "".concat(props.cropareaHeight, "px"),
         objectFit: "contain",
-        transform: `translate(calc(${imgMovePosition.value.tx}px - 50%),calc(${imgMovePosition.value.ty}px - 50%)) scale(${scaleNumber.value})`
+        transform: "translate(calc(".concat(imgMovePosition.value.tx, "px - 50%),calc(").concat(imgMovePosition.value.ty, "px - 50%)) scale(").concat(scaleNumber.value, ")")
       };
       return imgStyle;
     });
@@ -243,8 +243,8 @@ const IBizCropping = /* @__PURE__ */ vue.defineComponent({
       "id": this.uuid,
       "class": this.ns.em("content", "croparea"),
       "style": {
-        height: `${this.cropareaHeight}px`,
-        width: `${this.cropareaWidth}px`
+        height: "".concat(this.cropareaHeight, "px"),
+        width: "".concat(this.cropareaWidth, "px")
       },
       "onTouchstart": this.onTouchStart,
       "onTouchmove": this.onTouchMove,

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

@@ -103,11 +103,9 @@ const RangePicker = /* @__PURE__ */ vue.defineComponent({
       if (value) {
         if (!result) {
           date.showErrorInfo = true;
-          date.errorMsg = `${ibiz.i18n.t("component.dateRangePicker.formatIsInvalid")}\u3002
- ${ibiz.i18n.t("component.dateRangePicker.use")} yyyy/m/d 
- ${ibiz.i18n.t("component.dateRangePicker.example")}: ${dayjs(/* @__PURE__ */ new Date()).format("YYYY/MM/DD")}`;
+          date.errorMsg = "".concat(ibiz.i18n.t("component.dateRangePicker.formatIsInvalid"), "\u3002\n ").concat(ibiz.i18n.t("component.dateRangePicker.use"), " yyyy/m/d \n ").concat(ibiz.i18n.t("component.dateRangePicker.example"), ": ").concat(dayjs(/* @__PURE__ */ new Date()).format("YYYY/MM/DD"));
         } else if (!dateRangePicker_util.validateRange(String(value), props.range)) {
-          date.errorMsg = `${ibiz.i18n.t("component.dateRangePicker.overLimit")}: ${dayjs(String(value)).format(`YYYY${tYear}MM${tMonth}DD${tDay}`)}`;
+          date.errorMsg = "".concat(ibiz.i18n.t("component.dateRangePicker.overLimit"), ": ").concat(dayjs(String(value)).format("YYYY".concat(tYear, "MM").concat(tMonth, "DD").concat(tDay)));
           date.showErrorInfo = true;
         } else {
           date.showErrorInfo = false;

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

@@ -43,11 +43,9 @@ const SinglePicker = /* @__PURE__ */ vue.defineComponent({
       const result = dateRangePicker_util.validateDate(String(value));
       if (value) {
         if (!result) {
-          errorMsg.value = `${ibiz.i18n.t("component.dateRangePicker.formatIsInvalid")}\u3002
- ${ibiz.i18n.t("component.dateRangePicker.use")} yyyy/m/d 
- ${ibiz.i18n.t("component.dateRangePicker.example")}: ${dayjs(/* @__PURE__ */ new Date()).format("YYYY/MM/DD")}`;
+          errorMsg.value = "".concat(ibiz.i18n.t("component.dateRangePicker.formatIsInvalid"), "\u3002\n ").concat(ibiz.i18n.t("component.dateRangePicker.use"), " yyyy/m/d \n ").concat(ibiz.i18n.t("component.dateRangePicker.example"), ": ").concat(dayjs(/* @__PURE__ */ new Date()).format("YYYY/MM/DD"));
         } else if (!dateRangePicker_util.validateRange(String(value), props.range)) {
-          errorMsg.value = `${ibiz.i18n.t("component.dateRangePicker.overLimit")}: ${dayjs(String(value)).format(`YYYY${tYear}MM${tMonth}DD${tDay}`)}`;
+          errorMsg.value = "".concat(ibiz.i18n.t("component.dateRangePicker.overLimit"), ": ").concat(dayjs(String(value)).format("YYYY".concat(tYear, "MM").concat(tMonth, "DD").concat(tDay)));
         } else {
           errorMsg.value = "";
           emit("change", [dayjs(curDate.value).format(props.format)]);

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

@@ -46,8 +46,8 @@ const IBizDateRangeCalendar = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("calendar-date-range-picker");
-    const maxDate = /* @__PURE__ */ new Date(`${(/* @__PURE__ */ new Date()).getFullYear() + props.range}`);
-    const minDate = /* @__PURE__ */ new Date(`${(/* @__PURE__ */ new Date()).getFullYear() - props.range}`);
+    const maxDate = new Date("".concat((/* @__PURE__ */ new Date()).getFullYear() + props.range));
+    const minDate = new Date("".concat((/* @__PURE__ */ new Date()).getFullYear() - props.range));
     const select = vue.ref([]);
     const allowSave = vue.ref(false);
     const calendarRef = vue.ref();

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

@@ -30,10 +30,10 @@ const EmojiItem = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("emoji-item");
     const styleSize = vue.computed(() => {
       return {
-        fontSize: `${props.size - 5}px`,
-        lineHeight: `${props.size}px`,
-        height: `${props.size}px`,
-        width: `${props.size}px`
+        fontSize: "".concat(props.size - 5, "px"),
+        lineHeight: "".concat(props.size, "px"),
+        height: "".concat(props.size, "px"),
+        width: "".concat(props.size, "px")
       };
     });
     const onClick = () => {

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

@@ -80,7 +80,7 @@ const EmojiList = /* @__PURE__ */ vue.defineComponent({
     const gridDynamic = vue.computed(() => {
       const percent = 100 / props.emojisByRow;
       return {
-        gridTemplateColumns: `repeat(${props.emojisByRow}, ${percent}%)`
+        gridTemplateColumns: "repeat(".concat(props.emojisByRow, ", ").concat(percent, "%)")
       };
     });
     const dataFilteredByCategory = vue.computed(() => {