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

package/lib/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;--van-cell-right-icon-color:var(--van-gray-6);--van-padding-md:var(--ibiz-spacing-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:.625rem;height:.625rem;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-.25rem;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:.25rem;height:.25rem;background-color:red;border-radius:3.125rem}.ibiz-control-calendar .ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;height:auto}.ibiz-control-calendar .ibiz-control-calendar-item--default{padding:var(--ibiz-control-calendar-item-padding);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);line-height:25px;color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:.0625rem var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}.ibiz-control-calendar-header-toolbar{width:100%;display:flex}.ibiz-control-calendar-header-toolbar__select-day{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);background-color:var(--ibiz-color-bg-1);border-radius:2px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-control-calendar-header-toolbar__switch-toolbar{flex:1;align-items:center;display:flex;justify-content:end;color:var(--ibiz-color-primary);gap:var(--ibiz-spacing-base);padding-right:var(--ibiz-spacing-base)}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);--ibiz-control-calendar-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-item-size:var(--ibiz-width-icon-small);--ibiz-control-calendar-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-tab-bg:transparent;--ibiz-control-calendar-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-content-margin:var(--ibiz-spacing-base);display:flex;flex-direction:column}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:0;left:0;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:var(--ibiz-control-calendar-mark-width);height:var(--ibiz-control-calendar-mark-height);background-color:var(--ibiz-control-calendar-mark-color);border-radius:50%}.ibiz-control-calendar .ibiz-control-calendar-item{height:auto;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar .ibiz-control-calendar-item--default{overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar .ibiz-control-calendar-item--panel{position:relative}.ibiz-control-calendar .ibiz-control-calendar-item--panel::after{position:absolute;content:" ";pointer-events:none;right:var(--ibiz-control-calendar-item-border-gap);bottom:0;left:var(--ibiz-control-calendar-item-border-gap);border-bottom:var(--ibiz-control-calendar-item-border)}.ibiz-control-calendar .hash-calendar{--hash-calendar-main-font-color:var(--ibiz-control-calendar-calendar-color);--hash-calendar-main-color:var(--ibiz-control-calendar-calendar-main-color);--hash-calendar-disabled-font-color:var(--ibiz-control-calendar-calendar-disabled-color)}.ibiz-control-calendar .hash-calendar .calendar_content{background-color:var(--ibiz-control-calendar-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_group_li,.ibiz-control-calendar .hash-calendar .calendar_week{background-color:var(--ibiz-control-calendar-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_day_checked{color:var(--ibiz-control-calendar-calendar-active-color);background-color:var(--ibiz-control-calendar-calendar-active-bg)}.ibiz-control-calendar-footer{flex:auto;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%;display:flex;flex-direction:column}.ibiz-control-calendar-footer .van-tabs__wrap{flex:none}.ibiz-control-calendar-footer .van-tabs__content{flex:auto;overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-footer__tab-item .van-tab__text{position:relative;overflow:visible}.ibiz-control-calendar-footer__tab-item .van-tab__text::before{content:"";width:100%;height:.1875rem;bottom:-.5rem;border-radius:.1875rem;transform:translateY(-50%);background-color:var(--ibiz-control-calendar-tab-bg);position:absolute}.ibiz-control-calendar-footer__tab-item.van-tab--active .van-tab__text::before{content:unset}.ibiz-control-calendar-header-toolbar{width:100%;display:flex}.ibiz-control-calendar-header-toolbar__select-day{padding:var(--ibiz-control-calendar-header-caption-padding);background-color:var(--ibiz-control-calendar-header-caption-bg)}.ibiz-control-calendar-header-toolbar__switch-toolbar{flex:auto;align-items:center;display:flex;justify-content:end;color:var(--ibiz-control-calendar-toolbar-color);gap:var(--ibiz-control-calendar-toolbar-gap);padding-right:var(--ibiz-control-calendar-toolbar-gap);background-color:var(--ibiz-control-calendar-toolbar-bg)}.ibiz-control-calendar-timeline{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);--ibiz-control-calendar-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-item-size:var(--ibiz-width-icon-small);--ibiz-control-calendar-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-tab-bg:transparent;--ibiz-control-calendar-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-content-margin:var(--ibiz-spacing-base);padding:var(--ibiz-control-calendar-timeline-padding);overflow:auto}.ibiz-control-calendar-timeline__item{margin:var(--ibiz-control-calendar-timeline-item-margin)}.ibiz-control-calendar-timeline__item--timespan{width:auto;display:inline-block;padding:var(--ibiz-control-calendar-timeline-timespan-padding);border-radius:var(--ibiz-control-calendar-timeline-item-border-radius);background-color:var(--ibiz-control-calendar-timeline-item-bg-color)}.ibiz-control-calendar-timeline__item--content{margin-top:var(--ibiz-control-calendar-timeline-item-content-margin)}.ibiz-control-calendar-timeline__item .ibiz-control-calendar-item{padding:0}

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-icon-width:1.25rem;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{position:relative;display:flex;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-captionbar .ibiz-control-captionbar-caption .ibiz-icon{flex-shrink:0;width:var(--ibiz-control-captionbar-icon-width);font-size:var(--ibiz-control-captionbar-icon-width)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color-page-caption:var(--ibiz-view-page-caption-color);--ibiz-control-captionbar-color-sub-caption:var(--ibiz-color-text-2);--ibiz-control-captionbar-font-page-caption:var(--ibiz-view-page-caption-font-size);--ibiz-control-captionbar-font-sub-caption:var(--ibiz-font-size-regular);--ibiz-control-captionbar-font-sub-main-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-view-page-caption-font-weight);--ibiz-control-captionbar-font-line-height:var(--ibiz-view-page-caption-line-height);--ibiz-control-captionbar-font-text-align:var(--ibiz-view-page-caption-text-align);--ibiz-control-captionbar-font-icon-width:1.25rem;--ibiz-control-captionbar-spacing-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-spacing-margin-right:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-height-min-height:var(--ibiz-spacing-super-loose);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-height-min-height);padding:var(--ibiz-control-captionbar-spacing-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-font-sub-main-size)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-control-captionbar-spacing-margin-right)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{position:relative;display:flex;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-page-caption);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-font-line-height);color:var(--ibiz-control-captionbar-color-page-caption);text-align:var(--ibiz-control-captionbar-font-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-captionbar .ibiz-control-captionbar-caption .ibiz-icon{flex-shrink:0;width:var(--ibiz-control-captionbar-font-icon-width);font-size:var(--ibiz-control-captionbar-font-icon-width)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-sub-caption);color:var(--ibiz-control-captionbar-color-sub-caption);text-align:var(--ibiz-control-captionbar-font-text-align)}

package/lib/control/dashboard/custom-dashboard-design/custom-dashboard-design.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./custom-dashboard-design.css');
+
+"use strict";
+const CustomDashboardDesign = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCustomDashboardDesign",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("custom-dashboard-design");
+    const customDashboard = props.controller.getMobCustomDashboard();
+    const portlets = Object.values(props.controller.portlets).filter((item) => !customDashboard.ignoreType.includes(item.model.portletType));
+    const items = vue.ref(portlets.map((item) => {
+      const id = item.model.id;
+      const visible = !Array.isArray(customDashboard.portlets) ? true : customDashboard.portlets.includes(id);
+      return {
+        id,
+        title: item.model.title,
+        visible
+      };
+    }));
+    const handleClose = () => {
+      props.modal.dismiss();
+    };
+    const handleSave = async () => {
+      await customDashboard.save(items.value.filter((item) => item.visible).map((item) => item.id));
+      handleClose();
+    };
+    return {
+      ns,
+      items,
+      handleClose,
+      handleSave
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("header")
+    }, [vue.createVNode("ion-icon", {
+      "class": this.ns.be("header", "close-btn"),
+      "name": "close-outline",
+      "onClick": this.handleClose
+    }, null), vue.createVNode("div", {
+      "class": this.ns.be("header", "title")
+    }, [ibiz.i18n.t("control.dashboard.customLayout")]), vue.createVNode("div", {
+      "class": this.ns.be("header", "save-btn"),
+      "onClick": this.handleSave
+    }, [ibiz.i18n.t("control.dashboard.save")])]), vue.createVNode("div", {
+      "class": this.ns.b("content")
+    }, [this.items.map((item) => {
+      return vue.createVNode("div", {
+        "class": this.ns.b("item")
+      }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": this.ns.be("item", "icon"),
+        "icon": {
+          cssClass: "fa fa-th-large"
+        }
+      }, null), vue.createVNode("div", {
+        "class": this.ns.be("item", "text")
+      }, [item.title || item.id]), vue.createVNode(vue.resolveComponent("van-checkbox"), {
+        "class": this.ns.be("item", "checkbox"),
+        "modelValue": item.visible,
+        "onUpdate:modelValue": ($event) => item.visible = $event
+      }, null)]);
+    }), this.items.length === 0 ? vue.createVNode(vue.resolveComponent("iBizNoData"), null, null) : null])]);
+  }
+});
+
+exports.CustomDashboardDesign = CustomDashboardDesign;

package/lib/control/dashboard/custom-dashboard-design/custom-dashboard-design.css

@@ -0,0 +1 @@
+.ibiz-custom-dashboard-design{--ibiz-custom-dashboard-design-save-btn-color:var(--ibiz-color-primary);--ibiz-custom-dashboard-design-item-bg-color:var(--ibiz-color-bg-0);--ibiz-custom-dashboard-design-item-height:var(--ibiz-height-control-large);--ibiz-custom-dashboard-design-padding:var(--ibiz-spacing-base);--ibiz-custom-dashboard-design-header-padding:0 0 var(--ibiz-spacing-tight);--ibiz-custom-dashboard-design-item-padding:0 var(--ibiz-spacing-base);--ibiz-custom-dashboard-design-item-margin:var(--ibiz-spacing-tight) 0;--ibiz-custom-dashboard-design-item-icon-margin-right:var(--ibiz-spacing-extra-tight);--ibiz-custom-dashboard-design-item-checkbox-margin-left:var(--ibiz-spacing-extra-tight);--ibiz-custom-dashboard-design-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-custom-dashboard-design-header-font-size:var(--ibiz-font-size-header-5);--ibiz-custom-dashboard-design-close-btn-font-size:var(--ibiz-font-size-header-3);--ibiz-custom-dashboard-design-item-font-size:var(--ibiz-font-size-header-6);--ibiz-custom-dashboard-design-header-title-font-weight:var(--ibiz-font-weight-bold);display:flex;flex-direction:column;height:100%;padding:var(--ibiz-custom-dashboard-design-padding)}.ibiz-custom-dashboard-design-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:var(--ibiz-custom-dashboard-design-header-padding);font-size:var(--ibiz-custom-dashboard-design-header-font-size)}.ibiz-custom-dashboard-design-header__close-btn{flex-shrink:0;font-size:var(--ibiz-custom-dashboard-design-close-btn-font-size);cursor:pointer}.ibiz-custom-dashboard-design-header__title{overflow:hidden;font-weight:var(--ibiz-custom-dashboard-design-header-title-font-weight);text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-dashboard-design-header__save-btn{flex-shrink:0;color:var(--ibiz-custom-dashboard-design-save-btn-color);cursor:pointer}.ibiz-custom-dashboard-design-content{flex:1 1 0;overflow:auto}.ibiz-custom-dashboard-design-item{display:flex;align-items:center;height:var(--ibiz-custom-dashboard-design-item-height);padding:var(--ibiz-custom-dashboard-design-item-padding);margin:var(--ibiz-custom-dashboard-design-item-margin);font-size:var(--ibiz-custom-dashboard-design-item-font-size);line-height:var(--ibiz-custom-dashboard-design-item-height);background-color:var(--ibiz-custom-dashboard-design-item-bg-color);border-radius:var(--ibiz-custom-dashboard-design-item-border-radius)}.ibiz-custom-dashboard-design-item__icon{display:flex;flex:0 0 auto;align-items:center;width:1em;height:1em;margin-right:var(--ibiz-custom-dashboard-design-item-icon-margin-right)}.ibiz-custom-dashboard-design-item__text{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-dashboard-design-item__checkbox{flex:0 0 auto;margin-left:var(--ibiz-custom-dashboard-design-item-checkbox-margin-left)}

package/lib/control/dashboard/dashboard.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
+var customDashboardDesign = require('./custom-dashboard-design/custom-dashboard-design.cjs');
 require('./dashboard.css');
 
 "use strict";
@@ -16,6 +17,9 @@ function renderPortletByType(model, c, opts) {
     modelData: model,
     controller
   };
+  if (!controller.state.visible) {
+    return null;
+  }
   if (!provider) {
     return vue.createVNode("div", null, [ibiz.i18n.t("app.noSupport"), model.portletType]);
   }
@@ -72,46 +76,95 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.DashboardController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const calcLayoutHeightWidth = (part) => {
-      const isShowHeader = part.model.showTitleBar && (part.model.title || part.model.sysImage) || part.model.uiactionGroup;
-      const layout = part.state.layout;
-      if (isShowHeader && layout.height) {
-        layout.height = `calc(${layout.height} + var(${ns.cssVarBlockName("portlet-header-height")}))`;
+    c.evt.on("onInitPortlets", () => {
+      Object.values(c.portlets).forEach((portlet) => {
+        if (!vue.isReactive(portlet.state)) {
+          portlet.state = vue.reactive(portlet.state);
+        }
+      });
+    });
+    const initialized = vue.ref(false);
+    const isShowFloatingButton = vue.ref(!!c.model.enableCustomized);
+    const init = async () => {
+      try {
+        if (c.model.enableCustomized) {
+          const customDashboard = new runtime.MobCustomDashboardController(c.model, c);
+          c.setMobCustomDashboard(customDashboard);
+          await customDashboard.load();
+        }
+      } finally {
+        initialized.value = true;
       }
-      return part.state;
+    };
+    init();
+    const handleFloatingButtonClick = async () => {
+      await ibiz.overlay.drawer((modal) => {
+        return vue.h(customDashboardDesign.CustomDashboardDesign, {
+          modal,
+          controller: c
+        });
+      }, {}, {
+        attrs: {
+          position: "bottom",
+          closeable: false
+        }
+      });
     };
     return {
       c,
       ns,
-      calcLayoutHeightWidth
+      initialized,
+      isShowFloatingButton,
+      handleFloatingButtonClick
     };
   },
   render() {
+    var _a;
     const {
       state,
       model
     } = this.c;
+    let content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "class": [this.ns.b("row")],
+      "layout": model.layout
+    }, {
+      default: () => {
+        var _a2;
+        return [(_a2 = model.controls) == null ? void 0 : _a2.map((child) => {
+          let _slot;
+          return vue.createVNode(vue.resolveComponent("iBizCol"), {
+            "layoutPos": child.layoutPos,
+            "state": this.c.portlets[child.id].state
+          }, _isSlot(_slot = renderPortletByType(child, this.c)) ? _slot : {
+            default: () => [_slot]
+          });
+        })];
+      }
+    });
+    if (model.showDashboardNavBar) {
+      const anchorList = this.c.enableAnchorCtrls.filter((ctrl) => {
+        const controller = this.c.portlets[ctrl.id];
+        return controller.state.visible;
+      });
+      const list = anchorList.map((ctrl) => ctrl.title || ctrl.id);
+      const _content = /* @__PURE__ */ function() {
+        return content;
+      }();
+      content = vue.createVNode(vue.resolveComponent("van-index-bar"), {
+        "index-list": list,
+        "sticky": false,
+        "class": [this.ns.e("nav-bar"), this.ns.em("nav-bar", ((_a = model.navBarPos) == null ? void 0 : _a.toLowerCase()) || "middleright")]
+      }, _isSlot(content) ? content : {
+        default: () => [_content]
+      });
+    }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
       "class": [this.ns.b()]
     }, {
-      default: () => [state.isCreated && vue.createVNode(vue.resolveComponent("iBizRow"), {
-        "class": [this.ns.b("row")],
-        "layout": model.layout
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = model.controls) == null ? void 0 : _a.map((child) => {
-            let _slot;
-            return vue.createVNode(vue.resolveComponent("iBizCol"), {
-              "layoutPos": child.layoutPos,
-              "state": this.calcLayoutHeightWidth(this.c.portlets[child.id])
-            }, _isSlot(_slot = renderPortletByType(child, this.c)) ? _slot : {
-              default: () => [_slot]
-            });
-          })];
-        }
-      })]
+      default: () => [state.isCreated && this.initialized && content, state.isCreated && this.initialized && this.isShowFloatingButton && vue.createVNode(vue.resolveComponent("iBizFloatButton"), {
+        "onClick": this.handleFloatingButtonClick
+      }, null)]
     });
   }
 });

package/lib/control/dashboard/dashboard.css

@@ -1 +1 @@
-.ibiz-control-dashboard{--ibiz-control-dashboard-dashboard-margin:var(--ibiz-spacing-tight);--ibiz-control-dashboard-portlet-header-height:2.5rem;height:100%;margin:var(--ibiz-control-dashboard-dashboard-margin);overflow:var(--ibiz-control-overflow)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}.ibiz-control-dashboard.ibiz-control{width:auto}
+.ibiz-control-dashboard{--ibiz-control-dashboard-portlet-header-height:3.125rem;--ibiz-control-dashboard-sidebar-topleft-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-dashboard-sidebar-topleft-left:0rem;--ibiz-control-dashboard-sidebar-topright-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-dashboard-sidebar-topright-right:0rem;--ibiz-control-dashboard-sidebar-bottomleft-bottom:0rem;--ibiz-control-dashboard-sidebar-bottomleft-left:0rem;--ibiz-control-dashboard-sidebar-bottomright-bottom:0rem;--ibiz-control-dashboard-sidebar-bottomright-right:0rem;--ibiz-control-dashboard-sidebar-middleleft-top:50%;--ibiz-control-dashboard-sidebar-middleleft-left:0rem;--ibiz-control-dashboard-sidebar-middleright-top:50%;--ibiz-control-dashboard-sidebar-middleright-right:0rem;height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-dashboard__nav-bar--topleft .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-topleft-top);right:auto;left:var(--ibiz-control-dashboard-sidebar-topleft-left);transform:none}.ibiz-control-dashboard__nav-bar--topright .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-topright-top);right:var(--ibiz-control-dashboard-sidebar-topright-right);transform:none}.ibiz-control-dashboard__nav-bar--bottomleft .van-index-bar__sidebar{inset:auto auto var(--ibiz-control-dashboard-sidebar-bottomleft-bottom) var(--ibiz-control-dashboard-sidebar-bottomleft-left);transform:none}.ibiz-control-dashboard__nav-bar--bottomright .van-index-bar__sidebar{top:auto;right:var(--ibiz-control-dashboard-sidebar-bottomright-right);bottom:var(--ibiz-control-dashboard-sidebar-bottomright-bottom);transform:none}.ibiz-control-dashboard__nav-bar--middleleft .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-middleleft-top);right:auto;left:var(--ibiz-control-dashboard-sidebar-middleleft-left)}.ibiz-control-dashboard__nav-bar--middleright .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-middleright-top);right:var(--ibiz-control-dashboard-sidebar-middleright-right)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}.ibiz-control-dashboard.ibiz-control{width:auto}

package/lib/control/dashboard/index.cjs

@@ -12,13 +12,20 @@ var index = require('./portlet/container-portlet/index.cjs');
 var index$1 = require('./portlet/menu-portlet/index.cjs');
 var index$3 = require('./portlet/list-portlet/index.cjs');
 var index$2 = require('./portlet/view-portlet/index.cjs');
-var portletPart_state = require('./portlet/portlet-part/portlet-part.state.cjs');
+var index$4 = require('./portlet/rawitem-portlet/index.cjs');
+var index$5 = require('./portlet/chart-portlet/index.cjs');
+var index$6 = require('./portlet/html-portlet/index.cjs');
+var index$7 = require('./portlet/actionbar-portlet/index.cjs');
 var containerPortlet_provider = require('./portlet/container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./portlet/container-portlet/container-portlet.cjs');
 var menuPortlet_provider = require('./portlet/menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./portlet/menu-portlet/menu-portlet.cjs');
 var viewPortlet = require('./portlet/view-portlet/view-portlet.cjs');
 var listPortlet = require('./portlet/list-portlet/list-portlet.cjs');
+var rawitemPortlet = require('./portlet/rawitem-portlet/rawitem-portlet.cjs');
+var chartPortlet = require('./portlet/chart-portlet/chart-portlet.cjs');
+var htmlPortlet = require('./portlet/html-portlet/html-portlet.cjs');
+var actionbarPortlet = require('./portlet/actionbar-portlet/actionbar-portlet.cjs');
 
 "use strict";
 const IBizDashboardControl = vue3Util.withInstall(
@@ -34,6 +41,10 @@ const IBizDashboardControl = vue3Util.withInstall(
     v.use(index$1.IBizMenuPortlet);
     v.use(index$3.IBizListPortlet);
     v.use(index$2.IBizViewPortlet);
+    v.use(index$4.IBizRawItemPortlet);
+    v.use(index$5.IBizChartPortlet);
+    v.use(index$6.IBizHtmlPortlet);
+    v.use(index$7.IBizActionBarPortlet);
   }
 );
 
@@ -43,12 +54,19 @@ exports.IBizContainerPortlet = index.IBizContainerPortlet;
 exports.IBizMenuPortlet = index$1.IBizMenuPortlet;
 exports.IBizListPortlet = index$3.IBizListPortlet;
 exports.IBizViewPortlet = index$2.IBizViewPortlet;
-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;
 exports.IBizDashboardControl = IBizDashboardControl;
 exports.default = IBizDashboardControl;

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;