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

package/lib/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const ActionBarPortlet = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizActionBarPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.ActionBarPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const zIndex = props.controller.dashboard.state.zIndex;
+    const onActionClick = async (detail, event) => {
+      await props.controller.onActionClick(detail, event);
+    };
+    return {
+      ns,
+      zIndex,
+      onActionClick
+    };
+  },
+  render() {
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
+    return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, {
+      default: () => [this.modelData.uiactionGroup && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        "zIndex": this.zIndex,
+        "action-details": this.modelData.uiactionGroup.uiactionGroupDetails,
+        "actions-state": this.controller.state.actionGroupState,
+        "onActionClick": this.onActionClick
+      }, null)]
+    });
+  }
+});
+
+exports.ActionBarPortlet = ActionBarPortlet;

package/lib/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.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 ActionBarPortletProvider {
+  constructor() {
+    __publicField(this, "component", "IBizActionBarPortlet");
+  }
+  async createController(portletModel, dashboard, parent) {
+    const c = new runtime.ActionBarPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ActionBarPortletProvider = ActionBarPortletProvider;

package/lib/control/dashboard/portlet/actionbar-portlet/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var actionbarPortlet = require('./actionbar-portlet.cjs');
+var actionbarPortlet_provider = require('./actionbar-portlet.provider.cjs');
+
+"use strict";
+const IBizActionBarPortlet = vue3Util.withInstall(
+  actionbarPortlet.ActionBarPortlet,
+  function(v) {
+    v.component(actionbarPortlet.ActionBarPortlet.name, actionbarPortlet.ActionBarPortlet);
+    runtime.registerPortletProvider("ACTIONBAR", () => new actionbarPortlet_provider.ActionBarPortletProvider());
+  }
+);
+
+exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
+exports.IBizActionBarPortlet = IBizActionBarPortlet;
+exports.default = IBizActionBarPortlet;

package/lib/control/dashboard/portlet/chart-portlet/chart-portlet.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ChartPortlet = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizChartPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.ChartPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a, _b;
+    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const chart = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
+      return item.controlType === runtime.ControlType.CHART;
+    });
+    let timerTag;
+    vue.onMounted(() => {
+      const timer = props.controller.model.timer;
+      if (timer && timer > 0) {
+        timerTag = setInterval(() => {
+          props.controller.refresh();
+        }, timer);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      clearInterval(timerTag);
+    });
+    return {
+      ns,
+      chart
+    };
+  },
+  render() {
+    let _slot;
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
+    const {
+      context,
+      params
+    } = this.controller;
+    return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, _isSlot(_slot = vue.h(vue.resolveComponent("IBizControlShell"), {
+      context,
+      params,
+      modelData: this.chart
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.ChartPortlet = ChartPortlet;

package/lib/control/dashboard/portlet/chart-portlet/chart-portlet.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 ChartPortletProvider {
+  constructor() {
+    __publicField(this, "component", "IBizChartPortlet");
+  }
+  async createController(portletModel, dashboard, parent) {
+    const c = new runtime.ChartPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ChartPortletProvider = ChartPortletProvider;

package/lib/control/dashboard/portlet/chart-portlet/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var chartPortlet = require('./chart-portlet.cjs');
+var chartPortlet_provider = require('./chart-portlet.provider.cjs');
+
+"use strict";
+const IBizChartPortlet = vue3Util.withInstall(chartPortlet.ChartPortlet, function(v) {
+  v.component(chartPortlet.ChartPortlet.name, chartPortlet.ChartPortlet);
+  runtime.registerPortletProvider("CHART", () => new chartPortlet_provider.ChartPortletProvider());
+});
+
+exports.ChartPortlet = chartPortlet.ChartPortlet;
+exports.IBizChartPortlet = IBizChartPortlet;
+exports.default = IBizChartPortlet;

package/lib/control/dashboard/portlet/html-portlet/html-portlet.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./html-portlet.css');
+
+"use strict";
+const HtmlPortlet = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizHtmlPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.HtmlPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    return {
+      ns
+    };
+  },
+  render() {
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
+    return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, {
+      default: () => [vue.createVNode("iframe", {
+        "src": this.modelData.pageUrl
+      }, null)]
+    });
+  }
+});
+
+exports.HtmlPortlet = HtmlPortlet;

package/lib/control/dashboard/portlet/html-portlet/html-portlet.css

@@ -0,0 +1 @@
+.ibiz-portlet-html iframe{width:100%;height:100%;border:0}

package/lib/control/dashboard/portlet/html-portlet/html-portlet.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 HtmlPortletProvider {
+  constructor() {
+    __publicField(this, "component", "IBizHtmlPortlet");
+  }
+  async createController(portletModel, dashboard, parent) {
+    const c = new runtime.HtmlPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.HtmlPortletProvider = HtmlPortletProvider;

package/lib/control/dashboard/portlet/html-portlet/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var htmlPortlet = require('./html-portlet.cjs');
+var htmlPortlet_provider = require('./html-portlet.provider.cjs');
+
+"use strict";
+const IBizHtmlPortlet = vue3Util.withInstall(htmlPortlet.HtmlPortlet, function(v) {
+  v.component(htmlPortlet.HtmlPortlet.name, htmlPortlet.HtmlPortlet);
+  runtime.registerPortletProvider("HTML", () => new htmlPortlet_provider.HtmlPortletProvider());
+});
+
+exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
+exports.IBizHtmlPortlet = IBizHtmlPortlet;
+exports.default = IBizHtmlPortlet;

package/lib/control/dashboard/portlet/index.cjs

@@ -1,18 +1,24 @@
 'use strict';
 
-require('./portlet-part/index.cjs');
 var index = require('./container-portlet/index.cjs');
 var portletLayout = require('./portlet-layout/portlet-layout.cjs');
 var index$1 = require('./menu-portlet/index.cjs');
 var index$2 = require('./view-portlet/index.cjs');
 var index$3 = require('./list-portlet/index.cjs');
-var portletPart_state = require('./portlet-part/portlet-part.state.cjs');
+var index$4 = require('./rawitem-portlet/index.cjs');
+var index$5 = require('./chart-portlet/index.cjs');
+var index$6 = require('./html-portlet/index.cjs');
+var index$7 = require('./actionbar-portlet/index.cjs');
 var containerPortlet_provider = require('./container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./container-portlet/container-portlet.cjs');
 var menuPortlet_provider = require('./menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./menu-portlet/menu-portlet.cjs');
 var viewPortlet = require('./view-portlet/view-portlet.cjs');
 var listPortlet = require('./list-portlet/list-portlet.cjs');
+var rawitemPortlet = require('./rawitem-portlet/rawitem-portlet.cjs');
+var chartPortlet = require('./chart-portlet/chart-portlet.cjs');
+var htmlPortlet = require('./html-portlet/html-portlet.cjs');
+var actionbarPortlet = require('./actionbar-portlet/actionbar-portlet.cjs');
 
 "use strict";
 
@@ -21,10 +27,17 @@ exports.PortletLayout = portletLayout.PortletLayout;
 exports.IBizMenuPortlet = index$1.IBizMenuPortlet;
 exports.IBizViewPortlet = index$2.IBizViewPortlet;
 exports.IBizListPortlet = index$3.IBizListPortlet;
-exports.PortletPartState = portletPart_state.PortletPartState;
+exports.IBizRawItemPortlet = index$4.IBizRawItemPortlet;
+exports.IBizChartPortlet = index$5.IBizChartPortlet;
+exports.IBizHtmlPortlet = index$6.IBizHtmlPortlet;
+exports.IBizActionBarPortlet = index$7.IBizActionBarPortlet;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
 exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
 exports.ViewPortlet = viewPortlet.ViewPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
+exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
+exports.ChartPortlet = chartPortlet.ChartPortlet;
+exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
+exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;

package/lib/control/dashboard/portlet/menu-portlet/menu-portlet.cjs

@@ -31,8 +31,7 @@ const MenuPortlet = /* @__PURE__ */ vue.defineComponent({
   render() {
     const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName)];
     const {
-      context,
-      params
+      context
     } = this.controller;
     return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
       "controller": this.controller,
@@ -41,7 +40,7 @@ const MenuPortlet = /* @__PURE__ */ vue.defineComponent({
       default: () => [this.menu && vue.createVNode(vue.resolveComponent("iBizControlShell"), {
         "modelData": this.menu,
         "context": context,
-        "params": params
+        "params": {}
       }, null)]
     });
   }

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -6,6 +6,9 @@ require('./portlet-layout.css');
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const PortletLayout = /* @__PURE__ */ vue.defineComponent({
   name: "IBizPortletLayout",
   props: {
@@ -18,6 +21,9 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("portlet-layout");
     const c = props.controller;
     const isShowHeader = vue.computed(() => {
+      if (c.model.portletType === "RAWITEM") {
+        return false;
+      }
       return c.model.showTitleBar && (c.model.title || c.model.sysImage) || c.model.uiactionGroup;
     });
     const onActionClick = async (detail, event) => {
@@ -93,14 +99,24 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
           "title": model.title
         }, [model.title])]))]), vue.createVNode("div", {
           "class": this.ns.be("header", "right")
-        }, [model.uiactionGroup && (this.headerAction ? this.renderContent(this.headerAction) : vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        }, [this.controller.model.portletType === "ACTIONBAR" ? null : this.headerAction ? this.renderContent(this.headerAction) : model.uiactionGroup && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
           "class": this.ns.e("toolbar"),
           "action-details": model.uiactionGroup.uiactionGroupDetails,
           "actions-state": state.actionGroupState,
           "onActionClick": this.onActionClick
-        }, null))])]);
+        }, null)])]);
       }
     }
+    if (model.enableAnchor && this.controller.dashboard.model.showDashboardNavBar) {
+      const _headerRender = /* @__PURE__ */ function() {
+        return headerRender;
+      }();
+      headerRender = vue.createVNode(vue.resolveComponent("van-index-anchor"), {
+        "index": model.title || model.id
+      }, _isSlot(headerRender) ? headerRender : {
+        default: () => [_headerRender]
+      });
+    }
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("no-header", !this.isShowHeader)]
     }, [headerRender, vue.createVNode("div", {

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:0 var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0 0 var(--ibiz-border-radius-medium);--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__toolbar{height:100%;display:flex;align-items:center}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between}.ibiz-portlet-layout-header.is-custom{position:relative}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__left{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__right{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__bg{position:absolute;top:0;left:0;width:100%;height:100%}.ibiz-portlet-layout-header{height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-header-height:3.125rem;--ibiz-portlet-layout-header-padding:var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-0);--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);--ibiz-portlet-layout-header-line-height:var(--van-cell-group-title-line-height);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{overflow:hidden;font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-portlet-layout__toolbar{display:flex;align-items:center;height:100%}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%;padding:0}.ibiz-portlet-layout .van-index-anchor{padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:inherit}.ibiz-portlet-layout-header{display:flex;justify-content:space-between}.ibiz-portlet-layout-header.is-custom{position:relative}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__left{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__right{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__bg{position:absolute;top:0;left:0;width:100%;height:100%}.ibiz-portlet-layout-header{height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-line-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/lib/control/dashboard/portlet/rawitem-portlet/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var rawitemPortlet = require('./rawitem-portlet.cjs');
+var rawitemPortlet_provider = require('./rawitem-portlet.provider.cjs');
+
+"use strict";
+const IBizRawItemPortlet = vue3Util.withInstall(
+  rawitemPortlet.RawItemPortlet,
+  function(v) {
+    v.component(rawitemPortlet.RawItemPortlet.name, rawitemPortlet.RawItemPortlet);
+    runtime.registerPortletProvider("RAWITEM", () => new rawitemPortlet_provider.RawItemPortletProvider());
+  }
+);
+
+exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
+exports.IBizRawItemPortlet = IBizRawItemPortlet;
+exports.default = IBizRawItemPortlet;

package/lib/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const RawItemPortlet = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizRawItemPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.RawItemPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const rawItem = props.modelData;
+    return {
+      ns,
+      rawItem
+    };
+  },
+  render() {
+    let _slot;
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
+    return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, _isSlot(_slot = vue.h(vue.resolveComponent("iBizRawItem"), {
+      rawItem: this.rawItem
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.RawItemPortlet = RawItemPortlet;

package/lib/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.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 RawItemPortletProvider {
+  constructor() {
+    __publicField(this, "component", "IBizRawItemPortlet");
+  }
+  async createController(portletModel, dashboard, parent) {
+    const c = new runtime.RawItemPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.RawItemPortletProvider = RawItemPortletProvider;