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

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.mjs

@@ -0,0 +1,64 @@
+import { isVNode, defineComponent, createVNode, resolveComponent, h, onMounted, onBeforeUnmount } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { ControlType, ChartPortletController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ChartPortlet = /* @__PURE__ */ defineComponent({
+  name: "IBizChartPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: ChartPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a, _b;
+    const ns = 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 === ControlType.CHART;
+    });
+    let timerTag;
+    onMounted(() => {
+      const timer = props.controller.model.timer;
+      if (timer && timer > 0) {
+        timerTag = setInterval(() => {
+          props.controller.refresh();
+        }, timer);
+      }
+    });
+    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 createVNode(resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, _isSlot(_slot = h(resolveComponent("IBizControlShell"), {
+      context,
+      params,
+      modelData: this.chart
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { ChartPortlet };

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.provider.mjs

@@ -0,0 +1,21 @@
+import { ChartPortletController } from '@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 ChartPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ChartPortletProvider };

package/es/control/dashboard/portlet/chart-portlet/index.mjs

@@ -0,0 +1,12 @@
+import { registerPortletProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ChartPortlet } from './chart-portlet.mjs';
+import { ChartPortletProvider } from './chart-portlet.provider.mjs';
+
+"use strict";
+const IBizChartPortlet = withInstall(ChartPortlet, function(v) {
+  v.component(ChartPortlet.name, ChartPortlet);
+  registerPortletProvider("CHART", () => new ChartPortletProvider());
+});
+
+export { ChartPortlet, IBizChartPortlet, IBizChartPortlet as default };

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

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

package/es/control/dashboard/portlet/html-portlet/html-portlet.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { HtmlPortletController } from '@ibiz-template/runtime';
+import './html-portlet.css';
+
+"use strict";
+const HtmlPortlet = /* @__PURE__ */ defineComponent({
+  name: "IBizHtmlPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: HtmlPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = 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 createVNode(resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, {
+      default: () => [createVNode("iframe", {
+        "src": this.modelData.pageUrl
+      }, null)]
+    });
+  }
+});
+
+export { HtmlPortlet };

package/es/control/dashboard/portlet/html-portlet/html-portlet.provider.mjs

@@ -0,0 +1,21 @@
+import { HtmlPortletController } from '@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 HtmlPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { HtmlPortletProvider };

package/es/control/dashboard/portlet/html-portlet/index.mjs

@@ -0,0 +1,12 @@
+import { registerPortletProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { HtmlPortlet } from './html-portlet.mjs';
+import { HtmlPortletProvider } from './html-portlet.provider.mjs';
+
+"use strict";
+const IBizHtmlPortlet = withInstall(HtmlPortlet, function(v) {
+  v.component(HtmlPortlet.name, HtmlPortlet);
+  registerPortletProvider("HTML", () => new HtmlPortletProvider());
+});
+
+export { HtmlPortlet, IBizHtmlPortlet, IBizHtmlPortlet as default };

package/es/control/dashboard/portlet/index.mjs

@@ -1,15 +1,21 @@
-import './portlet-part/index.mjs';
 export { IBizContainerPortlet } from './container-portlet/index.mjs';
 export { PortletLayout } from './portlet-layout/portlet-layout.mjs';
 export { IBizMenuPortlet } from './menu-portlet/index.mjs';
 export { IBizViewPortlet } from './view-portlet/index.mjs';
 export { IBizListPortlet } from './list-portlet/index.mjs';
-export { PortletPartState } from './portlet-part/portlet-part.state.mjs';
+export { IBizRawItemPortlet } from './rawitem-portlet/index.mjs';
+export { IBizChartPortlet } from './chart-portlet/index.mjs';
+export { IBizHtmlPortlet } from './html-portlet/index.mjs';
+export { IBizActionBarPortlet } from './actionbar-portlet/index.mjs';
 export { ContainerPortletProvider } from './container-portlet/container-portlet.provider.mjs';
 export { ContainerPortlet } from './container-portlet/container-portlet.mjs';
 export { MenuPortletProvider } from './menu-portlet/menu-portlet.provider.mjs';
 export { MenuPortlet } from './menu-portlet/menu-portlet.mjs';
 export { ViewPortlet } from './view-portlet/view-portlet.mjs';
 export { ListPortlet } from './list-portlet/list-portlet.mjs';
+export { RawItemPortlet } from './rawitem-portlet/rawitem-portlet.mjs';
+export { ChartPortlet } from './chart-portlet/chart-portlet.mjs';
+export { HtmlPortlet } from './html-portlet/html-portlet.mjs';
+export { ActionBarPortlet } from './actionbar-portlet/actionbar-portlet.mjs';
 
 "use strict";

package/es/control/dashboard/portlet/menu-portlet/menu-portlet.mjs

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

package/es/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/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -1,9 +1,12 @@
-import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './portlet-layout.css';
 import { ScriptFactory, PortletPartController } from '@ibiz-template/runtime';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const PortletLayout = /* @__PURE__ */ defineComponent({
   name: "IBizPortletLayout",
   props: {
@@ -16,6 +19,9 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("portlet-layout");
     const c = props.controller;
     const isShowHeader = 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) => {
@@ -91,14 +97,24 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
           "title": model.title
         }, [model.title])]))]), createVNode("div", {
           "class": this.ns.be("header", "right")
-        }, [model.uiactionGroup && (this.headerAction ? this.renderContent(this.headerAction) : createVNode(resolveComponent("iBizActionToolbar"), {
+        }, [this.controller.model.portletType === "ACTIONBAR" ? null : this.headerAction ? this.renderContent(this.headerAction) : model.uiactionGroup && createVNode(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 = createVNode(resolveComponent("van-index-anchor"), {
+        "index": model.title || model.id
+      }, _isSlot(headerRender) ? headerRender : {
+        default: () => [_headerRender]
+      });
+    }
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("no-header", !this.isShowHeader)]
     }, [headerRender, createVNode("div", {

package/es/control/dashboard/portlet/rawitem-portlet/index.mjs

@@ -0,0 +1,15 @@
+import { registerPortletProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { RawItemPortlet } from './rawitem-portlet.mjs';
+import { RawItemPortletProvider } from './rawitem-portlet.provider.mjs';
+
+"use strict";
+const IBizRawItemPortlet = withInstall(
+  RawItemPortlet,
+  function(v) {
+    v.component(RawItemPortlet.name, RawItemPortlet);
+    registerPortletProvider("RAWITEM", () => new RawItemPortletProvider());
+  }
+);
+
+export { IBizRawItemPortlet, RawItemPortlet, IBizRawItemPortlet as default };

package/es/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.mjs

@@ -0,0 +1,44 @@
+import { isVNode, defineComponent, createVNode, resolveComponent, h } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { RawItemPortletController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const RawItemPortlet = /* @__PURE__ */ defineComponent({
+  name: "IBizRawItemPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: RawItemPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = 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 createVNode(resolveComponent("iBizPortletLayout"), {
+      "controller": this.controller,
+      "class": classArr
+    }, _isSlot(_slot = h(resolveComponent("iBizRawItem"), {
+      rawItem: this.rawItem
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { RawItemPortlet };

package/es/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.provider.mjs

@@ -0,0 +1,21 @@
+import { RawItemPortletController } from '@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 RawItemPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { RawItemPortletProvider };

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-item-padding);box-shadow:0 0 12px rgba(0,0,0,.12);background-color:var(--ibiz-control-dataview-item-bg-color);color:var(--ibiz-control-dataview-item-font-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-item-hover-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-item-active-color)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-item-padding:0.625rem;--ibiz-control-dataview-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-card-margin:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-item-margin:calc(var(--ibiz-spacing-base-tight) / 2);--ibiz-control-dataview-pagination-height:var(--van-pagination-height);height:100%;--van-card-thumb-size:auto;overflow:var(--ibiz-control-overflow)}.ibiz-control-dataview__content{display:flex;flex-wrap:wrap;height:100%;width:100%;padding:var(--ibiz-control-dataview-padding)}.ibiz-control-dataview__content>*{margin:var(--ibiz-control-dataview-item-margin);flex:none}.ibiz-control-dataview .van-card:not(:first-child){margin-top:var(--ibiz-control-dataview-card-margin)}.ibiz-control-dataview__item-row{width:100%}.ibiz-control-dataview__item-col{margin:var(--ibiz-control-dataview-item-margin) 0}.ibiz-control-dataview.is-enable-page .ibiz-control-dataview__content{height:calc(100% - var(--ibiz-control-dataview-pagination-height))}.ibiz-control-dataview__load-more{display:flex;align-items:center;justify-content:center;height:var(--ibiz-control-dataview-pagination-height);cursor:pointer;color:var(--ibiz-color-link)}
+.ibiz-control-dataview{--ibiz-control-dataview-color-text:var(--ibiz-color-text-0);--ibiz-control-dataview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-item-active:var(--ibiz-color-primary-light-default);--ibiz-control-dataview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-dataview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-item-gap:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-dataview-font-group-lineHeight:var(--ibiz-height-control-default);--ibiz-control-dataview-shadow:var(--ibiz-shadow-elevated);height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview__content-container{height:100%;width:100%}.ibiz-control-dataview__content{display:flex;flex-wrap:wrap;max-height:100%;gap:var(--ibiz-control-dataview-spacing-item-gap);overflow-y:auto;padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__content .van-list__error-text,.ibiz-control-dataview__content .van-list__finished-text,.ibiz-control-dataview__content .van-list__loading{width:100%}.ibiz-control-dataview__row{gap:0;margin:calc(-1 * var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview__row .ibiz-control-dataview__item-col{padding:calc(var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview.is-enable-pagination{display:flex;flex-direction:column}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__content-container{flex:auto;height:0}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__pagination{flex:none}.ibiz-control-dataview.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview__content{padding:0}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview-group__item{padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__anchor{width:100%}.ibiz-control-dataview__anchor .van-index-anchor{padding:0}.ibiz-control-dataview-item{flex:none;padding:var(--ibiz-control-dataview-spacing-item-padding);box-shadow:var(--ibiz-control-dataview-shadow);color:var(--ibiz-control-dataview-color-text);background-color:var(--ibiz-control-dataview-color-bg);width:100%}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-color-item-active)}.ibiz-control-dataview-item>.van-card{padding:0;background-color:transparent;color:inherit}.ibiz-control-dataview-group{height:100%;width:100%}.ibiz-control-dataview-group__container{width:100%;height:100%}.ibiz-control-dataview-group__item{display:flex;flex-direction:column;gap:var(--ibiz-control-dataview-spacing-item-gap)}.ibiz-control-dataview-group__caption{padding:var(--ibiz-control-dataview-spacing-group-padding);font-size:var(--ibiz-control-dataview-font-group-fontSize);line-height:var(--ibiz-control-dataview-font-group-lineHeight);color:var(--ibiz-control-dataview-color-group-text);background-color:var(--ibiz-control-dataview-color-group-bg)}.ibiz-control-dataview-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}

package/es/control/data-view/data-view.mjs

@@ -1,8 +1,9 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { DataViewControlController } from '@ibiz-template/runtime';
 import '../../util/index.mjs';
 import './data-view.css';
+import { useListRender } from '../../util/list-util/list-render-util.mjs';
 import { usePagination } from '../../util/pagination/use-pagination.mjs';
 
 "use strict";
@@ -55,27 +56,35 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     loadDefault: {
       type: Boolean,
       default: true
+    },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+      type: Array,
+      required: false
     }
   },
   setup(props) {
     const c = useControlController((...args) => new DataViewControlController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const active = ref([]);
-    const isLodeMoreDisabled = computed(() => {
-      if (c.model.enablePagingBar === true) {
-        return true;
-      }
-      if (c.model.pagingMode !== 2) {
-        return true;
-      }
-      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
-    });
+    const {
+      enableLoadMore,
+      renderNoData,
+      renderAddItem,
+      renderScrollList,
+      renderGroup
+    } = useListRender(props, c, ns);
     const {
       onPageChange
     } = usePagination(c);
-    const showCollapseOrExpandIcon = computed(() => {
-      return !c.model.enableGroup && c.model.pagingMode === 3;
-    });
     const renderPanelItem = (item, modelData) => {
       const {
         context,
@@ -103,34 +112,23 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "class": ns.be("item-content", "bottom")
       }, [renderItemAction(item)]) : null]);
     };
-    const renderNoData = () => {
-      const {
-        isLoaded
-      } = c.state;
-      if (!isLoaded) {
-        return;
-      }
-      return isLoaded && createVNode(resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderDefaultItem = (item) => {
       return createVNode(resolveComponent("van-card"), {
         "title": item.srfmajortext,
-        "desc": item.content,
-        "onClick": () => c.onRowClick(item)
+        "desc": item.content
       }, {
         footer: () => renderFooter(item)
       });
     };
     const renderCard = (item) => {
+      var _a;
       const model = c.model;
       const findIndex = c.state.selectedData.findIndex((data) => {
         return data.srfkey === item.srfkey;
       });
       const panel = props.modelData.itemLayoutPanel;
-      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
+      const itemSysCss = ((_a = model.itemSysCss) == null ? void 0 : _a.cssName) || "";
+      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1), itemSysCss];
       const cardStyle = {};
       if (model.cardWidth) {
         Object.assign(cardStyle, {
@@ -143,10 +141,9 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         });
       }
       Object.assign(cardStyle, ns.cssVarBlock({
-        "item-bg-color": `${item.bgcolor || ""}`,
-        "item-font-color": `${item.fontcolor || ""}`,
-        "item-hover-color": `${item.hovercolor || ""}`,
-        "item-active-color": `${item.activecolor || ""}`
+        "color-bg": `${item.bgcolor || ""}`,
+        "color-text": `${item.fontcolor || ""}`,
+        "color-item-active": `${item.activecolor || ""}`
       }));
       return createVNode("div", {
         "class": cardClass,
@@ -154,15 +151,15 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "onClick": () => c.onRowClick(item)
       }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
     };
-    const renderDefault = () => {
+    const renderContent = (items) => {
       const {
         cardColMD
       } = c.model;
       if (cardColMD) {
         let _slot2;
         return createVNode(resolveComponent("van-row"), {
-          "class": [ns.e("item-row")]
-        }, _isSlot(_slot2 = c.state.items.map((item) => {
+          "class": [ns.e("row")]
+        }, _isSlot(_slot2 = items.map((item) => {
           let _slot;
           return createVNode(resolveComponent("van-col"), {
             "span": cardColMD,
@@ -174,71 +171,42 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
           default: () => [_slot2]
         });
       }
-      return c.state.items.map((item) => {
+      return [...items.map((item) => {
         return renderCard(item);
-      });
+      })];
     };
-    const renderGroup = () => {
-      let _slot4;
-      return createVNode(resolveComponent("van-collapse"), {
-        "modelValue": active.value,
-        "onUpdate:modelValue": ($event) => active.value = $event
-      }, _isSlot(_slot4 = c.state.groups.map((group, index) => {
-        let _slot3;
-        return createVNode(resolveComponent("van-collapse-item"), {
-          "title": group.caption,
-          "name": index
-        }, _isSlot(_slot3 = group.children.map((item) => {
-          return renderCard(item);
-        })) ? _slot3 : {
-          default: () => [_slot3]
-        });
-      })) ? _slot4 : {
-        default: () => [_slot4]
-      });
+    const renderDefault = () => {
+      const result = [];
+      result.push(renderContent(c.state.items));
+      if (c.enableNew) {
+        result.push(renderAddItem());
+      }
+      return result;
     };
     const renderMDContent = () => {
-      const model = c.model;
-      return createVNode(resolveComponent("van-list"), {
-        "class": [ns.b("scroll"), ns.e("content")],
-        "finished": isLodeMoreDisabled.value,
-        "immediate-check": false,
-        "onLoad": () => c.loadMore()
-      }, {
-        default: () => [model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
-      });
-    };
-    const loadMoreIcon = () => {
-      return createVNode("div", {
-        "class": ns.e("load-more"),
-        "onClick": () => c.loadMore()
-      }, [ibiz.i18n.t("control.common.loadMore")]);
-    };
-    const renderLoadMore = () => {
-      let icon = null;
-      const loadMore = c.state.items.length < c.state.total && c.state.total > c.state.size;
-      if (showCollapseOrExpandIcon.value && loadMore) {
-        icon = loadMoreIcon();
-      }
-      return icon;
+      const slots = c.enableGroup ? renderGroup({
+        children: renderContent
+      }) : renderDefault();
+      return renderScrollList(slots);
     };
     return {
       c,
       ns,
-      showCollapseOrExpandIcon,
+      enableLoadMore,
       onPageChange,
       renderNoData,
-      renderMDContent,
-      renderLoadMore
+      renderMDContent
     };
   },
   render() {
     const enablePagingBar = this.c.state.enablePagingBar && this.c.model.pagingMode === 1;
     return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-page", enablePagingBar || this.showCollapseOrExpandIcon)],
+      "class": [this.ns.is("enable-pagination", enablePagingBar), this.ns.is("enable-group", this.c.enableGroup), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)],
       "controller": this.c
     }, {
-      default: () => [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? createVNode(resolveComponent("van-pagination"), {
+      default: () => [createVNode("div", {
+        "class": this.ns.e("content-container")
+      }, [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData())]), enablePagingBar ? createVNode(resolveComponent("van-pagination"), {
         "class": this.ns.e("pagination"),
         "total-items": this.c.state.total,
         "model-value": this.c.state.curPage,
@@ -246,7 +214,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "page-count": this.c.state.totalPages,
         "force-ellipses": true,
         "onChange": this.onPageChange
-      }, null) : null, this.renderLoadMore()]
+      }, null) : null]
     });
   }
 });

package/es/control/drbar/drbar.controller.mjs

@@ -286,7 +286,6 @@ class DRBarController extends ControlController {
     }
     if (this.isCreate) {
       this.state.defaultItem = this.model.uniqueTag;
-      return;
     }
   }
   /**
@@ -498,7 +497,10 @@ class DRBarController extends ControlController {
       context,
       params,
       viewId: drBarItem.appViewId,
-      isRoutePushed
+      isRoutePushed,
+      modalOptions: {
+        replace: true
+      }
     });
   }
   /**