@ibiz-template/vue3-components 0.2.5 → 0.2.6

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,27 @@
+'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,19 @@
+'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.HtmlPortletProvider = htmlPortlet_provider.HtmlPortletProvider;
+exports.IBizHtmlPortlet = IBizHtmlPortlet;
+exports.default = IBizHtmlPortlet;

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

@@ -5,6 +5,10 @@ var portletLayout = require('./portlet-layout/portlet-layout.cjs');
 var index$1 = require('./view-portlet/index.cjs');
 var index$2 = require('./menu-portlet/index.cjs');
 var index$3 = require('./chart-portlet/index.cjs');
+var index$4 = require('./rawitem-portlet/index.cjs');
+var index$5 = require('./list-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 viewPortlet_provider = require('./view-portlet/view-portlet.provider.cjs');
@@ -13,6 +17,14 @@ var menuPortlet_provider = require('./menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./menu-portlet/menu-portlet.cjs');
 var chartPortlet_provider = require('./chart-portlet/chart-portlet.provider.cjs');
 var chartPortlet = require('./chart-portlet/chart-portlet.cjs');
+var rawitemPortlet_provider = require('./rawitem-portlet/rawitem-portlet.provider.cjs');
+var rawitemPortlet = require('./rawitem-portlet/rawitem-portlet.cjs');
+var listPortlet_provider = require('./list-portlet/list-portlet.provider.cjs');
+var listPortlet = require('./list-portlet/list-portlet.cjs');
+var htmlPortlet_provider = require('./html-portlet/html-portlet.provider.cjs');
+var htmlPortlet = require('./html-portlet/html-portlet.cjs');
+var actionbarPortlet_provider = require('./actionbar-portlet/actionbar-portlet.provider.cjs');
+var actionbarPortlet = require('./actionbar-portlet/actionbar-portlet.cjs');
 
 "use strict";
 
@@ -21,6 +33,10 @@ exports.PortletLayout = portletLayout.PortletLayout;
 exports.IBizViewPortlet = index$1.IBizViewPortlet;
 exports.IBizMenuPortlet = index$2.IBizMenuPortlet;
 exports.IBizChartPortlet = index$3.IBizChartPortlet;
+exports.IBizRawItemPortlet = index$4.IBizRawItemPortlet;
+exports.IBizListPortlet = index$5.IBizListPortlet;
+exports.IBizHtmlPortlet = index$6.IBizHtmlPortlet;
+exports.IBizActionBarPortlet = index$7.IBizActionBarPortlet;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
 exports.ViewPortletProvider = viewPortlet_provider.ViewPortletProvider;
@@ -29,3 +45,11 @@ exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
 exports.ChartPortletProvider = chartPortlet_provider.ChartPortletProvider;
 exports.ChartPortlet = chartPortlet.ChartPortlet;
+exports.RawItemPortletProvider = rawitemPortlet_provider.RawItemPortletProvider;
+exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
+exports.ListPortletProvider = listPortlet_provider.ListPortletProvider;
+exports.ListPortlet = listPortlet.ListPortlet;
+exports.HtmlPortletProvider = htmlPortlet_provider.HtmlPortletProvider;
+exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
+exports.ActionBarPortletProvider = actionbarPortlet_provider.ActionBarPortletProvider;
+exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var listPortlet = require('./list-portlet.cjs');
+var listPortlet_provider = require('./list-portlet.provider.cjs');
+
+"use strict";
+const IBizListPortlet = vue3Util.withInstall(listPortlet.ListPortlet, function(v) {
+  v.component(listPortlet.ListPortlet.name, listPortlet.ListPortlet);
+  runtime.registerPortletProvider("LIST", () => new listPortlet_provider.ListPortletProvider());
+});
+
+exports.ListPortlet = listPortlet.ListPortlet;
+exports.ListPortletProvider = listPortlet_provider.ListPortletProvider;
+exports.IBizListPortlet = IBizListPortlet;
+exports.default = IBizListPortlet;

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

@@ -0,0 +1,54 @@
+'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 ListPortlet = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizListPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.ListPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a, _b;
+    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const list = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
+      return item.controlType === runtime.ControlType.LIST;
+    });
+    return {
+      ns,
+      list
+    };
+  },
+  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("IBizListControl"), {
+      context,
+      params,
+      modelData: this.list
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.ListPortlet = ListPortlet;

package/lib/control/dashboard/portlet/list-portlet/list-portlet.provider.cjs

@@ -0,0 +1,27 @@
+'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 ListPortletProvider {
+  constructor() {
+    __publicField(this, "component", "IBizListPortlet");
+  }
+  async createController(portletModel, dashboard, parent) {
+    const c = new runtime.ListPortletController(
+      portletModel,
+      dashboard,
+      parent
+    );
+    await c.init();
+    return c;
+  }
+}
+
+exports.ListPortletProvider = ListPortletProvider;

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

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:14px 16px;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:0 0 0 var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.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-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:14px 16px;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:0 0 0 var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.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);overflow-y:scroll;background-color:var(--ibiz-portlet-layout-content-bg-color)}

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

@@ -0,0 +1,22 @@
+'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.RawItemPortletProvider = rawitemPortlet_provider.RawItemPortletProvider;
+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,27 @@
+'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;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.cjs

@@ -8,7 +8,7 @@ require('./form-mdctrl-container.css');
 
 "use strict";
 const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizFormMDCtrl",
+  name: "FormMDCtrlContainer",
   props: {
     controller: {
       type: Object,
@@ -34,6 +34,7 @@ const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
     const hasCaption = !!c.model.caption;
     return {
       ns,
+      c,
       handleRemove,
       insertButtonClick,
       hasCaption
@@ -58,7 +59,7 @@ const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
       }), [[vue.vShow, this.buttonVisible]])]), renderFormContent()]]);
     };
     return vue.createVNode("div", {
-      "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("no-caption", !this.hasCaption)]
+      "class": [this.ns.b(), this.ns.b(this.c.model.codeName), this.ns.b(this.c.model.contentType.toLowerCase()), ...this.controller.containerClass, this.ns.is("no-caption", !this.hasCaption)]
     }, [renderMainContent()]);
   }
 });

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-data-view/form-mdctrl-data-view.cjs

@@ -58,6 +58,7 @@ const FormMDCtrlDataView = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("data-view"),
       "controller": c.parent,
       "onInsertButtonClick": () => {
         c.onDataInsert();

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs

@@ -65,6 +65,7 @@ const FormMDCtrlForm = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("form"),
       "controller": c.parent,
       "onInsertButtonClick": () => {
         c.onDataInsert();

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-grid/form-mdctrl-grid.cjs

@@ -60,6 +60,7 @@ const FormMDCtrlGrid = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("grid"),
       "controller": c.parent,
       "onInsertButtonClick": () => {
         c.onDataInsert();

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-list/form-mdctrl-list.cjs

@@ -58,6 +58,7 @@ const FormMDCtrlList = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("list"),
       "controller": c.parent,
       "onInsertButtonClick": () => {
         c.onDataInsert();

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.cjs

@@ -130,7 +130,7 @@ const FormMDCtrlRepeaterFormShell = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return vue.createVNode("div", {
-      "class": this.ns.b("form-content")
+      "class": `${this.ns.b("form-content")} ${this.ns.b("repeater-form-shell")}`
     }, [vue.createVNode("div", {
       "class": this.ns.b("form-content-container")
     }, [vue.createVNode(vue.resolveComponent("iBizRow"), {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs

@@ -48,6 +48,7 @@ const FormMDCtrlRepeaterForm = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("repeater-form"),
       "controller": this.c.parent,
       "onInsertButtonClick": () => {
         this.c.onDataInsert();

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs

@@ -47,6 +47,7 @@ const FormMDCtrlRepeaterFormOne = /* @__PURE__ */ vue.defineComponent({
       }, null);
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("repeater-form-one"),
       "controller": this.c.parent,
       "buttonVisible": false
     }, _isSlot(_slot = renderContent()) ? _slot : {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.cjs

@@ -103,6 +103,7 @@ const FormMDCtrlRepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("repeater-grid"),
       "controller": this.c.parent,
       "onInsertButtonClick": () => {
         this.c.onDataInsert();

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.cjs

@@ -22,11 +22,6 @@ const FormMDCtrl = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     vue3Util.useController(props.controller);
     const c = props.controller;
-    vue.watch(() => c.form.state.isLoaded, (n, o) => {
-      if (n !== o && n === true) {
-        c.loadData();
-      }
-    });
     const renderContentRepeater = () => {
       switch (c.model.detailStyle) {
         case "STYLE2":

package/lib/control/grid/grid/grid-control.util.cjs

@@ -9,7 +9,7 @@ function useITableEvent(c) {
   let forbidChange = false;
   async function onRowClick(data, _column, _event) {
     if (ibiz.config.grid.editShowMode === "row" && c.model.enableRowEdit) {
-      const row = c.state.rows.find((item) => item.data.srfkey === data.srfkey);
+      const row = c.findRowState(data);
       if (row && row.showRowEdit !== true) {
         await c.switchRowEdit(row, true);
       }
@@ -70,7 +70,7 @@ function useITableEvent(c) {
         }
       });
     }
-    const rowState = c.state.rows.find((item) => item.data.srfkey === row.srfkey);
+    const rowState = c.findRowState(row);
     if (rowState == null ? void 0 : rowState.showRowEdit) {
       activeClassName += " editing-row";
     }

package/lib/control/grid/grid/grid.cjs

@@ -15,9 +15,6 @@ function renderColumn(c, model, renderColumns, index) {
   if (model.hideDefault) {
     return null;
   }
-  const {
-    state
-  } = c;
   const {
     codeName: columnName,
     width
@@ -44,7 +41,7 @@ function renderColumn(c, model, renderColumns, index) {
       if (row.isGroupData) {
         elRow = row.first;
       }
-      const rowState = state.rows.find((item) => item.data.srfkey === elRow.srfkey);
+      const rowState = c.findRowState(elRow);
       if (rowState) {
         const comp = vue.resolveComponent(c.providers[columnName].component);
         return vue.h(comp, {

package/lib/control/grid/grid-column/grid-field-edit-column/all-edit.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+function useAllEdit(props, _componentRef) {
+  const c = props.controller;
+  const disabled = vue.computed(() => {
+    return props.row.editColStates[c.fieldName].disabled;
+  });
+  const readonly = vue.computed(() => {
+    return props.row.editColStates[c.fieldName].readonly;
+  });
+  const editable = vue.computed(() => props.controller.grid.state.rowEditOpen);
+  const editorReadOnly = vue.computed(() => {
+    return readonly.value || !editable.value;
+  });
+  const editorDisabled = vue.computed(() => {
+    return editable.value && disabled.value;
+  });
+  const stopPropagation = vue.computed(() => {
+    return editable.value;
+  });
+  const onBlur = () => {
+    c.grid.save(props.row.data);
+  };
+  const gridEditItemProps = vue.reactive({
+    stopPropagation
+  });
+  const editorProps = vue.reactive({
+    disabled: editorDisabled,
+    readonly: editorReadOnly,
+    onBlur
+  });
+  return {
+    gridEditItemProps,
+    editorProps
+  };
+}
+
+exports.useAllEdit = useAllEdit;

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

@@ -8,6 +8,7 @@ var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var cellEdit = require('./cell-edit.cjs');
 var rowEdit = require('./row-edit.cjs');
+var allEdit = require('./all-edit.cjs');
 
 "use strict";
 const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
@@ -37,6 +38,8 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
           return cellEdit.useCellEdit(props, componentRef);
         case "row":
           return rowEdit.useRowEdit(props, componentRef);
+        case "all":
+          return allEdit.useAllEdit(props, componentRef);
         default:
           throw new core.RuntimeError(`${ibiz.config.grid.editShowMode}\u6682\u672A\u652F\u6301`);
       }

package/lib/control/index.cjs

@@ -19,11 +19,11 @@ var index$A = require('./wizard-panel/index.cjs');
 var index$B = require('./drbar/index.cjs');
 var index$C = require('./drtab/index.cjs');
 var index$D = require('./dashboard/index.cjs');
-var index$I = require('./calendar/index.cjs');
-var index$J = require('./kanban/index.cjs');
-var index$K = require('./tree-grid-ex/index.cjs');
-var index$L = require('./tree-grid/index.cjs');
-var index$M = require('./medit-view-panel/index.cjs');
+var index$M = require('./calendar/index.cjs');
+var index$N = require('./kanban/index.cjs');
+var index$O = require('./tree-grid-ex/index.cjs');
+var index$P = require('./tree-grid/index.cjs');
+var index$Q = require('./medit-view-panel/index.cjs');
 var appMenu_provider = require('./app-menu/app-menu.provider.cjs');
 var appMenuIconView_provider = require('./app-menu-icon-view/app-menu-icon-view.provider.cjs');
 var grid_provider = require('./grid/grid/grid.provider.cjs');
@@ -100,6 +100,18 @@ var index$G = require('./dashboard/portlet/menu-portlet/index.cjs');
 var chartPortlet_provider = require('./dashboard/portlet/chart-portlet/chart-portlet.provider.cjs');
 var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
 var index$H = require('./dashboard/portlet/chart-portlet/index.cjs');
+var rawitemPortlet_provider = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.provider.cjs');
+var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
+var index$I = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var listPortlet_provider = require('./dashboard/portlet/list-portlet/list-portlet.provider.cjs');
+var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
+var index$J = require('./dashboard/portlet/list-portlet/index.cjs');
+var htmlPortlet_provider = require('./dashboard/portlet/html-portlet/html-portlet.provider.cjs');
+var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
+var index$K = require('./dashboard/portlet/html-portlet/index.cjs');
+var actionbarPortlet_provider = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.provider.cjs');
+var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
+var index$L = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var calendar_provider = require('./calendar/calendar.provider.cjs');
 var kanban_provider = require('./kanban/kanban.provider.cjs');
 var treeGridEx_provider = require('./tree-grid-ex/tree-grid-ex.provider.cjs');
@@ -123,11 +135,11 @@ exports.IBizWizardPanelControl = index$A.IBizWizardPanelControl;
 exports.IBizDRBarControl = index$B.IBizDRBarControl;
 exports.IBizDRTabControl = index$C.IBizDRTabControl;
 exports.IBizDashboardControl = index$D.IBizDashboardControl;
-exports.IBizCalendarControl = index$I.IBizCalendarControl;
-exports.IBizKanbanControl = index$J.IBizKanbanControl;
-exports.IBizTreeGridExControl = index$K.IBizTreeGridExControl;
-exports.IBizTreeGridControl = index$L.IBizTreeGridControl;
-exports.IBizMEditViewPanelControl = index$M.IBizMEditViewPanelControl;
+exports.IBizCalendarControl = index$M.IBizCalendarControl;
+exports.IBizKanbanControl = index$N.IBizKanbanControl;
+exports.IBizTreeGridExControl = index$O.IBizTreeGridExControl;
+exports.IBizTreeGridControl = index$P.IBizTreeGridControl;
+exports.IBizMEditViewPanelControl = index$Q.IBizMEditViewPanelControl;
 exports.AppMenuProvider = appMenu_provider.AppMenuProvider;
 exports.AppMenuIconViewProvider = appMenuIconView_provider.AppMenuIconViewProvider;
 exports.GridProvider = grid_provider.GridProvider;
@@ -206,6 +218,18 @@ exports.IBizMenuPortlet = index$G.IBizMenuPortlet;
 exports.ChartPortletProvider = chartPortlet_provider.ChartPortletProvider;
 exports.ChartPortlet = chartPortlet.ChartPortlet;
 exports.IBizChartPortlet = index$H.IBizChartPortlet;
+exports.RawItemPortletProvider = rawitemPortlet_provider.RawItemPortletProvider;
+exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
+exports.IBizRawItemPortlet = index$I.IBizRawItemPortlet;
+exports.ListPortletProvider = listPortlet_provider.ListPortletProvider;
+exports.ListPortlet = listPortlet.ListPortlet;
+exports.IBizListPortlet = index$J.IBizListPortlet;
+exports.HtmlPortletProvider = htmlPortlet_provider.HtmlPortletProvider;
+exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
+exports.IBizHtmlPortlet = index$K.IBizHtmlPortlet;
+exports.ActionBarPortletProvider = actionbarPortlet_provider.ActionBarPortletProvider;
+exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
+exports.IBizActionBarPortlet = index$L.IBizActionBarPortlet;
 exports.CalendarProvider = calendar_provider.CalendarProvider;
 exports.KanbanProvider = kanban_provider.KanbanProvider;
 exports.TreeGridExProvider = treeGridEx_provider.TreeGridExProvider;