@ibiz-template/vue3-components 0.6.16 → 0.7.0

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -61,7 +61,7 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
             const strVal = props.value;
             if (strVal !== "") {
               if (codeList) {
-                const selects = strVal.split(valueSeparator);
+                const selects = c.model.valueType === "SIMPLES" ? strVal : strVal.split(valueSeparator);
                 if (codeList.codeItemValueNumber) {
                   for (let i = 0, len = selects.length; i < len; i++) {
                     selects[i] = Number(selects[i]);
@@ -83,7 +83,11 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
             const numVal = typeof item === "string" ? parseInt(item, 10) : item;
             temp |= numVal;
           });
-          value = temp;
+          if (c.model.valueType === "SIMPLES") {
+            value = [temp];
+          } else if (c.model.valueType === "SIMPLE") {
+            value = temp;
+          }
         } else if (Object.is(currentMode.value, "str")) {
           const _datas = [];
           if (items.value.length > 0) {
@@ -94,7 +98,11 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
               }
               _datas.push(_item.value);
             });
-            value = _datas.join(valueSeparator);
+            if (c.model.valueType === "SIMPLES") {
+              value = _datas;
+            } else if (c.model.valueType === "SIMPLE") {
+              value = _datas.join(valueSeparator);
+            }
           }
         }
         emit("change", value);

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -130,13 +130,11 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       emit("change", null);
     };
     const closeCircle = (c.linkView ? 1 : 0) + (c.pickupView ? 1 : 0);
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -77,13 +77,11 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
       emit("change", date);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal && newVal.focus) {
-          newVal.focus();
-        }
-      });
-    }
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -81,7 +81,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       isLoading.value = false;
     };
     vue.watch(() => props.value, async (newVal, oldVal) => {
-      if (newVal || newVal === null) {
+      if (newVal || newVal === null || newVal === 0) {
         if (!isLoadedCodeList.value && oldVal === void 0) {
           await loadCodeList();
         }
@@ -111,14 +111,25 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         if (editorItems && editorItems.length > 0 && !c.multiple) {
           return props.data[editorItems[0].id];
         }
-        if (props.value) {
+        if (props.value && typeof props.value === "string") {
           return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
         }
+        if (props.value && Array.isArray(props.value)) {
+          return c.multiple ? props.value : props.value.toString();
+        }
         return (_b = props.value) == null ? void 0 : _b.toString();
       },
       set(select) {
         if (Array.isArray(select)) {
-          emit("change", select.length === 0 ? null : select.join(","));
+          let selectArr = null;
+          if (select.length === 0) {
+            selectArr = null;
+          } else if (c.model.valueType === "SIMPLES") {
+            selectArr = select;
+          } else {
+            selectArr = select.join(",");
+          }
+          emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
           emit("change", select, editorItems[0].id);
           const selectItem = getCodeListItemByValue(select);
@@ -151,13 +162,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       editorState = "focus";
       emit("focus", e);

package/lib/editor/list-box/ibiz-list-box/ibiz-list-box.cjs

@@ -79,8 +79,8 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
               });
             } else if (Object.is(currentMode.value, "str")) {
               if (newVal !== "") {
-                if (codeList && typeof newVal === "string") {
-                  selectsArray = newVal.split(valueSeparator);
+                if (codeList && (typeof newVal === "string" || Array.isArray(newVal))) {
+                  selectsArray = Array.isArray(newVal) ? newVal : newVal.split(valueSeparator);
                   if (codeList.codeItemValueNumber) {
                     for (let i = 0, len = selectsArray.length; i < len; i++) {
                       selectsArray[i] = Number(selectsArray[i]);
@@ -91,7 +91,7 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
             }
           } else if (editorType === "LISTBOXPICKUP") {
             if (newVal !== "") {
-              selectsArray = newVal.split(valueSeparator);
+              selectsArray = c.model.valueType === "SIMPLES" && Array.isArray(newVal) ? newVal : newVal.split(valueSeparator);
             }
           }
           selectArray.value = selectsArray;
@@ -117,10 +117,18 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
             });
             _value = temp;
           } else if (Object.is(currentMode, "str")) {
-            _value = values.join(valueSeparator);
+            if (c.model.valueType === "SIMPLES") {
+              _value = values;
+            } else if (c.model.valueType === "SIMPLE") {
+              _value = values.join(valueSeparator);
+            }
           }
         } else if (Object.is("LISTBOXPICKUP", editorType)) {
-          _value = values.join(valueSeparator);
+          if (c.model.valueType === "SIMPLES") {
+            _value = values;
+          } else if (c.model.valueType === "SIMPLE") {
+            _value = values.join(valueSeparator);
+          }
         }
       } else {
         _value = value;

package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -49,6 +49,13 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
               ibiz.log.error("JSON\u5B57\u7B26\u4E32\u8F6C\u6362\u9519\u8BEF");
             }
           }
+          if (!Array.isArray(obj)) {
+            Object.assign(obj, {
+              data: {
+                ...props.data
+              }
+            });
+          }
           content.value = await ibiz.util.hbs.render(template, obj || newVal);
         }
       }

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -56,14 +56,12 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const input = newVal.$el.getElementsByTagName("input")[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/lib/editor/text-box/input/input.cjs

@@ -96,15 +96,13 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       emit("blur", event);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          const inputTag = type.value === "textarea" ? "textarea" : "input";
-          const input = newVal.$el.getElementsByTagName(inputTag)[0];
-          input.focus();
-        }
-      });
-    }
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const inputTag = type.value === "textarea" ? "textarea" : "input";
+        const input = newVal.$el.getElementsByTagName(inputTag)[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -38,7 +38,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
           if (newVal) {
             try {
               const searchconds = JSON.parse(newVal);
-              filterNodes.value = searchconds.map((item) => runtime.parseFilters(item));
+              filterNodes.value = searchconds.map((item) => runtime.SearchCondEx2filterNode(item));
             } catch (error) {
               ibiz.log.error("".concat(newVal, "\u503C\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5FC5\u987B\u4E3Ajson\u5B57\u7B26\u4E32"));
             }
@@ -64,14 +64,12 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const input = newVal.$el.getElementsByTagName("input")[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);
@@ -86,7 +84,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const getCurrentValByFilterNodes = () => {
-      const searchconds = runtime.calcSearchConds(filterNodes.value);
+      const searchconds = runtime.calcSearchCondExs(filterNodes.value);
       if (searchconds) {
         currentVal.value = JSON.stringify(searchconds, null, 2);
       }

package/lib/panel-component/index.cjs

@@ -23,6 +23,7 @@ var index$g = require('./searchform-buttons/index.cjs');
 var index$h = require('./view-message/index.cjs');
 var index$i = require('./panel-static-carousel/index.cjs');
 var index$j = require('./coop-pos/index.cjs');
+var index$k = require('./view-msg-pos/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -67,6 +68,7 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizTeleportPlaceholder);
     v.use(vue3Util.IBizPanelContainerTabs);
     v.use(index$j.IBizCoopPos);
+    v.use(index$k.IBizViewMsgPos);
   }
 };
 

package/lib/panel-component/nav-tabs/nav-tabs.cjs

@@ -90,7 +90,13 @@ const NavTabs = /* @__PURE__ */ vue.defineComponent({
         "name": msg.key,
         "key": msg.key,
         "label": label
-      }, null);
+      }, {
+        label: () => {
+          return vue.createVNode("div", {
+            "class": this.ns.em("left", "caption")
+          }, [label]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     })]), vue.createVNode("div", {

package/lib/panel-component/nav-tabs/nav-tabs.css

@@ -1 +1 @@
-.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}
+.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left--caption{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}

package/lib/panel-component/panel-index-view-search/panel-index-view-search.cjs

@@ -47,11 +47,30 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       result.push(...props.controller.containerClass);
       return result;
     });
+    const onSearch = async () => {
+      const id = props.modelData.id;
+      const menuC = c.panel.view.getController("appmenu");
+      if (menuC) {
+        const targetMenu = menuC.allAppMenuItems.find((item) => {
+          return item.id === id;
+        });
+        if (targetMenu) {
+          const tempContext = c.panel.context.clone();
+          const tempParam = c.panel.params;
+          tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
+          await ibiz.commands.execute(runtime.AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, {
+            ...tempParam,
+            query: query.value
+          }, {});
+        }
+      }
+    };
     return {
       ns,
       classArr,
       isCollapse,
       onInput,
+      onSearch,
       c,
       query,
       menuAlign
@@ -67,7 +86,8 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       "model-value": this.query,
       "class": this.ns.b("search"),
       "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
-      "onInput": this.onInput
+      "onInput": this.onInput,
+      "onChange": this.onSearch
     }, {
       prefix: () => {
         return vue.createVNode("ion-icon", {

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;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var viewMsgPos_controller = require('./view-msg-pos.controller.cjs');
+
+"use strict";
+const ViewMsgPos = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewMsgPos",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: viewMsgPos_controller.ViewMsgPosController,
+      required: true
+    }
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("view-msg-pos");
+    const ctx = vue3Util.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 vue.createVNode("div", {
+        "class": this.ns.b()
+      }, [vue.createVNode(vue.resolveComponent("view-message"), {
+        "messages": viewMessages,
+        "scroll": scroll
+      }, null)]);
+    }
+    return null;
+  }
+});
+
+exports.ViewMsgPos = ViewMsgPos;

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

@@ -0,0 +1,50 @@
+'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 ViewMsgPosController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 直接内容项参数
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-08 19:04:15
+     * @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;
+        }
+      });
+    }
+  }
+}
+
+exports.ViewMsgPosController = ViewMsgPosController;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var viewMsgPos_controller = require('./view-msg-pos.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 ViewMsgPosProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMsgPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new viewMsgPos_controller.ViewMsgPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ViewMsgPosProvider = ViewMsgPosProvider;

package/lib/view-engine/index.cjs

@@ -182,6 +182,10 @@ const IBizViewEngine = {
       "VIEW_DEPANELVIEW",
       (c) => new panelViewEngine.PanelViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_APPPANELVIEW",
+      (c) => new panelViewEngine.PanelViewEngine(c)
+    );
     ibiz.engine.register(
       "VIEW_DECUSTOMVIEW",
       (c) => new customView_engine.CustomViewEngine(c)

package/lib/web-app/App.cjs

@@ -24,6 +24,14 @@ var App = /* @__PURE__ */ vue.defineComponent({
       }
     };
     document.addEventListener("keydown", listenDevtool);
+    const destroyAppHub = () => {
+      window.removeEventListener("unload", destroyAppHub);
+      ibiz.hub.destroy();
+    };
+    window.addEventListener("unload", destroyAppHub);
+    vue.onUnmounted(() => {
+      destroyAppHub();
+    });
     return {
       modal
     };

package/lib/web-app/main.cjs

@@ -32,6 +32,13 @@ async function runApp(plugins, opts) {
   });
   core.install();
   runtime.install();
+  ibiz.util.getGlobalParam = () => {
+    return vue3Util.useAppStore().appStore;
+  };
+  ibiz.util.getRouterParams = () => {
+    const routePath = vue3Util.route2routePath(index.AppRouter.getRouter().currentRoute.value);
+    return routePath.pathNodes;
+  };
   ibiz.plugin = new vue3Util.PluginFactory();
   ibiz.util.error.register(new unauthorizedHandler.UnauthorizedHandler());
   const app = createVueApp.createVueApp(App.default);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.6.16",
+  "version": "0.7.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,14 +30,14 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.3-alpha.46",
-    "@ibiz-template/core": "0.6.17",
+    "@ibiz-template/core": "0.7.0",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.6.17",
-    "@ibiz-template/runtime": "0.6.17",
-    "@ibiz-template/theme": "^0.6.0",
-    "@ibiz-template/vue3-util": "0.6.17",
-    "@ibiz-template/web-theme": "^1.1.14",
-    "@ibiz/model-core": "^0.1.19",
+    "@ibiz-template/model-helper": "0.7.0",
+    "@ibiz-template/runtime": "0.7.0",
+    "@ibiz-template/theme": "^0.7.0",
+    "@ibiz-template/vue3-util": "0.7.0",
+    "@ibiz-template/web-theme": "^1.1.15",
+    "@ibiz/model-core": "^0.1.20",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -95,12 +95,12 @@
   },
   "peerDependencies": {
     "@floating-ui/dom": "^1.5.1",
-    "@ibiz-template/core": "^0.6.0",
-    "@ibiz-template/model-helper": "^0.6.0",
-    "@ibiz-template/runtime": "^0.6.0",
-    "@ibiz-template/theme": "^0.6.0",
-    "@ibiz-template/vue3-util": "^0.6.0",
-    "@ibiz/model-core": "^0.1.19",
+    "@ibiz-template/core": "^0.7.0",
+    "@ibiz-template/model-helper": "^0.7.0",
+    "@ibiz-template/runtime": "^0.7.0",
+    "@ibiz-template/theme": "^0.7.0",
+    "@ibiz-template/vue3-util": "^0.7.0",
+    "@ibiz/model-core": "^0.1.20",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",

package/dist/chart-IsmrW_d0.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","echarts","@ibiz-template/runtime"],(function(e){"use strict";var t,n,r,o,i,a,s,c,l;return{setters:[function(e){t=e.defineComponent,n=e.ref,r=e.onMounted,o=e.createVNode,i=e.resolveComponent},function(e){a=e.useControlController,s=e.useNamespace},function(e){c=e.init},function(e){l=e.ChartController}],execute:function(){e("default",t({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0}},setup(){const e=a(((...e)=>new l(...e))),t=s("control-".concat(e.model.controlType.toLowerCase())),o=n();return r((()=>{const t=c(o.value);e.initChart(t)})),{c:e,ns:t,chartRef:o}},render(){return o(i("iBizControlBase"),{controller:this.c},{default:()=>[o(i("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:"暂无数据"},null),o("div",{ref:"chartRef",class:[this.ns.e("chart"),this.ns.is("no-data",0===this.c.state.items.length)]},[ibiz.i18n.t("control.chart.chartPlaceholder")])]})}}))}}}));