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

package/lib/panel-component/setting-container/setting-container.cjs

@@ -0,0 +1,139 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var settingContainer_controller = require('./setting-container.controller.cjs');
+require('../../common/index.cjs');
+require('./setting-container.css');
+var mdSortSetting = require('../../common/md-sort-setting/md-sort-setting.cjs');
+var mdAdvanedSearchform = require('../../common/md-advaned-searchform/md-advaned-searchform.cjs');
+
+"use strict";
+const SettingContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSettingContainer",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 设置容器控制器
+     */
+    controller: {
+      type: settingContainer_controller.SettingContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("setting-container");
+    const c = props.controller;
+    const handleClick = async (_event) => {
+      var _a, _b;
+      const {
+        sortDelistItems,
+        sortQuery
+      } = c.mdctrl.state;
+      let sort;
+      if (sortQuery) {
+        const [key, order] = sortQuery.split(",");
+        sort = {
+          key,
+          order
+        };
+      }
+      const res = await ibiz.overlay.drawer((modal) => {
+        return vue.h(mdSortSetting.IBizMdSortSetting, {
+          modal,
+          listItems: sortDelistItems,
+          sort
+        });
+      }, {}, {
+        attrs: {
+          position: "bottom",
+          closeable: false
+        }
+      });
+      if ((res == null ? void 0 : res.data) && res.data.length > 0) {
+        const _sort = res.data[0];
+        (_a = c.mdctrl) == null ? void 0 : _a.setSort(_sort.key, _sort.order);
+        (_b = c.mdctrl) == null ? void 0 : _b.load({
+          isInitialLoad: true
+        });
+      }
+    };
+    const handleAdvanedClick = async () => {
+      const searchform = c.panel.view.providers.searchform;
+      await ibiz.overlay.drawer((modal) => {
+        return vue.h(mdAdvanedSearchform.IBizMdAdvanedSearchfrom, {
+          modal,
+          modelData: c.searchform.model,
+          context: c.searchform.context,
+          params: c.searchform.params,
+          provider: searchform,
+          controller: c.searchform
+        });
+      }, {}, {
+        attrs: {
+          position: "bottom",
+          closeable: false
+        }
+      });
+    };
+    return {
+      c,
+      ns,
+      handleClick,
+      handleAdvanedClick
+    };
+  },
+  render() {
+    if (!this.c.visible)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.c.isMDSortButton && vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": this.ns.e("md-sort"),
+      "onClick": this.handleClick
+    }, {
+      default: () => [vue.createVNode("svg", {
+        "class": this.ns.em("md-sort", "icon"),
+        "viewBox": "0 0 1024 1024",
+        "version": "1.1",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "p-id": "10950",
+        "height": "1em",
+        "width": "1em"
+      }, [vue.createVNode("path", {
+        "d": "M83.6 263.2H590c20.8 0 37.6-16.9 37.6-37.6S610.7 188 590 188H83.6C62.8 188 46 204.9 46 225.6s16.9 37.6 37.6 37.6zM538.3 513.5c0-20.8-16.9-37.6-37.6-37.6h-417c-20.8 0-37.6 16.9-37.6 37.6s16.9 37.6 37.6 37.6h417c20.8 0.1 37.6-16.8 37.6-37.6zM381.5 729.1H83.6C62.8 729.1 46 746 46 766.7s16.9 37.6 37.6 37.6h297.9c20.8 0 37.6-16.9 37.6-37.6s-16.8-37.6-37.6-37.6zM967 582.7c-14.7-14.7-38.5-14.7-53.2 0L782.3 714.1V205.7c0-20.8-16.9-37.6-37.6-37.6S707 184.9 707 205.7v503.8L580.3 582.7c-14.7-14.7-38.5-14.7-53.2 0s-14.7 38.5 0 53.2l220 220 220-220c14.6-14.6 14.6-38.5-0.1-53.2z",
+        "p-id": "10951"
+      }, null)])]
+    }), this.c.isMDSearchformBtn && vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": this.ns.e("md-advaned-searchform"),
+      "onClick": this.handleAdvanedClick
+    }, {
+      default: () => [vue.createVNode("svg", {
+        "class": "icon",
+        "viewBox": "0 0 1024 1024",
+        "version": "1.1",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "p-id": "6901",
+        "height": "1em",
+        "width": "1em",
+        "fill": "currentColor"
+      }, [vue.createVNode("path", {
+        "d": "M777.6 243.2c12.8-22.4 12.8-48 0-70.4-12.8-19.2-32-32-54.4-32H204.8c-22.4 0-41.6 12.8-54.4 32-12.8 22.4-12.8 48 0 70.4l192 320v252.8c0 25.6 12.8 44.8 32 57.6 9.6 6.4 19.2 9.6 32 9.6 9.6 0 19.2-3.2 28.8-6.4l115.2-64c22.4-12.8 35.2-35.2 35.2-57.6v-188.8l192-323.2z m-252.8 284.8c-6.4 9.6-9.6 22.4-9.6 35.2v188.8L416 806.4v-246.4c0-12.8-3.2-25.6-9.6-35.2l-192-316.8h502.4l-192 320zM662.4 761.6l80 105.6c12.8 16 38.4 16 51.2 0l80-105.6c9.6-12.8 6.4-35.2-6.4-44.8s-35.2-6.4-44.8 6.4l-22.4 28.8v-192c0-19.2-12.8-32-32-32s-32 12.8-32 32v192l-22.4-28.8c-6.4-9.6-16-12.8-25.6-12.8-6.4 0-12.8 3.2-19.2 6.4-12.8 9.6-16 32-6.4 44.8z",
+        "p-id": "6902",
+        "data-spm-anchor-id": "a313x.search_index.0.i1.7df83a812sJGKb",
+        "class": "selected",
+        "fill": "currentColor"
+      }, null)])]
+    })])]);
+  }
+});
+
+exports.SettingContainer = SettingContainer;

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

@@ -0,0 +1,70 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class SettingContainerController extends runtime.PanelContainerController {
+  /**
+   * @description 多数据部件控制器
+   * @readonly
+   * @type {IMobMDCtrlController}
+   * @memberof SettingContainerController
+   */
+  get mdctrl() {
+    const { view } = this.panel;
+    return view.getController("mdctrl") || view.getController("dataview");
+  }
+  /**
+   * @description 是否显示排序按钮
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get isMDSortButton() {
+    var _a;
+    return !!(((_a = this.mdctrl) == null ? void 0 : _a.state.sortDelistItems.length) > 0);
+  }
+  /**
+   * 是否有快速搜索栏
+   *
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get searchbar() {
+    return this.panel.view.getController("searchbar");
+  }
+  /**
+   * @description 是否可见
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get visible() {
+    if (!this.searchbar || !this.searchbar.model.enableQuickSearch) {
+      return false;
+    }
+    return this.isMDSortButton || !!this.searchform && !this.panel.view.model.expandSearchForm;
+  }
+  /**
+   * @description 搜索表单控制器
+   * @readonly
+   * @type {ISearchFormController}
+   * @memberof SettingContainerController
+   */
+  get searchform() {
+    return this.panel.view.getController("searchform");
+  }
+  /**
+   * 是否显示高级搜索按钮，存在搜索表单并且搜索表单不是默认展开时显示
+   *
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get isMDSearchformBtn() {
+    return !!this.searchform && !this.panel.view.model.expandSearchForm;
+  }
+}
+
+exports.SettingContainerController = SettingContainerController;

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

@@ -0,0 +1 @@
+.ibiz-setting-container{--ibiz-setting-container-bg-color:var(--ibiz-color-bg-1);--ibiz-setting-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) var(--ibiz-spacing-tight) 0;--ibiz-setting-container-height:var(--ibiz-height-control-default);--ibiz-setting-container-md-sort-font-size:var(--ibiz-font-size-header-4);--ibiz-setting-container-md-sort-icon-color:var(--ibiz-color-text-0);height:100%;padding:var(--ibiz-setting-container-padding);background-color:var(--ibiz-setting-container-bg-color)}.ibiz-setting-container__content{height:var(--ibiz-setting-container-height);display:flex;align-items:center}.ibiz-setting-container__md-sort{display:flex;align-items:center;font-size:var(--ibiz-setting-container-md-sort-font-size);cursor:pointer}.ibiz-setting-container__md-sort svg{fill:var(--ibiz-setting-container-md-sort-icon-color)}.ibiz-setting-container__md-advaned-searchform{display:flex;align-items:center;font-size:var(--ibiz-setting-container-md-sort-font-size);cursor:pointer}.ibiz-setting-container__md-advaned-searchform svg{fill:var(--ibiz-setting-container-md-sort-icon-color)}.ibiz-setting-container .van-button{height:auto;padding:0;background-color:transparent;border:none}.ibiz-setting-container .van-button::before{display:none}.ibiz-setting-container .van-button__content,.ibiz-setting-container .van-button__text{display:flex;align-items:center}

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var settingContainer_controller = require('./setting-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 SettingContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSettingContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new settingContainer_controller.SettingContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SettingContainerProvider = SettingContainerProvider;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var splitContainer = require('./split-container.cjs');
+var splitContainer_provider = require('./split-container.provider.cjs');
+var splitContainer_controller = require('./split-container.controller.cjs');
+
+"use strict";
+const IBizSplitContainer = vue3Util.withInstall(
+  splitContainer.SplitContainer,
+  function(v) {
+    v.component(splitContainer.SplitContainer.name, splitContainer.SplitContainer);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_H_SPLIT",
+      () => new splitContainer_provider.SplitContainerProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_V_SPLIT",
+      () => new splitContainer_provider.SplitContainerProvider()
+    );
+  }
+);
+
+exports.SplitContainerController = splitContainer_controller.SplitContainerController;
+exports.IBizSplitContainer = IBizSplitContainer;
+exports.default = IBizSplitContainer;

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

@@ -0,0 +1,60 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var splitContainer_controller = require('./split-container.controller.cjs');
+require('./split-container.css');
+
+"use strict";
+const SplitContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSplitContainer",
+  props: {
+    /**
+     * @description 分割容器容器模型
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 分割容器控制器
+     */
+    controller: {
+      type: splitContainer_controller.SplitContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("split-container");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible), ns.is("hidden-trigger", props.controller.state.isHiddenTrigger)];
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.withDirectives(vue.createVNode("div", {
+      "class": this.classArr
+    }, [vue.createVNode(vue.resolveComponent("iBizSplit"), {
+      "modelValue": this.controller.state.splitValue,
+      "onUpdate:modelValue": ($event) => this.controller.state.splitValue = $event,
+      "mode": this.controller.splitMode
+    }, {
+      left: () => defaultSlots[0],
+      right: () => defaultSlots[1],
+      top: () => defaultSlots[0],
+      bottom: () => defaultSlots[1]
+    })]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
+  }
+});
+
+exports.SplitContainer = SplitContainer;

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/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-item-bg-color:var(--ibiz-color-border);--ibiz-user-message-tab-header-height:var(--ibiz-height-control-large);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:0;display:block;width:100%;height:.0625rem;content:"";background-color:var(--ibiz-user-message-item-bg-color)}.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(--ibiz-user-message-tab-header-height))}.ibiz-user-message .van-tabs .van-tabs__content>div{height:100%}.ibiz-user-message .van-tabs__wrap{padding-right:2.5rem}

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-margin:0;--ibiz-panel-component-view-content-background-color:var(--ibiz-view-bg-color);height:100%;margin-top:var(--ibiz-panel-component-view-content-margin);overflow:auto;background-color:var(--ibiz-panel-component-view-content-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-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-6);--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)}

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;