@ibiz-template/mob-vue3-components 0.0.1 → 0.0.3

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -90,14 +90,18 @@ class PanelButtonController extends PanelItemController {
    */
   async onActionClick(event) {
     const { uiactionId } = this.model;
-    await UIActionUtil.execAndResolved(uiactionId, {
-      context: this.panel.context,
-      params: this.panel.params,
-      data: [this.data],
-      view: this.panel.view,
-      event,
-      noWaitRoute: true
-    });
+    await UIActionUtil.execAndResolved(
+      uiactionId,
+      {
+        context: this.panel.context,
+        params: this.panel.params,
+        data: [this.data],
+        view: this.panel.view,
+        event,
+        noWaitRoute: true
+      },
+      this.model.appId
+    );
   }
   calcItemVisible(data) {
     if (this.state.uiActionState.visible === false) {

package/es/util/confirm-util/confirm-util.d.ts

@@ -0,0 +1,17 @@
+import { IConfirmUtil, ConfirmParams } from '@ibiz-template/runtime';
+/**
+ * 确认操作框
+ *
+ * @author zk
+ * @date 2023-12-05 10:12:05
+ * @export
+ * @class ConfirmUtil
+ * @implements {IConfirmUtil}
+ */
+export declare class ConfirmUtil implements IConfirmUtil {
+    private ns;
+    info(params: ConfirmParams): Promise<boolean>;
+    success(params: ConfirmParams): Promise<boolean>;
+    warning(params: ConfirmParams): Promise<boolean>;
+    error(params: ConfirmParams): Promise<boolean>;
+}

package/es/util/confirm-util/confirm-util.mjs

@@ -0,0 +1,77 @@
+import { Namespace } from '@ibiz-template/core';
+import { showConfirmDialog } from 'vant';
+
+"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 ConfirmUtil {
+  constructor() {
+    __publicField(this, "ns", new Namespace("confirm"));
+  }
+  async info(params) {
+    const { title, desc, options } = params;
+    return new Promise((resolve) => {
+      showConfirmDialog({
+        title,
+        message: desc,
+        className: `${this.ns.b()} ${this.ns.e("info")}`,
+        ...options
+      }).then(() => {
+        resolve(true);
+      }).catch(() => {
+        resolve(false);
+      });
+    });
+  }
+  async success(params) {
+    const { title, desc, options } = params;
+    return new Promise((resolve) => {
+      showConfirmDialog({
+        title,
+        message: desc,
+        className: `${this.ns.b()} ${this.ns.e("success")}`,
+        ...options
+      }).then(() => {
+        resolve(true);
+      }).catch(() => {
+        resolve(false);
+      });
+    });
+  }
+  async warning(params) {
+    const { title, desc, options } = params;
+    return new Promise((resolve) => {
+      showConfirmDialog({
+        title,
+        message: desc,
+        className: `${this.ns.b()} ${this.ns.e("warning")}`,
+        ...options
+      }).then(() => {
+        resolve(true);
+      }).catch(() => {
+        resolve(false);
+      });
+    });
+  }
+  async error(params) {
+    const { title, desc, options } = params;
+    return new Promise((resolve) => {
+      showConfirmDialog({
+        title,
+        message: desc,
+        className: `${this.ns.b()} ${this.ns.e("error")}`,
+        ...options
+      }).then(() => {
+        resolve(true);
+      }).catch(() => {
+        resolve(false);
+      });
+    });
+  }
+}
+
+export { ConfirmUtil };

package/es/util/index.d.ts

@@ -5,4 +5,5 @@ export { NotificationUtil } from './notification-util/notification-util';
 export { OpenViewUtil } from './open-view-util/open-view-util';
 export { OverlayController } from './overlay-controller/overlay-controller';
 export { loadingDirective } from './directive/loading';
+export { ConfirmUtil } from './confirm-util/confirm-util';
 export * from './store';

package/es/util/index.mjs

@@ -5,6 +5,7 @@ export { NotificationUtil } from './notification-util/notification-util.mjs';
 export { OpenViewUtil } from './open-view-util/open-view-util.mjs';
 export { OverlayController } from './overlay-controller/overlay-controller.mjs';
 export { loadingDirective } from './directive/loading.mjs';
+export { ConfirmUtil } from './confirm-util/confirm-util.mjs';
 import './store/index.mjs';
 export { calcUniqueKey, useViewStack } from './store/view-stack/view-stack.mjs';
 

package/es/view-engine/mob-mpickup-view-engine.mjs

@@ -50,6 +50,8 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
     this.view.slotProps.pickupviewpanel.selectedData = this.selectedData;
     this.view.slotProps.simplelist.singleSelect = false;
     this.view.slotProps.simplelist.mdctrlActiveMode = 2;
+    this.view.slotProps.simplelist.mode = "SELECT";
+    this.view.slotProps.simplelist.loadDefault = false;
   }
   /**
    * 视图mounted生命周期执行逻辑

package/lib/control/dashboard/index.cjs

@@ -10,11 +10,13 @@ require('./portlet/index.cjs');
 var portletLayout = require('./portlet/portlet-layout/portlet-layout.cjs');
 var index = require('./portlet/container-portlet/index.cjs');
 var index$1 = require('./portlet/menu-portlet/index.cjs');
+var index$2 = require('./portlet/view-portlet/index.cjs');
 var portletPart_state = require('./portlet/portlet-part/portlet-part.state.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');
 
 "use strict";
 const IBizDashboardControl = vue3Util.withInstall(
@@ -28,6 +30,7 @@ const IBizDashboardControl = vue3Util.withInstall(
     v.component(portletLayout.PortletLayout.name, portletLayout.PortletLayout);
     v.use(index.IBizContainerPortlet);
     v.use(index$1.IBizMenuPortlet);
+    v.use(index$2.IBizViewPortlet);
   }
 );
 
@@ -35,10 +38,12 @@ exports.DashboardProvider = dashboard_provider.DashboardProvider;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.IBizContainerPortlet = index.IBizContainerPortlet;
 exports.IBizMenuPortlet = index$1.IBizMenuPortlet;
+exports.IBizViewPortlet = index$2.IBizViewPortlet;
 exports.PortletPartState = portletPart_state.PortletPartState;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
 exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
+exports.ViewPortlet = viewPortlet.ViewPortlet;
 exports.IBizDashboardControl = IBizDashboardControl;
 exports.default = IBizDashboardControl;

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

@@ -14,11 +14,7 @@ class ContainerPortletProvider {
     __publicField(this, "component", "IBizContainerPortlet");
   }
   async createController(portletModel, dashboard, parent) {
-    const c = new runtime.ContainerPortletController(
-      portletModel,
-      dashboard,
-      parent
-    );
+    const c = new runtime.ContainerPortletController(portletModel, dashboard, parent);
     await c.init();
     return c;
   }

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

@@ -4,19 +4,23 @@ require('./portlet-part/index.cjs');
 var index = require('./container-portlet/index.cjs');
 var portletLayout = require('./portlet-layout/portlet-layout.cjs');
 var index$1 = require('./menu-portlet/index.cjs');
+var index$2 = require('./view-portlet/index.cjs');
 var portletPart_state = require('./portlet-part/portlet-part.state.cjs');
 var containerPortlet_provider = require('./container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./container-portlet/container-portlet.cjs');
 var menuPortlet_provider = require('./menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./menu-portlet/menu-portlet.cjs');
+var viewPortlet = require('./view-portlet/view-portlet.cjs');
 
 "use strict";
 
 exports.IBizContainerPortlet = index.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.IBizMenuPortlet = index$1.IBizMenuPortlet;
+exports.IBizViewPortlet = index$2.IBizViewPortlet;
 exports.PortletPartState = portletPart_state.PortletPartState;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
 exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
+exports.ViewPortlet = viewPortlet.ViewPortlet;

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

@@ -14,11 +14,7 @@ class MenuPortletProvider {
     __publicField(this, "component", "IBizMenuPortlet");
   }
   async createController(portletModel, dashboard, parent) {
-    const c = new runtime.MenuPortletController(
-      portletModel,
-      dashboard,
-      parent
-    );
+    const c = new runtime.MenuPortletController(portletModel, dashboard, parent);
     await c.init();
     return c;
   }

package/lib/control/dashboard/portlet/view-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 viewPortlet = require('./view-portlet.cjs');
+var viewPortlet_provider = require('./view-portlet.provider.cjs');
+
+"use strict";
+const IBizViewPortlet = vue3Util.withInstall(viewPortlet.ViewPortlet, function(v) {
+  v.component(viewPortlet.ViewPortlet.name, viewPortlet.ViewPortlet);
+  runtime.registerPortletProvider("VIEW", () => new viewPortlet_provider.ViewPortletProvider());
+});
+
+exports.ViewPortlet = viewPortlet.ViewPortlet;
+exports.IBizViewPortlet = IBizViewPortlet;
+exports.default = IBizViewPortlet;

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

@@ -0,0 +1,52 @@
+'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 ViewPortlet = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewPortlet",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.ViewPortletController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const view = props.modelData.portletAppView;
+    return {
+      ns,
+      view
+    };
+  },
+  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("IBizViewShell"), {
+      context,
+      params,
+      modelData: this.view
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.ViewPortlet = ViewPortlet;

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

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

@@ -48,7 +48,7 @@ const FormDRUIPart = /* @__PURE__ */ vue.defineComponent({
       return null;
     }
     let header = null;
-    if (this.modelData.showCaption) {
+    if (this.modelData.showCaption && this.captionText) {
       header = vue.createVNode("div", {
         "class": [this.ns.b("header")]
       }, [vue.createVNode("div", {

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.00625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.00625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}

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

@@ -57,6 +57,8 @@ const FormMDCtrlMD = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode("div", {
       "class": this.ns.b()
+    }, [this.showActions && vue.createVNode("div", {
+      "class": this.ns.b("actions")
     }, [this.controller.enableCreate && vue.createVNode(vue.resolveComponent("van-button"), {
       "class": [this.ns.be("actions", "create"), this.ns.be("actions", "btn")],
       "size": "small",
@@ -64,9 +66,7 @@ const FormMDCtrlMD = /* @__PURE__ */ vue.defineComponent({
       "onClick": () => this.controller.create()
     }, {
       default: () => [vue.createTextVNode("\u6DFB\u52A0")]
-    }), controlComponent, this.showActions && vue.createVNode("div", {
-      "class": this.ns.b("actions")
-    }, [this.controller.enableDelete && vue.createVNode(vue.resolveComponent("van-button"), {
+    }), this.controller.enableDelete && vue.createVNode(vue.resolveComponent("van-button"), {
       "type": "danger",
       "size": "small",
       "disabled": !this.isSelected,
@@ -74,7 +74,7 @@ const FormMDCtrlMD = /* @__PURE__ */ vue.defineComponent({
       "onClick": () => this.controller.remove()
     }, {
       default: () => [vue.createTextVNode("\u5220\u9664")]
-    })])]);
+    })]), controlComponent]);
   }
 });
 

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.css

@@ -1 +1 @@
-.ibiz-form-mdctrl-md-content{flex-grow:1}.ibiz-form-mdctrl-md-actions{flex-shrink:0;text-align:center}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2);margin:0 var(--ibiz-spacing-base)}
+.ibiz-form-mdctrl-md{display:flex;flex-direction:column;height:100%}.ibiz-form-mdctrl-md-content{flex-grow:1;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions{display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-tight) 0;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2)}

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

@@ -1 +1 @@
-.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl-header{padding:var(--ibiz-form-mdctrl-header-padding);line-height:var(--ibiz-form-mdctrl-header-height)}
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-bold);height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl-header{padding:var(--ibiz-form-mdctrl-header-padding);line-height:var(--ibiz-form-mdctrl-header-height)}

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

@@ -22,7 +22,7 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: {
-    addClick: (index) => true,
+    addClick: (_index) => true,
     removeClick: (_data, _index) => true
   },
   setup(props, {

package/lib/control/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./md-ctrl/index.cjs');
+var index = require('./list/md-ctrl/index.cjs');
 var index$1 = require('./app-menu/index.cjs');
 require('./form/index.cjs');
 var index$e = require('./pickup-view-panel/index.cjs');
-var index$f = require('./list/index.cjs');
+var index$f = require('./list/list/index.cjs');
 var index$g = require('./tab-exp-panel/index.cjs');
 var index$h = require('./toolbar/index.cjs');
 var index$i = require('./caption-bar/index.cjs');
@@ -13,10 +13,10 @@ var index$k = require('./drtab/index.cjs');
 var index$l = require('./tree/index.cjs');
 var index$m = require('./data-view/index.cjs');
 var index$n = require('./dashboard/index.cjs');
-var index$q = require('./chart/index.cjs');
-var index$r = require('./calendar/index.cjs');
-var index$s = require('./wizard-panel/index.cjs');
-var mdCtrl_provider = require('./md-ctrl/md-ctrl.provider.cjs');
+var index$r = require('./chart/index.cjs');
+var index$s = require('./calendar/index.cjs');
+var index$t = require('./wizard-panel/index.cjs');
+var mdCtrl_provider = require('./list/md-ctrl/md-ctrl.provider.cjs');
 var appMenu_provider = require('./app-menu/app-menu.provider.cjs');
 var searchForm_provider = require('./form/search-form/search-form.provider.cjs');
 var index$2 = require('./form/search-form/index.cjs');
@@ -43,7 +43,7 @@ var index$c = require('./form/edit-form/index.cjs');
 var index$d = require('./form/form/index.cjs');
 var pickupViewPanel_provider = require('./pickup-view-panel/pickup-view-panel.provider.cjs');
 var pickupViewPanel_controller = require('./pickup-view-panel/pickup-view-panel.controller.cjs');
-var list_provider = require('./list/list.provider.cjs');
+var list_provider = require('./list/list/list.provider.cjs');
 var tabExpPanel_provider = require('./tab-exp-panel/tab-exp-panel.provider.cjs');
 var captionBar_provider = require('./caption-bar/caption-bar.provider.cjs');
 var searchBar_provider = require('./search-bar/search-bar.provider.cjs');
@@ -60,6 +60,8 @@ var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.c
 var menuPortlet_provider = require('./dashboard/portlet/menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
 var index$p = require('./dashboard/portlet/menu-portlet/index.cjs');
+var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
+var index$q = require('./dashboard/portlet/view-portlet/index.cjs');
 var calendar_provider = require('./calendar/calendar.provider.cjs');
 
 "use strict";
@@ -76,9 +78,9 @@ exports.IBizDRTabControl = index$k.IBizDRTabControl;
 exports.IBizTreeControl = index$l.IBizTreeControl;
 exports.IBizDataViewControl = index$m.IBizDataViewControl;
 exports.IBizDashboardControl = index$n.IBizDashboardControl;
-exports.IBizChartControl = index$q.IBizChartControl;
-exports.IBizCalendarControl = index$r.IBizCalendarControl;
-exports.IBizWizardPanelControl = index$s.IBizWizardPanelControl;
+exports.IBizChartControl = index$r.IBizChartControl;
+exports.IBizCalendarControl = index$s.IBizCalendarControl;
+exports.IBizWizardPanelControl = index$t.IBizWizardPanelControl;
 exports.MDCtrlProvider = mdCtrl_provider.MDCtrlProvider;
 exports.AppMenuProvider = appMenu_provider.AppMenuProvider;
 exports.SearchFormProvider = searchForm_provider.SearchFormProvider;
@@ -123,4 +125,6 @@ exports.PortletLayout = portletLayout.PortletLayout;
 exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
 exports.IBizMenuPortlet = index$p.IBizMenuPortlet;
+exports.ViewPortlet = viewPortlet.ViewPortlet;
+exports.IBizViewPortlet = index$q.IBizViewPortlet;
 exports.CalendarProvider = calendar_provider.CalendarProvider;

package/lib/control/list/{list.cjs → list/list.cjs}

@@ -4,8 +4,12 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./list.css');
 var runtime = require('@ibiz-template/runtime');
+var listRenderUtil = require('../list-render-util.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const ListControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizListControl",
   props: {
@@ -53,21 +57,29 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
     columnsCount: {
       type: Number,
       default: 5
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    },
+    mode: {
+      type: String,
+      default: "LIST"
     }
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.ListController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns2 = vue3Util.useNamespace(`control-mobmdctrl`);
+    const {
+      renderItem,
+      renderNoData,
+      renderLoadMore
+    } = listRenderUtil.useListRender(props, c, ns2);
     const showPicker = vue.ref(false);
     const openReviewList = () => {
       showPicker.value = true;
     };
-    const renderNoData = () => {
-      return vue.createVNode(vue.resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderDefaultItem = (item) => {
       const findIndex = c.state.selectedData.findIndex((data) => {
         return data.srfkey === item.srfkey;
@@ -143,12 +155,6 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         return renderReViewDefaultItem(item);
       });
     };
-    const renderLoadMore = () => {
-      return c.state.total > c.state.items.length ? vue.createVNode("div", {
-        "onClick": () => c.loadMore(),
-        "class": ns.e("load-more")
-      }, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A")]) : null;
-    };
     const renderReviewList = () => {
       return vue.createVNode(vue.resolveComponent("van-popup"), {
         "round": true,
@@ -166,20 +172,33 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         }, [renderReViewListContent()])])]
       });
     };
+    const renderDefaultList = () => {
+      let _slot;
+      return vue.createVNode(vue.resolveComponent("van-list"), {
+        "finished": c.state.total <= c.state.items.length
+      }, _isSlot(_slot = c.state.items.map((item) => {
+        return renderItem(item);
+      })) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderSelectList = () => {
+      return [renderListContent(), renderReviewList(), renderLoadMore()];
+    };
     return {
       c,
       ns,
-      renderListContent,
-      renderLoadMore,
-      renderReviewList
+      ns2,
+      renderSelectList,
+      renderDefaultList
     };
   },
   render() {
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": this.ns.b(this.c.model.name)
+      "class": (this.ns.b(this.c.model.name), this.ns2.b())
     }, {
-      default: () => [this.c.state.isCreated && [this.renderListContent(), this.renderReviewList(), this.renderLoadMore()]]
+      default: () => [this.c.state.isCreated && this.mode === "LIST" ? this.renderDefaultList() : this.renderSelectList()]
     });
   }
 });

package/lib/control/list/list/list.css

@@ -0,0 +1 @@
+.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{height:100%;overflow:scroll}.ibiz-control-list__load-more{text-align:center;cursor:pointer}.ibiz-control-list__tag{display:flex;justify-content:space-between;width:100%;height:100%}.ibiz-control-list__item-icon{color:var(--ibiz-color-danger)}.ibiz-control-list__item-text{padding-right:var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-list-simplelist{display:flex;flex-wrap:wrap}.ibiz-control-list-simplelist .van-tag__close{position:absolute;right:.3125rem;margin-left:.125rem}.ibiz-control-list-simplelist .ibiz-control-list-item{min-width:0;padding:.3125rem}.ibiz-control-list-item__delete{display:inline-block;margin-left:.3125rem}.ibiz-control-list-simplelist .ibiz-control-list-item:hover{background-color:transparent}.ibiz-control-list-simplelist .ibiz-control-list-item.is-active{background-color:transparent}.ibiz-control-list-popup-header{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list-popup{height:50vh}.ibiz-control-list-item-expand{flex-grow:1;min-width:0;min-height:0;color:var(--ibiz-color-primary);text-align:center}.ibiz-control-list-popup-container{display:flex;flex-flow:column nowrap;height:100%}.ibiz-control-list-popup-content{flex-grow:1;min-width:0;min-height:0;overflow-y:scroll}