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

package/es/panel-component/setting-container/setting-container.mjs

@@ -0,0 +1,137 @@
+import { defineComponent, createVNode, resolveComponent, h } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { SettingContainerController } from './setting-container.controller.mjs';
+import '../../common/index.mjs';
+import './setting-container.css';
+import { IBizMdSortSetting } from '../../common/md-sort-setting/md-sort-setting.mjs';
+import { IBizMdAdvanedSearchfrom } from '../../common/md-advaned-searchform/md-advaned-searchform.mjs';
+
+"use strict";
+const SettingContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizSettingContainer",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 设置容器控制器
+     */
+    controller: {
+      type: SettingContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = 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 h(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 h(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 createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.c.isMDSortButton && createVNode(resolveComponent("van-button"), {
+      "class": this.ns.e("md-sort"),
+      "onClick": this.handleClick
+    }, {
+      default: () => [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"
+      }, [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 && createVNode(resolveComponent("van-button"), {
+      "class": this.ns.e("md-advaned-searchform"),
+      "onClick": this.handleAdvanedClick
+    }, {
+      default: () => [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"
+      }, [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)])]
+    })])]);
+  }
+});
+
+export { SettingContainer };

package/es/panel-component/setting-container/setting-container.provider.mjs

@@ -0,0 +1,21 @@
+import { SettingContainerController } from './setting-container.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 SettingContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSettingContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new SettingContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { SettingContainerProvider };

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

@@ -0,0 +1,23 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { SplitContainer } from './split-container.mjs';
+import { SplitContainerProvider } from './split-container.provider.mjs';
+export { SplitContainerController } from './split-container.controller.mjs';
+
+"use strict";
+const IBizSplitContainer = withInstall(
+  SplitContainer,
+  function(v) {
+    v.component(SplitContainer.name, SplitContainer);
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_H_SPLIT",
+      () => new SplitContainerProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_V_SPLIT",
+      () => new SplitContainerProvider()
+    );
+  }
+);
+
+export { IBizSplitContainer, IBizSplitContainer as default };

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

@@ -0,0 +1,110 @@
+import { PanelContainerController } 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 SplitContainerController extends 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;
+    }
+  }
+}
+
+export { SplitContainerController };

package/es/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/es/panel-component/split-container/split-container.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, computed } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { SplitContainerController } from './split-container.controller.mjs';
+import './split-container.css';
+
+"use strict";
+const SplitContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizSplitContainer",
+  props: {
+    /**
+     * @description 分割容器容器模型
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 分割容器控制器
+     */
+    controller: {
+      type: SplitContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("split-container");
+    const {
+      id
+    } = props.modelData;
+    const classArr = 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 withDirectives(createVNode("div", {
+      "class": this.classArr
+    }, [createVNode(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]
+    })]), [[resolveDirective("loading"), this.controller.state.loading]]);
+  }
+});
+
+export { SplitContainer };

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

@@ -0,0 +1,21 @@
+import { SplitContainerController } from './split-container.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 SplitContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSplitContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new SplitContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { SplitContainerProvider };

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/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/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-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/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-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/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 };