@ibiz-template/vue3-util 0.7.34 → 0.7.38-alpha.12

package/lib/index.cjs

@@ -40,30 +40,34 @@ var index$5 = require('./panel-component/panel-rawitem/index.cjs');
 var multiDataContainer_state = require('./panel-component/multi-data-container/multi-data-container.state.cjs');
 var multiDataContainer_controller = require('./panel-component/multi-data-container/multi-data-container.controller.cjs');
 var index$6 = require('./panel-component/multi-data-container/index.cjs');
+var multiDataContainerRaw_state = require('./panel-component/multi-data-container-raw/multi-data-container-raw.state.cjs');
+var multiDataContainerRaw_controller = require('./panel-component/multi-data-container-raw/multi-data-container-raw.controller.cjs');
+var index$7 = require('./panel-component/multi-data-container-raw/index.cjs');
 var singleDataContainer_state = require('./panel-component/single-data-container/single-data-container.state.cjs');
 var singleDataContainer_controller = require('./panel-component/single-data-container/single-data-container.controller.cjs');
-var index$7 = require('./panel-component/single-data-container/index.cjs');
+var index$8 = require('./panel-component/single-data-container/index.cjs');
 var gridContainer_state = require('./panel-component/grid-container/grid-container.state.cjs');
 var gridContainer_controller = require('./panel-component/grid-container/grid-container.controller.cjs');
-var index$8 = require('./panel-component/grid-container/index.cjs');
+var index$9 = require('./panel-component/grid-container/index.cjs');
 var panelContainerImage_state = require('./panel-component/panel-container-image/panel-container-image.state.cjs');
 var panelContainerImage_controller = require('./panel-component/panel-container-image/panel-container-image.controller.cjs');
-var index$9 = require('./panel-component/panel-container-image/index.cjs');
+var index$a = require('./panel-component/panel-container-image/index.cjs');
 var panelContainerGroup_state = require('./panel-component/panel-container-group/panel-container-group.state.cjs');
 var panelContainerGroup_controller = require('./panel-component/panel-container-group/panel-container-group.controller.cjs');
-var index$a = require('./panel-component/panel-container-group/index.cjs');
-var index$b = require('./panel-component/panel-tab-page/index.cjs');
-var index$c = require('./panel-component/panel-item-render/index.cjs');
+var index$b = require('./panel-component/panel-container-group/index.cjs');
+var index$c = require('./panel-component/panel-tab-page/index.cjs');
+var index$d = require('./panel-component/panel-item-render/index.cjs');
 var teleportPlaceholder_provider = require('./panel-component/teleport-placeholder/teleport-placeholder.provider.cjs');
-var index$d = require('./panel-component/teleport-placeholder/index.cjs');
-var index$e = require('./panel-component/panel-container-tabs/index.cjs');
+var index$e = require('./panel-component/teleport-placeholder/index.cjs');
+var index$f = require('./panel-component/panel-container-tabs/index.cjs');
 var appRedirectView = require('./view/app-redirect-view/app-redirect-view.cjs');
-var index$f = require('./view/common/index.cjs');
+var index$g = require('./view/common/index.cjs');
 var todoRedirect = require('./view/todo-redirect/todo-redirect.cjs');
-var index$g = require('./view/portal-view/index.cjs');
-var index$h = require('./view/de-redirect-view/index.cjs');
-var index$i = require('./control/panel/view-layout-panel/index.cjs');
-var index$j = require('./control/panel/panel/index.cjs');
+var index$h = require('./view/portal-view/index.cjs');
+var index$i = require('./view/de-redirect-view/index.cjs');
+var index$j = require('./view/html-view/index.cjs');
+var index$k = require('./control/panel/view-layout-panel/index.cjs');
+var index$l = require('./control/panel/panel/index.cjs');
 var pluginFactory = require('./plugin/plugin-factory/plugin-factory.cjs');
 var clickOutside = require('./use/click-outside/click-outside.cjs');
 var useControlController = require('./use/control/use-control-controller/use-control-controller.cjs');
@@ -71,11 +75,11 @@ var event = require('./use/event/event.cjs');
 var focusBlur = require('./use/focus-blur/focus-blur.cjs');
 var namespace = require('./use/namespace/namespace.cjs');
 var route = require('./use/route/route.cjs');
-var index$k = require('./use/util/index.cjs');
+var index$m = require('./use/util/index.cjs');
 var useViewController = require('./use/view/use-view-controller/use-view-controller.cjs');
 var vue = require('./use/vue/vue.cjs');
 var codelistListen = require('./use/codeList-listen/codelist-listen.cjs');
-var index$l = require('./use/storage/index.cjs');
+var index$n = require('./use/storage/index.cjs');
 var autofocusBlur = require('./use/autofocus-blur/autofocus-blur.cjs');
 var overlayContainer = require('./util/overlay-container/overlay-container.cjs');
 var overlayPopoverContainer = require('./util/overlay-popover-container/overlay-popover-container.cjs');
@@ -88,7 +92,7 @@ var render = require('./util/render/render.cjs');
 var overlayViewUtil = require('./util/overlay-view-util/overlay-view-util.cjs');
 var appStore = require('./util/store/app-store/app-store.cjs');
 var uiStore = require('./util/store/ui-store/ui-store.cjs');
-var index$m = require('./util/store/index.cjs');
+var index$o = require('./util/store/index.cjs');
 var common = require('./props/common.cjs');
 var textBox = require('./props/editor/text-box.cjs');
 var span = require('./props/editor/span.cjs');
@@ -115,8 +119,8 @@ var markdown = require('./props/editor/markdown.cjs');
 var array = require('./props/editor/array.cjs');
 var cascader = require('./props/editor/cascader.cjs');
 var colorPicker = require('./props/editor/color-picker.cjs');
-var index$n = require('./locale/en/index.cjs');
-var index$o = require('./locale/zh-CN/index.cjs');
+var index$p = require('./locale/en/index.cjs');
+var index$q = require('./locale/zh-CN/index.cjs');
 
 "use strict";
 
@@ -149,30 +153,34 @@ exports.IBizPanelRawItem = index$5.IBizPanelRawItem;
 exports.MultiDataContainerState = multiDataContainer_state.MultiDataContainerState;
 exports.MultiDataContainerController = multiDataContainer_controller.MultiDataContainerController;
 exports.IBizMultiDataContainer = index$6.IBizMultiDataContainer;
+exports.MultiDataContainerRawState = multiDataContainerRaw_state.MultiDataContainerRawState;
+exports.MultiDataContainerRawController = multiDataContainerRaw_controller.MultiDataContainerRawController;
+exports.IBizMultiDataContainerRaw = index$7.IBizMultiDataContainerRaw;
 exports.SingleDataContainerState = singleDataContainer_state.SingleDataContainerState;
 exports.SingleDataContainerController = singleDataContainer_controller.SingleDataContainerController;
-exports.IBizSingleDataContainer = index$7.IBizSingleDataContainer;
+exports.IBizSingleDataContainer = index$8.IBizSingleDataContainer;
 exports.GridContainerState = gridContainer_state.GridContainerState;
 exports.GridContainerController = gridContainer_controller.GridContainerController;
-exports.IBizGridContainer = index$8.IBizGridContainer;
+exports.IBizGridContainer = index$9.IBizGridContainer;
 exports.PanelContainerImageState = panelContainerImage_state.PanelContainerImageState;
 exports.PanelContainerImageController = panelContainerImage_controller.PanelContainerImageController;
-exports.IBizPanelContainerImage = index$9.IBizPanelContainerImage;
+exports.IBizPanelContainerImage = index$a.IBizPanelContainerImage;
 exports.PanelContainerGroupState = panelContainerGroup_state.PanelContainerGroupState;
 exports.PanelContainerGroupController = panelContainerGroup_controller.PanelContainerGroupController;
-exports.IBizPanelContainerGroup = index$a.IBizPanelContainerGroup;
-exports.IBizPanelTabPage = index$b.IBizPanelTabPage;
-exports.IBizPanelItemRender = index$c.IBizPanelItemRender;
+exports.IBizPanelContainerGroup = index$b.IBizPanelContainerGroup;
+exports.IBizPanelTabPage = index$c.IBizPanelTabPage;
+exports.IBizPanelItemRender = index$d.IBizPanelItemRender;
 exports.TeleportPlaceholderProvider = teleportPlaceholder_provider.TeleportPlaceholderProvider;
-exports.IBizTeleportPlaceholder = index$d.IBizTeleportPlaceholder;
-exports.IBizPanelContainerTabs = index$e.IBizPanelContainerTabs;
+exports.IBizTeleportPlaceholder = index$e.IBizTeleportPlaceholder;
+exports.IBizPanelContainerTabs = index$f.IBizPanelContainerTabs;
 exports.AppRedirectView = appRedirectView.AppRedirectView;
-exports.IBizView = index$f.IBizView;
+exports.IBizView = index$g.IBizView;
 exports.TodoRedirect = todoRedirect.TodoRedirect;
-exports.IBizPortalView = index$g.IBizPortalView;
-exports.IBizDeRedirectView = index$h.IBizDeRedirectView;
-exports.IBizViewLayoutPanelControl = index$i.IBizViewLayoutPanelControl;
-exports.IBizPanelControl = index$j.IBizPanelControl;
+exports.IBizPortalView = index$h.IBizPortalView;
+exports.IBizDeRedirectView = index$i.IBizDeRedirectView;
+exports.IBizHtmlView = index$j.IBizHtmlView;
+exports.IBizViewLayoutPanelControl = index$k.IBizViewLayoutPanelControl;
+exports.IBizPanelControl = index$l.IBizPanelControl;
 exports.PluginFactory = pluginFactory.PluginFactory;
 exports.useClickOutside = clickOutside.useClickOutside;
 exports.useControlController = useControlController.useControlController;
@@ -181,8 +189,8 @@ exports.useFocusAndBlur = focusBlur.useFocusAndBlur;
 exports.useNamespace = namespace.useNamespace;
 exports.useRouteKey = route.useRouteKey;
 exports.useRouterQuery = route.useRouterQuery;
-exports.useCtx = index$k.useCtx;
-exports.useMobCtx = index$k.useMobCtx;
+exports.useCtx = index$m.useCtx;
+exports.useMobCtx = index$m.useMobCtx;
 exports.useViewController = useViewController.useViewController;
 exports.EmptyVNode = vue.EmptyVNode;
 exports.getOrigin = vue.getOrigin;
@@ -193,7 +201,7 @@ exports.useForceTogether = vue.useForceTogether;
 exports.useProps = vue.useProps;
 exports.usePropsWatch = vue.usePropsWatch;
 exports.useCodeListListen = codelistListen.useCodeListListen;
-exports.useLocalCacheKey = index$l.useLocalCacheKey;
+exports.useLocalCacheKey = index$n.useLocalCacheKey;
 exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
 exports.OverlayContainer = overlayContainer.OverlayContainer;
 exports.OverlayPopoverContainer = overlayPopoverContainer.OverlayPopoverContainer;
@@ -220,7 +228,7 @@ exports.openViewModal = overlayViewUtil.openViewModal;
 exports.openViewPopover = overlayViewUtil.openViewPopover;
 exports.useAppStore = appStore.useAppStore;
 exports.useUIStore = uiStore.useUIStore;
-exports.piniaInstance = index$m.piniaInstance;
+exports.piniaInstance = index$o.piniaInstance;
 exports.RequiredProp = common.RequiredProp;
 exports.getGridInputIpProps = textBox.getGridInputIpProps;
 exports.getGridInputNumberProps = textBox.getGridInputNumberProps;
@@ -278,5 +286,5 @@ exports.getCascaderProps = cascader.getCascaderProps;
 exports.getGridCascaderProps = cascader.getGridCascaderProps;
 exports.getColorPickerProps = colorPicker.getColorPickerProps;
 exports.getGridColorPickerProps = colorPicker.getGridColorPickerProps;
-exports.en = index$n.en;
-exports.zhCn = index$o.zhCn;
+exports.en = index$p.en;
+exports.zhCn = index$q.zhCn;

package/lib/locale/en/index.cjs

@@ -43,7 +43,7 @@ const en = {
         noFocus: "No focus, no out-of-focus triggering"
       },
       view: {
-        stateChange: "View [{{name}] state change"
+        stateChange: "View [{name}] state change"
       }
     },
     util: {

package/lib/panel-component/index.cjs

@@ -7,14 +7,15 @@ var index$3 = require('./nav-pos/index.cjs');
 var index$4 = require('./panel-field/index.cjs');
 var index$5 = require('./panel-rawitem/index.cjs');
 var index$6 = require('./multi-data-container/index.cjs');
-var index$7 = require('./single-data-container/index.cjs');
-var index$8 = require('./grid-container/index.cjs');
-var index$9 = require('./panel-container-image/index.cjs');
-var index$a = require('./panel-container-group/index.cjs');
-var index$b = require('./panel-tab-page/index.cjs');
-var index$c = require('./panel-item-render/index.cjs');
-var index$d = require('./teleport-placeholder/index.cjs');
-var index$e = require('./panel-container-tabs/index.cjs');
+var index$7 = require('./multi-data-container-raw/index.cjs');
+var index$8 = require('./single-data-container/index.cjs');
+var index$9 = require('./grid-container/index.cjs');
+var index$a = require('./panel-container-image/index.cjs');
+var index$b = require('./panel-container-group/index.cjs');
+var index$c = require('./panel-tab-page/index.cjs');
+var index$d = require('./panel-item-render/index.cjs');
+var index$e = require('./teleport-placeholder/index.cjs');
+var index$f = require('./panel-container-tabs/index.cjs');
 var panelContainer_state = require('./panel-container/panel-container.state.cjs');
 var panelContainer_controller = require('./panel-container/panel-container.controller.cjs');
 var panelCtrlPos_controller = require('./panel-ctrl-pos/panel-ctrl-pos.controller.cjs');
@@ -28,6 +29,8 @@ var panelField_controller = require('./panel-field/panel-field.controller.cjs');
 var panelRawitem_controller = require('./panel-rawitem/panel-rawitem.controller.cjs');
 var multiDataContainer_state = require('./multi-data-container/multi-data-container.state.cjs');
 var multiDataContainer_controller = require('./multi-data-container/multi-data-container.controller.cjs');
+var multiDataContainerRaw_state = require('./multi-data-container-raw/multi-data-container-raw.state.cjs');
+var multiDataContainerRaw_controller = require('./multi-data-container-raw/multi-data-container-raw.controller.cjs');
 var singleDataContainer_state = require('./single-data-container/single-data-container.state.cjs');
 var singleDataContainer_controller = require('./single-data-container/single-data-container.controller.cjs');
 var gridContainer_state = require('./grid-container/grid-container.state.cjs');
@@ -47,14 +50,15 @@ exports.IBizNavPos = index$3.IBizNavPos;
 exports.IBizPanelField = index$4.IBizPanelField;
 exports.IBizPanelRawItem = index$5.IBizPanelRawItem;
 exports.IBizMultiDataContainer = index$6.IBizMultiDataContainer;
-exports.IBizSingleDataContainer = index$7.IBizSingleDataContainer;
-exports.IBizGridContainer = index$8.IBizGridContainer;
-exports.IBizPanelContainerImage = index$9.IBizPanelContainerImage;
-exports.IBizPanelContainerGroup = index$a.IBizPanelContainerGroup;
-exports.IBizPanelTabPage = index$b.IBizPanelTabPage;
-exports.IBizPanelItemRender = index$c.IBizPanelItemRender;
-exports.IBizTeleportPlaceholder = index$d.IBizTeleportPlaceholder;
-exports.IBizPanelContainerTabs = index$e.IBizPanelContainerTabs;
+exports.IBizMultiDataContainerRaw = index$7.IBizMultiDataContainerRaw;
+exports.IBizSingleDataContainer = index$8.IBizSingleDataContainer;
+exports.IBizGridContainer = index$9.IBizGridContainer;
+exports.IBizPanelContainerImage = index$a.IBizPanelContainerImage;
+exports.IBizPanelContainerGroup = index$b.IBizPanelContainerGroup;
+exports.IBizPanelTabPage = index$c.IBizPanelTabPage;
+exports.IBizPanelItemRender = index$d.IBizPanelItemRender;
+exports.IBizTeleportPlaceholder = index$e.IBizTeleportPlaceholder;
+exports.IBizPanelContainerTabs = index$f.IBizPanelContainerTabs;
 exports.PanelContainerState = panelContainer_state.PanelContainerState;
 exports.PanelContainerController = panelContainer_controller.PanelContainerController;
 exports.PanelCtrlPosController = panelCtrlPos_controller.PanelCtrlPosController;
@@ -68,6 +72,8 @@ exports.PanelFieldController = panelField_controller.PanelFieldController;
 exports.PanelRawItemController = panelRawitem_controller.PanelRawItemController;
 exports.MultiDataContainerState = multiDataContainer_state.MultiDataContainerState;
 exports.MultiDataContainerController = multiDataContainer_controller.MultiDataContainerController;
+exports.MultiDataContainerRawState = multiDataContainerRaw_state.MultiDataContainerRawState;
+exports.MultiDataContainerRawController = multiDataContainerRaw_controller.MultiDataContainerRawController;
 exports.SingleDataContainerState = singleDataContainer_state.SingleDataContainerState;
 exports.SingleDataContainerController = singleDataContainer_controller.SingleDataContainerController;
 exports.GridContainerState = gridContainer_state.GridContainerState;

package/lib/panel-component/multi-data-container/multi-data-container.controller.cjs

@@ -82,6 +82,29 @@ class MultiDataContainerController extends runtime.PanelItemController {
       })
     );
   }
+  /**
+   * 计算导航参数
+   *
+   * @author tony001
+   * @date 2024-07-30 18:07:36
+   * @protected
+   * @return {*}  {IData}
+   */
+  computeNavParams() {
+    const { navigateContexts, navigateParams } = this.model;
+    const context = this.panel.context.clone();
+    Object.assign(
+      context,
+      runtime.convertNavData(navigateContexts, this.panel.params, this.panel.context)
+    );
+    const params = runtime.convertNavData(
+      navigateParams,
+      this.panel.params,
+      this.panel.context
+    );
+    Object.assign(params, this.panel.params);
+    return { context, params };
+  }
   /**
    * 根据来源类型初始化容器数据
    * @author lxm
@@ -232,12 +255,13 @@ class MultiDataContainerController extends runtime.PanelItemController {
         ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntity")
       );
     }
+    const { context, params } = this.computeNavParams();
     const data = await runtime.execDELogicById(
       appDELogicId,
       appDataEntityId,
-      this.panel.context,
-      [],
-      this.panel.params
+      context,
+      this.panel.data,
+      params
     );
     if (!data) {
       throw new core.RuntimeError(
@@ -285,12 +309,13 @@ class MultiDataContainerController extends runtime.PanelItemController {
       );
     }
     const app = ibiz.hub.getApp(this.panel.context.srfappid);
+    const { context, params } = this.computeNavParams();
     const res = await app.deService.exec(
       appDataEntityId,
       appDEMethodId,
-      this.panel.context,
-      [],
-      this.panel.params
+      context,
+      void 0,
+      params
     );
     if (res.ok && res.data) {
       this.setData(res.data);

package/lib/panel-component/multi-data-container-raw/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var multiDataContainerRaw = require('./multi-data-container-raw.cjs');
+var multiDataContainerRaw_provider = require('./multi-data-container-raw.provider.cjs');
+var multiDataContainerRaw_state = require('./multi-data-container-raw.state.cjs');
+var multiDataContainerRaw_controller = require('./multi-data-container-raw.controller.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizMultiDataContainerRaw = install.withInstall(
+  multiDataContainerRaw.MultiDataContainerRaw,
+  function(v) {
+    v.component(multiDataContainerRaw.MultiDataContainerRaw.name, multiDataContainerRaw.MultiDataContainerRaw);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_MULTIDATA_RAW",
+      () => new multiDataContainerRaw_provider.MultiDataContainerRawProvider()
+    );
+  }
+);
+
+exports.MultiDataContainerRawState = multiDataContainerRaw_state.MultiDataContainerRawState;
+exports.MultiDataContainerRawController = multiDataContainerRaw_controller.MultiDataContainerRawController;
+exports.IBizMultiDataContainerRaw = IBizMultiDataContainerRaw;
+exports.default = IBizMultiDataContainerRaw;

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var multiDataContainerRaw_controller = require('./multi-data-container-raw.controller.cjs');
+require('./multi-data-container-raw.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizMultiDataContainerRaw",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: multiDataContainerRaw_controller.MultiDataContainerRawController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("multi-data-container-raw");
+    const {
+      id
+    } = props.modelData;
+    vue.watch(() => props.controller.state.items, () => {
+      const keys = Object.keys(props.controller.panelItems);
+      keys.forEach((key) => {
+        const panelItem = props.controller.panelItems[key];
+        panelItem.state = vue.reactive(panelItem.state);
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const renderPanelItem = vue.inject("renderPanelItem");
+    const classArr = vue.computed(() => {
+      const result = [ns.b(), ns.m(id), ...props.controller.containerClass];
+      return result;
+    });
+    return {
+      ns,
+      classArr,
+      renderPanelItem
+    };
+  },
+  render() {
+    let content;
+    if (this.$slots.default) {
+      content = this.$slots.default();
+    } else {
+      content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": this.modelData.layout
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = this.modelData.panelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const childController = this.controller.panelItems[panelItem.id];
+            return vue.createVNode(vue.resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": childController.state
+            }, _isSlot(_slot = this.renderPanelItem(panelItem, {
+              providers: this.controller.providers,
+              panelItems: this.controller.panelItems
+            })) ? _slot : {
+              default: () => [_slot]
+            });
+          })];
+        }
+      });
+    }
+    return vue.createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+exports.MultiDataContainerRaw = MultiDataContainerRaw;