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

package/es/panel-component/split-container/split-container.state.mjs

@@ -0,0 +1,28 @@
+import { PanelContainerState } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SplitContainerState extends PanelContainerState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 分割值
+     * @exposedoc
+     * @type {(number | string)}
+     */
+    __publicField(this, "splitValue", 0.5);
+    /**
+     * @description 是否隐藏拖拽触发器，即不允许拖拽
+     * @exposedoc
+     * @type {boolean}
+     */
+    __publicField(this, "isHiddenTrigger", false);
+  }
+}
+
+export { SplitContainerState };

package/es/panel-component/theme-toggling/index.mjs

@@ -0,0 +1,15 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ThemeToggling } from './theme-toggling.mjs';
+import { ThemeTogglingProvider } from './theme-toggling.provider.mjs';
+
+"use strict";
+const IBizThemeToggling = withInstall(ThemeToggling, function(v) {
+  v.component(ThemeToggling.name, ThemeToggling);
+  registerPanelItemProvider(
+    "RAWITEM_THEME_TOGGLING",
+    () => new ThemeTogglingProvider()
+  );
+});
+
+export { IBizThemeToggling, IBizThemeToggling as default };

package/es/panel-component/theme-toggling/theme-toggling.controller.mjs

@@ -0,0 +1,90 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { ThemeTogglingState } from './theme-toggling.state.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ThemeTogglingController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 媒体查询
+     * @protected
+     * @type {MediaQueryList}
+     * @memberof ThemeTogglingController
+     */
+    __publicField(this, "mediaQuery");
+  }
+  /**
+   * @description 创建状态对象
+   * @protected
+   * @returns {*}  {ThemeTogglingState}
+   * @memberof ThemeTogglingController
+   */
+  createState() {
+    var _a;
+    return new ThemeTogglingState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * @description 初始化
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof ThemeTogglingController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.theme = ibiz.util.theme.getTheme();
+    this.handleSystemThemeChange = this.handleSystemThemeChange.bind(this);
+    this.mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    this.mediaQuery.addEventListener("change", this.handleSystemThemeChange);
+  }
+  /**
+   * @description 获取系统主题
+   * @protected
+   * @returns {*}  {('light' | 'dark')}
+   * @memberof ThemeTogglingController
+   */
+  getSystemTheme() {
+    const isDarkMode = this.mediaQuery.matches;
+    if (isDarkMode)
+      return "dark";
+    return "light";
+  }
+  /**
+   * @description 处理系统主题变更
+   * @protected
+   * @param {MediaQueryListEvent} ev
+   * @memberof ThemeTogglingController
+   */
+  handleSystemThemeChange(ev) {
+    const themeName = ev.matches ? "dark" : "light";
+    if (this.state.theme === "auto")
+      ibiz.util.theme.setTheme(themeName);
+  }
+  /**
+   * @description 切换主题
+   * @param {string} theme
+   * @memberof ThemeTogglingController
+   */
+  switchTheme(theme) {
+    if (theme === this.state.theme)
+      return;
+    this.state.theme = theme;
+    const themeName = theme === "auto" ? this.getSystemTheme() : theme;
+    ibiz.util.theme.setTheme(themeName);
+  }
+  /**
+   * @description 销毁
+   * @memberof ThemeTogglingController
+   */
+  destroy() {
+    super.destroy();
+    this.mediaQuery.removeEventListener("change", this.handleSystemThemeChange);
+  }
+}
+
+export { ThemeTogglingController };

package/es/panel-component/theme-toggling/theme-toggling.css

@@ -0,0 +1 @@
+.ibiz-theme-toggling{--ibiz-theme-toggling-spacing-van-cell-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-theme-toggling-font-van-cell-fontSize:var(--ibiz-font-size-regular);--ibiz-theme-toggling-color-van-cell-text:var(--ibiz-color-text-0);--ibiz-theme-toggling-color-van-cell-bg:var(--ibiz-color-bg-2);--ibiz-theme-toggling-color-icon-text:var(--ibiz-color-primary-active)}.ibiz-theme-toggling__item.van-cell{padding:var(--ibiz-theme-toggling-spacing-van-cell-padding);font-size:var(--ibiz-theme-toggling-font-van-cell-fontSize);color:var(--ibiz-theme-toggling-color-van-cell-text);background-color:var(--ibiz-theme-toggling-color-van-cell-bg)}.ibiz-theme-toggling__icon{color:var(--ibiz-theme-toggling-color-icon-text)}

package/es/panel-component/theme-toggling/theme-toggling.mjs

@@ -0,0 +1,72 @@
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './theme-toggling.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ThemeToggling = /* @__PURE__ */ defineComponent({
+  name: "IBizThemeToggling",
+  props: {
+    /**
+     * @description 首页导航占位模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 首页导航占位控制器
+     */
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace("theme-toggling");
+    const themeList = [{
+      title: ibiz.i18n.t("panelComponent.themeToggling.auto"),
+      value: "auto"
+    }, {
+      title: ibiz.i18n.t("panelComponent.themeToggling.light"),
+      value: "light"
+    }, {
+      title: ibiz.i18n.t("panelComponent.themeToggling.dark"),
+      value: "dark"
+    }];
+    return {
+      ns,
+      c,
+      themeList
+    };
+  },
+  render() {
+    let _slot;
+    return createVNode(resolveComponent("van-cell-group"), {
+      "inset": true,
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, _isSlot(_slot = this.themeList.map((theme) => {
+      return createVNode(resolveComponent("van-cell"), {
+        "center": true,
+        "clickable": true,
+        "title": theme.title,
+        "class": this.ns.e("item"),
+        "onClick": () => this.c.switchTheme(theme.value)
+      }, {
+        "right-icon": () => {
+          return this.c.state.theme === theme.value ? createVNode(resolveComponent("van-icon"), {
+            "class": this.ns.e("icon"),
+            "name": "success"
+          }, null) : null;
+        }
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { ThemeToggling };

package/es/panel-component/theme-toggling/theme-toggling.provider.mjs

@@ -0,0 +1,21 @@
+import { ThemeTogglingController } from './theme-toggling.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ThemeTogglingProvider {
+  constructor() {
+    __publicField(this, "component", "IBizThemeToggling");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new ThemeTogglingController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ThemeTogglingProvider };

package/es/panel-component/theme-toggling/theme-toggling.state.mjs

@@ -0,0 +1,22 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ThemeTogglingState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 主题
+     * @type {('light' | 'dark' | 'auto' | string)}
+     * @memberof ThemeTogglingState
+     */
+    __publicField(this, "theme", "");
+  }
+}
+
+export { ThemeTogglingState };

package/es/panel-component/user-message/common/internal-message-container/internal-message-container.css

@@ -1 +1 @@
-.ibiz-internal-message-container{position:relative}.ibiz-internal-message-container--clickable{cursor:pointer}.ibiz-internal-message-container__unread-tag{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight);display:none;align-self:flex-start;width:var(--ibiz-width-icon-extra-small);height:var(--ibiz-width-icon-extra-small);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-circle)}.ibiz-internal-message-container__click-tag{position:absolute;top:50%;right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-header-5);transform:translateY(-50%)}.ibiz-internal-message-container--unread .ibiz-internal-message-container__unread-tag{display:block}.ibiz-internal-message-container-toolbar{position:absolute;top:0;right:0;display:none;padding:var(--ibiz-spacing-tight)}.ibiz-internal-message-container-toolbar__button{margin-left:var(--ibiz-spacing-tight);cursor:pointer}.ibiz-internal-message-container-toolbar__button:hover{color:var(--ibiz-color-primary)}
+.ibiz-internal-message-container{--ibiz-internal-message-container-color-unread-tag-bg:var(--ibiz-color-danger);--ibiz-internal-message-container-color-toolbar-button-hover:var(--ibiz-color-primary);--ibiz-internal-message-container-spacing-unread-tag-top:var(--ibiz-spacing-tight);--ibiz-internal-message-container-spacing-unread-tag-right:var(--ibiz-spacing-tight);--ibiz-internal-message-container-spacing-click-tag:var(--ibiz-spacing-extra-tight);--ibiz-internal-message-container-spacing-toolbar-button-margin-left:var(--ibiz-spacing-tight);--ibiz-internal-message-container-spacing-toolbar-padding:var(--ibiz-spacing-tight);--ibiz-internal-message-container-width-unread-tag:var(--ibiz-width-icon-extra-small);--ibiz-internal-message-container-height-unread-tag:var(--ibiz-width-icon-extra-small);--ibiz-internal-message-container-font-click-tag-fontSize:var(--ibiz-font-size-header-5);--ibiz-internal-message-container-radius-unread-tag:var(--ibiz-border-radius-circle);position:relative}.ibiz-internal-message-container--clickable{cursor:pointer}.ibiz-internal-message-container__unread-tag{position:absolute;top:var(--ibiz-internal-message-container-spacing-unread-tag-top);right:var(--ibiz-internal-message-container-spacing-unread-tag-right);display:none;align-self:flex-start;width:var(--ibiz-internal-message-container-width-unread-tag);height:var(--ibiz-internal-message-container-height-unread-tag);background-color:var(--ibiz-internal-message-container-color-unread-tag-bg);border-radius:var(--ibiz-internal-message-container-radius-unread-tag)}.ibiz-internal-message-container__click-tag{position:absolute;top:50%;right:var(--ibiz-internal-message-container-spacing-click-tag);font-size:var(--ibiz-internal-message-container-font-click-tag-fontSize);transform:translateY(-50%)}.ibiz-internal-message-container--unread .ibiz-internal-message-container__unread-tag{display:block}.ibiz-internal-message-container-toolbar{position:absolute;top:0;right:0;display:none;padding:var(--ibiz-internal-message-container-spacing-toolbar-padding)}.ibiz-internal-message-container-toolbar__button{margin-left:var(--ibiz-internal-message-container-spacing-toolbar-button-margin-left);cursor:pointer}.ibiz-internal-message-container-toolbar__button:hover{color:var(--ibiz-internal-message-container-color-toolbar-button-hover)}

package/es/panel-component/user-message/common/internal-message-default/internal-message-default.css

@@ -1 +1 @@
-.ibiz-internal-message{--ibiz-internal-message-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between}.ibiz-internal-message__caption{margin-bottom:var(--ibiz-spacing-tight);font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message__short-content{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-internal-message__status{margin-right:var(--ibiz-spacing-tight)}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:342px}
+.ibiz-internal-message{--ibiz-internal-message-spacing-short-content-margin-bottom:var(--ibiz-spacing-tight);--ibiz-internal-message-spacing-caption:var(--ibiz-spacing-tight);--ibiz-internal-message-spacing-status-margin-right:var(--ibiz-spacing-tight);--ibiz-internal-message-width-internal-message-width:3.125rem;--ibiz-internal-message-width-internal-message-center:21.375rem;--ibiz-internal-message-font-caption-fontSize:var(--ibiz-font-weight-bold);--ibiz-internal-message-font-internal-message-fontSize:var(--ibiz-font-size-header-3);display:flex;align-items:center;justify-content:space-between}.ibiz-internal-message__caption{margin-bottom:var(--ibiz-internal-message-spacing-caption);font-weight:var(--ibiz-internal-message-font-caption-fontSize)}.ibiz-internal-message__short-content{margin-bottom:var(--ibiz-internal-message-spacing-short-content-margin-bottom)}.ibiz-internal-message__status{margin-right:var(--ibiz-internal-message-spacing-status-margin-right)}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:var(--ibiz-internal-message-width-internal-message-width);font-size:var(--ibiz-internal-message-font-internal-message-fontSize);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:var(--ibiz-internal-message-width-internal-message-center)}

package/es/panel-component/user-message/internal-message-text/internal-message-text.css

@@ -1 +1 @@
-.ibiz-internal-message-text{display:flex;flex-flow:column nowrap}.ibiz-internal-message-text__caption{margin-bottom:var(--ibiz-spacing-tight);font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message-text__content{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-internal-message-text__status{margin-right:var(--ibiz-spacing-tight)}
+.ibiz-internal-message-text{--ibiz-internal-message-text-spacing-caption-margin-bottom:var(--ibiz-spacing-tight);--ibiz-internal-message-text-font-caption-fontWeight:var(--ibiz-font-weight-bold);--ibiz-internal-message-text-spacing-content-margin-bottom:var(--ibiz-spacing-tight);--ibiz-internal-message-text-spacing-status-margin-right:var(--ibiz-spacing-tight);display:flex;flex-flow:column nowrap}.ibiz-internal-message-text__caption{margin-bottom:var(--ibiz-internal-message-text-spacing-caption-margin-bottom);font-weight:var(--ibiz-internal-message-text-font-caption-fontWeight)}.ibiz-internal-message-text__content{margin-bottom:var(--ibiz-internal-message-text-spacing-content-margin-bottom)}.ibiz-internal-message-text__status{margin-right:var(--ibiz-internal-message-text-spacing-status-margin-right)}

package/es/panel-component/user-message/user-message.css

@@ -1 +1 @@
-.ibiz-user-message{position:relative;height:100%}.ibiz-user-message__content{display:flex;flex-direction:column;height:100%;overflow:auto}.ibiz-user-message__item{padding:.875rem}.ibiz-user-message__item::after{position:relative;bottom:-.875rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-user-message__load-more{display:flex;align-items:center;justify-content:center;height:2.5rem;flex:none;color:var(--ibiz-color-link);cursor:pointer}.ibiz-user-message__nodata{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__icons-read{position:absolute;right:0;top:0;z-index:9;height:2.5rem;padding:0 .75rem}.ibiz-user-message .van-tabs{height:100%}.ibiz-user-message .van-tabs .van-tabs__content{height:calc(100% - var(--van-tabs-line-height))}.ibiz-user-message .van-tabs .van-tabs__content>div{height:100%}.ibiz-user-message .van-tabs__wrap{padding-right:2.5rem}
+.ibiz-user-message{--ibiz-user-message-color-item-bg-color:var(--ibiz-color-border);--ibiz-user-message-color-load-more-text:var(--ibiz-color-link);--ibiz-user-message-spacing-icons-read-padding:0 0.75rem;--ibiz-user-message-spacing-van-tabs-padding-right:2.5rem;--ibiz-user-message-spacing-content-item-padding:calc(var(--ibiz-spacing-base-tight) + var(--ibiz-spacing-super-tight));--ibiz-user-message-spacing-content-item-bottom-after:calc(0 - var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight));--ibiz-user-message-height-item-after:0.0625rem;--ibiz-user-message-height-load-more:2.5rem;--ibiz-user-message-height-tab-header-height:var(--ibiz-height-control-large);--ibiz-user-message-height-icons-read:2.5rem;position:relative;height:100%}.ibiz-user-message__content{display:flex;flex-direction:column;height:100%;overflow:auto}.ibiz-user-message__item{padding:var(--ibiz-user-message-spacing-content-item-padding)}.ibiz-user-message__item::after{position:relative;bottom:var(--ibiz-user-message-spacing-content-item-bottom);left:0;display:block;width:100%;height:var(--ibiz-user-message-height-item-after);content:"";background-color:var(--ibiz-user-message-color-item-bg-color)}.ibiz-user-message__load-more{display:flex;align-items:center;justify-content:center;height:var(--ibiz-user-message-height-load-more);flex:none;color:var(--ibiz-user-message-color-load-more-text);cursor:pointer}.ibiz-user-message__nodata{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__icons-read{position:absolute;right:0;top:0;z-index:9;height:var(--ibiz-user-message-height-icons-read);padding:var(--ibiz-user-message-spacing-icons-read-padding)}.ibiz-user-message .van-tabs{height:100%}.ibiz-user-message .van-tabs .van-tabs__content{height:calc(100% - var(--ibiz-user-message-height-tab-header-height))}.ibiz-user-message .van-tabs .van-tabs__content>div{height:100%}.ibiz-user-message .van-tabs__wrap{padding-right:var(--ibiz-user-message-spacing-van-tabs-padding-right)}

package/es/panel-component/user-message/user-message.mjs

@@ -94,11 +94,15 @@ const MobUserMessage = /* @__PURE__ */ defineComponent({
       isActive.value = true;
       c.load();
     });
+    const renderNoData = () => {
+      return createVNode(resolveComponent("iBizNoData"), {
+        "class": ns.e("nodata"),
+        "text": ibiz.i18n.t("panelComponent.userMessage.internalMessageTab.notificationYet")
+      }, null);
+    };
     const renderItems = () => {
       if (allItems.value.length === 0) {
-        return createVNode("div", {
-          "class": ns.e("nodata")
-        }, [ibiz.i18n.t("panelComponent.userMessage.internalMessageTab.notificationYet")]);
+        return renderNoData();
       }
       return allItems.value.map((msg) => {
         let provider;

package/es/panel-component/view-content-panel-container/view-content-panel-container.css

@@ -1 +1 @@
-.ibiz-view{--ibiz-control-overflow:hidden auto}.ibiz-view-content{--van-back-top-size:2.75rem;--ibiz-panel-component-view-content-margin:0;height:100%;margin-top:var(--ibiz-panel-component-view-content-margin);overflow:auto;background-color:var(--ibiz-view-bg-color)}.ibiz-view-content.is-scroll{overflow-y:auto;--ibiz-control-overflow:unset unset}.ibiz-view-content.is-embed{--ibiz-control-overflow:hidden auto}.ibiz-view-content .ibiz-view{--ibiz-control-overflow:hidden auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}
+.ibiz-view{--ibiz-control-overflow:hidden auto}.ibiz-view .ibiz-view-header{z-index:1}.ibiz-view .ibiz-panel-container--view_top{position:relative;z-index:1}.ibiz-view-content{--ibiz-panel-component-view-content-spacing-margin:0;--ibiz-panel-component-view-content-color-background-color:var(--ibiz-view-bg-color);height:100%;margin-top:var(--ibiz-panel-component-view-content-spacing-margin);overflow:auto;background-color:var(--ibiz-panel-component-view-content-color-background-color)}.ibiz-view-content.is-scroll{overflow-y:auto;--ibiz-control-overflow:unset unset}.ibiz-view-content.is-embed{--ibiz-control-overflow:hidden auto}.ibiz-view-content .ibiz-view{--ibiz-control-overflow:hidden auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}

package/es/panel-component/view-content-panel-container/view-content-panel-container.mjs

@@ -70,6 +70,16 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
       return result;
     });
     const contentRef = ref();
+    const showBackTop = computed(() => {
+      var _a2, _b2, _c;
+      if (((_a2 = props.controller) == null ? void 0 : _a2.panel.params) && Object.prototype.hasOwnProperty.call(props.controller.panel.params, "srfshowbacktop")) {
+        return ((_b2 = props.controller) == null ? void 0 : _b2.panel.params.srfshowbacktop) === true || ((_c = props.controller) == null ? void 0 : _c.panel.params.srfshowbacktop) === "true";
+      }
+      if (ibiz.config.mob.mobShowBackTop) {
+        return isScrollable;
+      }
+      return false;
+    });
     return {
       ns,
       viewModel,
@@ -77,6 +87,7 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
       isScrollable,
       classArr,
       contentRef,
+      showBackTop,
       refresh
     };
   },
@@ -88,7 +99,7 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
       "layout": this.modelData.layout,
       "ref": "contentRef"
     }, {
-      default: () => [this.isScrollable && this.contentRef && createVNode(resolveComponent("van-back-top"), {
+      default: () => [this.contentRef && this.showBackTop && createVNode(resolveComponent("van-back-top"), {
         "teleport": this.contentRef.$el
       }, null), defaultSlots.map((slot) => {
         const props = slot.props;

package/es/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header--precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-color-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-font-back-fontSize:var(--ibiz-font-size-header-6);--ibiz-panel-component-view-header-spacing-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-width-back-width:2.5rem;--ibiz-panel-component-view-header-height-back-height:100%;--ibiz-panel-component-view-header-color-text:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color-text);background-color:var(--ibiz-panel-component-view-header-color-bg-color)}.ibiz-view-header--precut-back{padding-left:var(--ibiz-panel-component-view-header-width-back-width)}

package/es/panel-component/view-message/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ViewMessage } from './view-message.mjs';
+import { ViewMessageProvider } from './view-message.provider.mjs';
+
+"use strict";
+const IBizViewMessage = withInstall(ViewMessage, function(v) {
+  v.component(ViewMessage.name, ViewMessage);
+  registerPanelItemProvider(
+    "RAWITEM_VIEW_MESSAGE",
+    () => new ViewMessageProvider()
+  );
+});
+
+export { IBizViewMessage, IBizViewMessage as default };

package/es/panel-component/view-message/view-message.mjs

@@ -0,0 +1,52 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+const ViewMessage = /* @__PURE__ */ defineComponent({
+  name: "IBizViewMessage",
+  props: {
+    /**
+     * @description 视图消息组件模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 视图消息组件控制器
+     */
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("view-message");
+    const c = props.controller;
+    const ctx = useCtx();
+    const {
+      view
+    } = ctx;
+    return {
+      ns,
+      c,
+      view
+    };
+  },
+  render() {
+    const c = this.view;
+    if (c.state.isCreated) {
+      const viewMessages = c.state.viewMessages.BODY;
+      if (viewMessages == null ? void 0 : viewMessages.length) {
+        return createVNode(resolveComponent("view-message"), {
+          "class": [this.ns.e("body-message")],
+          "messages": viewMessages
+        }, null);
+      }
+    }
+    return null;
+  }
+});
+
+export { ViewMessage };

package/es/panel-component/view-message/view-message.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ViewMessageProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMessage");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ViewMessageProvider };

package/es/panel-component/view-msg-pos/index.mjs

@@ -0,0 +1,16 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ViewMsgPos } from './view-msg-pos.mjs';
+import { ViewMsgPosProvider } from './view-msg-pos.provider.mjs';
+export { ViewMsgPosController } from './view-msg-pos.controller.mjs';
+
+"use strict";
+const IBizViewMsgPos = withInstall(ViewMsgPos, function(v) {
+  v.component(ViewMsgPos.name, ViewMsgPos);
+  registerPanelItemProvider(
+    "RAWITEM_VIEWMSG_POS",
+    () => new ViewMsgPosProvider()
+  );
+});
+
+export { IBizViewMsgPos, IBizViewMsgPos as default };

package/es/panel-component/view-msg-pos/view-msg-pos.controller.mjs

@@ -0,0 +1,46 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ViewMsgPosController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 直接内容项参数
+     * @exposedoc
+     * @type {IData}
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * 处理直接内容项参数
+   *
+   * @author zhanghengfeng
+   * @date 2024-04-08 19:04:59
+   * @protected
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+export { ViewMsgPosController };

package/es/panel-component/view-msg-pos/view-msg-pos.mjs

@@ -0,0 +1,56 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
+import { ViewMsgPosController } from './view-msg-pos.controller.mjs';
+
+"use strict";
+const ViewMsgPos = /* @__PURE__ */ defineComponent({
+  name: "IBizViewMsgPos",
+  props: {
+    /**
+     * @description 视图消息占位控件模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 视图消息占位控件控制器
+     */
+    controller: {
+      type: ViewMsgPosController,
+      required: true
+    }
+  },
+  setup() {
+    const ns = useNamespace("view-msg-pos");
+    const ctx = useCtx();
+    const view = ctx.view;
+    return {
+      ns,
+      view
+    };
+  },
+  render() {
+    const c = this.controller;
+    if (!this.view.state.isCreated) {
+      return;
+    }
+    const position = c.rawItemParams.position || "BODY";
+    const scroll = c.rawItemParams.scroll === "true";
+    const viewMessages = this.view.state.viewMessages[position];
+    if (viewMessages == null ? void 0 : viewMessages.length) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [createVNode(resolveComponent("view-message"), {
+        "messages": viewMessages,
+        "scroll": scroll,
+        "context": c.panel.context,
+        "params": c.panel.params,
+        "controller": c.panel.view.viewMsgController
+      }, null)]);
+    }
+    return null;
+  }
+});
+
+export { ViewMsgPos };

package/es/panel-component/view-msg-pos/view-msg-pos.provider.mjs

@@ -0,0 +1,21 @@
+import { ViewMsgPosController } from './view-msg-pos.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ViewMsgPosProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMsgPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new ViewMsgPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ViewMsgPosProvider };

package/es/panel-component/wf-action-button/wf-action-button.css

@@ -1 +1 @@
-.ibiz-wf-action-button{display:flex;gap:1.5rem;justify-content:space-around;width:100%;height:100%}.ibiz-wf-action-button .van-button{flex:1;height:100%}.ibiz-wf-action-button__error{color:red}.ibiz-wf-action-button__normal{color:#333}
+.ibiz-wf-action-button{display:flex;gap:var(--ibiz-wf-action-button-spacing-wf-action-button-gap);justify-content:space-around;width:100%;height:100%}.ibiz-wf-action-button .van-button{flex:1;height:100%}.ibiz-wf-action-button__error{color:var(--ibiz-wf-action-button-color-wf-action-button-error)}.ibiz-wf-action-button__normal{color:var(--ibiz-wf-action-button-color-wf-action-button-normal)}

package/es/panel-component/wf-step-trace/wf-step-trace.css

@@ -1 +1 @@
-.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);border-bottom:.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-font-weight-bold)}
+.ibiz-wf-step-trace{--ibiz-wf-step-trace-spacing-wf-step-trace-task-item:var(--ibiz-spacing-tight);--ibiz-wf-step-trace-font-wf-step-trace-task-item-fontSize:var(--ibiz-font-size-regular);--ibiz-wf-step-trace-font-van-field-fontWeight:var(--ibiz-font-weight-bold);--ibiz-wf-step-trace-border-wf-step-trace-task:0.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:var(--ibiz-wf-step-trace-border-wf-step-trace-task)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{padding:var(--ibiz-wf-step-trace-spacing-wf-step-trace-task-item);font-size:var(--ibiz-wf-step-trace-font-wf-step-trace-task-item-fontSize);border-bottom:var(--ibiz-wf-step-trace-border-wf-step-trace-task)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-wf-step-trace-font-van-field-fontWeight)}

package/es/util/app-drawer/app-drawer-component.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent, ref, reactive } from 'vue';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, reactive } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
 import { Modal, ViewMode } from '@ibiz-template/runtime';
 import { calcOpenModeStyle } from '@ibiz-template/core';
@@ -87,7 +87,7 @@ const AppDrawerComponent = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(resolveComponent("van-popup"), {
+    return createVNode(resolveComponent("van-popup"), mergeProps({
       "show": this.isShow,
       "onUpdate:show": ($event) => this.isShow = $event,
       "lock-scroll": true,
@@ -100,7 +100,7 @@ const AppDrawerComponent = /* @__PURE__ */ defineComponent({
       "position": this.direction,
       "z-index": this.drawerZIndex,
       "before-close": this.onBeforeClose
-    }, {
+    }, this.opts.attrs), {
       default: () => {
         var _a, _b;
         return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];