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

package/lib/panel-component/split-container/split-container.controller.cjs

@@ -0,0 +1,112 @@
+'use strict';
+
+var runtime = require('@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 SplitContainerController extends runtime.PanelContainerController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 分割面板模式
+     * @exposedoc
+     * @author zhanghengfeng
+     * @date 2023-08-22 17:08:24
+     * @type {('horizontal' | 'vertical')}
+     */
+    __publicField(this, "splitMode", "horizontal");
+    /**
+     * @description 默认分割值
+     * @exposedoc
+     * @author zhanghengfeng
+     * @date 2023-08-22 17:08:38
+     * @type {(number | string)}
+     */
+    __publicField(this, "splitValue", 0.5);
+    /**
+     * @description 面板隐藏前分割值
+     * @author zhanghengfeng
+     * @date 2023-10-08 17:10:58
+     * @type {(number | string | null)}
+     */
+    __publicField(this, "lastSplitValue", null);
+  }
+  /**
+   * 初始化默认分割值
+   *
+   * @author zhanghengfeng
+   * @date 2023-08-22 17:08:13
+   * @param {number} value
+   * @param {string} mode
+   */
+  initSplitValue(value, mode) {
+    if (mode === "PX") {
+      this.splitValue = `${value}px`;
+    }
+    if (mode === "PERCENTAGE") {
+      this.splitValue = value / 100;
+    }
+    this.state.splitValue = this.splitValue;
+  }
+  async onInit() {
+    await super.onInit();
+    const { predefinedType, panelItems } = this.model;
+    this.splitMode = predefinedType === "CONTAINER_V_SPLIT" ? "vertical" : "horizontal";
+    if (Array.isArray(panelItems) && panelItems.length) {
+      const panelItem = panelItems[0];
+      const layoutPos = panelItem.layoutPos;
+      if (layoutPos) {
+        if (this.splitMode === "horizontal") {
+          const { width, widthMode } = layoutPos;
+          if (width != null && widthMode != null) {
+            this.initSplitValue(width, widthMode);
+          }
+        }
+        if (this.splitMode === "vertical") {
+          const { height, heightMode } = layoutPos;
+          if (height != null && heightMode != null) {
+            this.initSplitValue(height, heightMode);
+          }
+        }
+      }
+    }
+  }
+  /**
+   * @description 隐藏面板，left：左侧面板隐藏，right：右侧面板隐藏，top：上方面板隐藏，bottom：底部面板隐藏
+   * @exposedoc
+   * @author zhanghengfeng
+   * @date 2023-10-08 17:10:35
+   * @param {('left' | 'right' | 'top' | 'bottom')} position
+   */
+  hiddenPanel(position) {
+    if (!this.state.isHiddenTrigger)
+      this.lastSplitValue = this.state.splitValue;
+    if (position === "left" || position === "top") {
+      this.state.splitValue = 0;
+    }
+    if (position === "right" || position === "bottom") {
+      this.state.splitValue = 1;
+    }
+    this.state.isHiddenTrigger = true;
+  }
+  /**
+   * @description 显示面板，恢复上一次的分割比例
+   * @exposedoc
+   * @author zhanghengfeng
+   * @date 2023-10-08 17:10:31
+   */
+  showPanel() {
+    if (this.lastSplitValue != null) {
+      this.state.splitValue = this.lastSplitValue;
+      this.state.isHiddenTrigger = false;
+      this.lastSplitValue = null;
+    }
+  }
+}
+
+exports.SplitContainerController = SplitContainerController;

package/lib/panel-component/split-container/split-container.css

@@ -0,0 +1 @@
+.ibiz-split-container{width:100%;height:100%;overflow:auto}.ibiz-split-container.is-hidden{display:none}.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--horizontal>.ibiz-split-trigger-con,.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--vertical>.ibiz-split-trigger-con{display:none}.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--horizontal>.ibiz-split-trigger-con+.ibiz-split-pane,.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--vertical>.ibiz-split-trigger-con+.ibiz-split-pane{padding:0}

package/lib/panel-component/split-container/split-container.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var splitContainer_controller = require('./split-container.controller.cjs');
+
+"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 SplitContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSplitContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new splitContainer_controller.SplitContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SplitContainerProvider = SplitContainerProvider;

package/lib/panel-component/split-container/split-container.state.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var runtime = require('@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 runtime.PanelContainerState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 分割值
+     * @exposedoc
+     * @type {(number | string)}
+     */
+    __publicField(this, "splitValue", 0.5);
+    /**
+     * @description 是否隐藏拖拽触发器，即不允许拖拽
+     * @exposedoc
+     * @type {boolean}
+     */
+    __publicField(this, "isHiddenTrigger", false);
+  }
+}
+
+exports.SplitContainerState = SplitContainerState;

package/lib/panel-component/theme-toggling/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var themeToggling = require('./theme-toggling.cjs');
+var themeToggling_provider = require('./theme-toggling.provider.cjs');
+
+"use strict";
+const IBizThemeToggling = vue3Util.withInstall(themeToggling.ThemeToggling, function(v) {
+  v.component(themeToggling.ThemeToggling.name, themeToggling.ThemeToggling);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_THEME_TOGGLING",
+    () => new themeToggling_provider.ThemeTogglingProvider()
+  );
+});
+
+exports.IBizThemeToggling = IBizThemeToggling;
+exports.default = IBizThemeToggling;

package/lib/panel-component/theme-toggling/theme-toggling.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./theme-toggling.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ThemeToggling = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizThemeToggling",
+  props: {
+    /**
+     * @description 首页导航占位模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 首页导航占位控制器
+     */
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.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 vue.createVNode(vue.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 vue.createVNode(vue.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 ? vue.createVNode(vue.resolveComponent("van-icon"), {
+            "class": this.ns.e("icon"),
+            "name": "success"
+          }, null) : null;
+        }
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.ThemeToggling = ThemeToggling;

package/lib/panel-component/theme-toggling/theme-toggling.controller.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var themeToggling_state = require('./theme-toggling.state.cjs');
+
+"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 runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 媒体查询
+     * @protected
+     * @type {MediaQueryList}
+     * @memberof ThemeTogglingController
+     */
+    __publicField(this, "mediaQuery");
+  }
+  /**
+   * @description 创建状态对象
+   * @protected
+   * @returns {*}  {ThemeTogglingState}
+   * @memberof ThemeTogglingController
+   */
+  createState() {
+    var _a;
+    return new themeToggling_state.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);
+  }
+}
+
+exports.ThemeTogglingController = ThemeTogglingController;

package/lib/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/lib/panel-component/theme-toggling/theme-toggling.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var themeToggling_controller = require('./theme-toggling.controller.cjs');
+
+"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 themeToggling_controller.ThemeTogglingController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ThemeTogglingProvider = ThemeTogglingProvider;

package/lib/panel-component/theme-toggling/theme-toggling.state.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var runtime = require('@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 runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 主题
+     * @type {('light' | 'dark' | 'auto' | string)}
+     * @memberof ThemeTogglingState
+     */
+    __publicField(this, "theme", "");
+  }
+}
+
+exports.ThemeTogglingState = ThemeTogglingState;

package/lib/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/lib/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/lib/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/lib/panel-component/user-message/user-message.cjs

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

package/lib/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/lib/panel-component/view-content-panel-container/view-content-panel-container.cjs

@@ -72,6 +72,16 @@ const ViewContentPanelContainer = /* @__PURE__ */ vue.defineComponent({
       return result;
     });
     const contentRef = vue.ref();
+    const showBackTop = vue.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,
@@ -79,6 +89,7 @@ const ViewContentPanelContainer = /* @__PURE__ */ vue.defineComponent({
       isScrollable,
       classArr,
       contentRef,
+      showBackTop,
       refresh
     };
   },
@@ -90,7 +101,7 @@ const ViewContentPanelContainer = /* @__PURE__ */ vue.defineComponent({
       "layout": this.modelData.layout,
       "ref": "contentRef"
     }, {
-      default: () => [this.isScrollable && this.contentRef && vue.createVNode(vue.resolveComponent("van-back-top"), {
+      default: () => [this.contentRef && this.showBackTop && vue.createVNode(vue.resolveComponent("van-back-top"), {
         "teleport": this.contentRef.$el
       }, null), defaultSlots.map((slot) => {
         const props = slot.props;

package/lib/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/lib/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/lib/panel-component/view-message/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var viewMessage = require('./view-message.cjs');
+var viewMessage_provider = require('./view-message.provider.cjs');
+
+"use strict";
+const IBizViewMessage = vue3Util.withInstall(viewMessage.ViewMessage, function(v) {
+  v.component(viewMessage.ViewMessage.name, viewMessage.ViewMessage);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_VIEW_MESSAGE",
+    () => new viewMessage_provider.ViewMessageProvider()
+  );
+});
+
+exports.IBizViewMessage = IBizViewMessage;
+exports.default = IBizViewMessage;

package/lib/panel-component/view-message/view-message.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const ViewMessage = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewMessage",
+  props: {
+    /**
+     * @description 视图消息组件模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 视图消息组件控制器
+     */
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("view-message");
+    const c = props.controller;
+    const ctx = vue3Util.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 vue.createVNode(vue.resolveComponent("view-message"), {
+          "class": [this.ns.e("body-message")],
+          "messages": viewMessages
+        }, null);
+      }
+    }
+    return null;
+  }
+});
+
+exports.ViewMessage = ViewMessage;

package/lib/panel-component/view-message/view-message.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@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 runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ViewMessageProvider = ViewMessageProvider;

package/lib/panel-component/view-msg-pos/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var viewMsgPos = require('./view-msg-pos.cjs');
+var viewMsgPos_provider = require('./view-msg-pos.provider.cjs');
+var viewMsgPos_controller = require('./view-msg-pos.controller.cjs');
+
+"use strict";
+const IBizViewMsgPos = vue3Util.withInstall(viewMsgPos.ViewMsgPos, function(v) {
+  v.component(viewMsgPos.ViewMsgPos.name, viewMsgPos.ViewMsgPos);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_VIEWMSG_POS",
+    () => new viewMsgPos_provider.ViewMsgPosProvider()
+  );
+});
+
+exports.ViewMsgPosController = viewMsgPos_controller.ViewMsgPosController;
+exports.IBizViewMsgPos = IBizViewMsgPos;
+exports.default = IBizViewMsgPos;