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

package/es/control/dashboard/index.mjs

@@ -6,11 +6,13 @@ import './portlet/index.mjs';
 import { PortletLayout } from './portlet/portlet-layout/portlet-layout.mjs';
 import { IBizContainerPortlet } from './portlet/container-portlet/index.mjs';
 import { IBizMenuPortlet } from './portlet/menu-portlet/index.mjs';
+import { IBizViewPortlet } from './portlet/view-portlet/index.mjs';
 export { PortletPartState } from './portlet/portlet-part/portlet-part.state.mjs';
 export { ContainerPortletProvider } from './portlet/container-portlet/container-portlet.provider.mjs';
 export { ContainerPortlet } from './portlet/container-portlet/container-portlet.mjs';
 export { MenuPortletProvider } from './portlet/menu-portlet/menu-portlet.provider.mjs';
 export { MenuPortlet } from './portlet/menu-portlet/menu-portlet.mjs';
+export { ViewPortlet } from './portlet/view-portlet/view-portlet.mjs';
 
 "use strict";
 const IBizDashboardControl = withInstall(
@@ -24,7 +26,8 @@ const IBizDashboardControl = withInstall(
     v.component(PortletLayout.name, PortletLayout);
     v.use(IBizContainerPortlet);
     v.use(IBizMenuPortlet);
+    v.use(IBizViewPortlet);
   }
 );
 
-export { DashboardProvider, IBizContainerPortlet, IBizDashboardControl, IBizMenuPortlet, PortletLayout, IBizDashboardControl as default };
+export { DashboardProvider, IBizContainerPortlet, IBizDashboardControl, IBizMenuPortlet, IBizViewPortlet, PortletLayout, IBizDashboardControl as default };

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

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

package/es/control/dashboard/portlet/index.d.ts

@@ -2,3 +2,4 @@ export * from './portlet-part';
 export * from './container-portlet';
 export * from './portlet-layout/portlet-layout';
 export * from './menu-portlet';
+export * from './view-portlet';

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

@@ -2,10 +2,12 @@ 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 { PortletPartState } from './portlet-part/portlet-part.state.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';
 
 "use strict";

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

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

package/es/control/dashboard/portlet/view-portlet/index.d.ts

@@ -0,0 +1,24 @@
+export * from './view-portlet';
+export declare const IBizViewPortlet: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDBAppViewPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").ViewPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    view: import("@ibiz/model-core").IAppView | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDBAppViewPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").ViewPortletController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizViewPortlet;

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

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

package/es/control/dashboard/portlet/view-portlet/view-portlet.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { IDBAppViewPortletPart } from '@ibiz/model-core';
+import { ViewPortletController } from '@ibiz-template/runtime';
+export declare const ViewPortlet: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDBAppViewPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ViewPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    view: import("@ibiz/model-core").IAppView | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDBAppViewPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ViewPortletController;
+        required: true;
+    };
+}>>, {}, {}>;

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

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

package/es/control/dashboard/portlet/view-portlet/view-portlet.provider.d.ts

@@ -0,0 +1,15 @@
+import { IDashboardController, IPortletContainerController, IPortletProvider, ViewPortletController } from '@ibiz-template/runtime';
+import { IDBPortletPart } from '@ibiz/model-core';
+/**
+ * 数据看板视图适配器
+ *
+ * @author zk
+ * @date 2023-07-12 08:07:58
+ * @export
+ * @class ViewPortletProvider
+ * @implements {IPortletProvider}
+ */
+export declare class ViewPortletProvider implements IPortletProvider {
+    component: string;
+    createController(portletModel: IDBPortletPart, dashboard: IDashboardController, parent?: IPortletContainerController): Promise<ViewPortletController>;
+}

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

@@ -0,0 +1,21 @@
+import { ViewPortletController } 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 ViewPortletProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewPortlet");
+  }
+  async createController(portletModel, dashboard, parent) {
+    const c = new ViewPortletController(portletModel, dashboard, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ViewPortletProvider };

package/es/control/form/edit-form/edit-form.d.ts

@@ -62,6 +62,6 @@ export declare const EditFormControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: IParams;
-    isSimple: boolean;
     loadDefault: boolean;
+    isSimple: boolean;
 }, {}>;

package/es/control/form/edit-form/index.d.ts

@@ -59,7 +59,7 @@ export declare const IBizEditFormControl: import("@ibiz-template/vue3-util").Typ
     };
 }>>, {
     params: IParams;
-    isSimple: boolean;
     loadDefault: boolean;
+    isSimple: boolean;
 }, {}>>;
 export default IBizEditFormControl;

package/es/control/form/form-detail/form-druipart/form-druipart.mjs

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

package/es/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/es/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs

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

package/es/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/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.d.ts

@@ -20,7 +20,7 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
     renderRemoveBtn: (item: IData, index: number) => JSX.Element | null;
     renderBottomBtn: (item: IData, index: number) => (JSX.Element | null)[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    addClick: (index?: number) => true;
+    addClick: (_index?: number) => true;
     removeClick: (_data: IData, _index: number) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     enableCreate: {
@@ -37,5 +37,5 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
     };
 }>> & {
     onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
-    onAddClick?: ((index?: number | undefined) => any) | undefined;
+    onAddClick?: ((_index?: number | undefined) => any) | undefined;
 }, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

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

package/es/control/index.d.ts

@@ -1,8 +1,8 @@
-export * from './md-ctrl';
+export * from './list/md-ctrl';
 export * from './app-menu';
 export * from './form';
 export * from './pickup-view-panel';
-export * from './list';
+export * from './list/list';
 export * from './tab-exp-panel';
 export * from './toolbar';
 export * from './caption-bar';

package/es/control/index.mjs

@@ -1,8 +1,8 @@
-export { IBizMDCtrlControl } from './md-ctrl/index.mjs';
+export { IBizMDCtrlControl } from './list/md-ctrl/index.mjs';
 export { IBizAppMenuControl } from './app-menu/index.mjs';
 import './form/index.mjs';
 export { IBizPickupViewPanelControl } from './pickup-view-panel/index.mjs';
-export { IBizListControl } from './list/index.mjs';
+export { IBizListControl } from './list/list/index.mjs';
 export { IBizTabExpPanelControl } from './tab-exp-panel/index.mjs';
 export { IBizToolbarControl } from './toolbar/index.mjs';
 export { IBizCaptionBarControl } from './caption-bar/index.mjs';
@@ -14,7 +14,7 @@ export { IBizDashboardControl } from './dashboard/index.mjs';
 export { IBizChartControl } from './chart/index.mjs';
 export { IBizCalendarControl } from './calendar/index.mjs';
 export { IBizWizardPanelControl } from './wizard-panel/index.mjs';
-export { MDCtrlProvider } from './md-ctrl/md-ctrl.provider.mjs';
+export { MDCtrlProvider } from './list/md-ctrl/md-ctrl.provider.mjs';
 export { AppMenuProvider } from './app-menu/app-menu.provider.mjs';
 export { SearchFormProvider } from './form/search-form/search-form.provider.mjs';
 export { IBizSearchFormControl } from './form/search-form/index.mjs';
@@ -41,7 +41,7 @@ export { IBizEditFormControl } from './form/edit-form/index.mjs';
 export { IBizFormControl } from './form/form/index.mjs';
 export { PickupViewPanelProvider } from './pickup-view-panel/pickup-view-panel.provider.mjs';
 export { PickupViewPanelController } from './pickup-view-panel/pickup-view-panel.controller.mjs';
-export { ListProvider } from './list/list.provider.mjs';
+export { ListProvider } from './list/list/list.provider.mjs';
 export { TabExpPanelProvider } from './tab-exp-panel/tab-exp-panel.provider.mjs';
 export { CaptionBarProvider } from './caption-bar/caption-bar.provider.mjs';
 export { SearchBarProvider } from './search-bar/search-bar.provider.mjs';
@@ -58,6 +58,8 @@ export { PortletLayout } from './dashboard/portlet/portlet-layout/portlet-layout
 export { MenuPortletProvider } from './dashboard/portlet/menu-portlet/menu-portlet.provider.mjs';
 export { MenuPortlet } from './dashboard/portlet/menu-portlet/menu-portlet.mjs';
 export { IBizMenuPortlet } from './dashboard/portlet/menu-portlet/index.mjs';
+export { ViewPortlet } from './dashboard/portlet/view-portlet/view-portlet.mjs';
+export { IBizViewPortlet } from './dashboard/portlet/view-portlet/index.mjs';
 export { CalendarProvider } from './calendar/calendar.provider.mjs';
 
 "use strict";

package/es/control/list/{index.d.ts → list/index.d.ts}

@@ -28,12 +28,22 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
         type: NumberConstructor;
         default: number;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     c: import("@ibiz-template/runtime").ListController;
     ns: import("@ibiz-template/core").Namespace;
-    renderListContent: () => (JSX.Element | null)[];
-    renderLoadMore: () => JSX.Element | null;
-    renderReviewList: () => JSX.Element;
+    ns2: import("@ibiz-template/core").Namespace;
+    renderSelectList: () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (JSX.Element | null)[] | undefined)[];
+    renderDefaultList: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEList>;
@@ -63,10 +73,20 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
         type: NumberConstructor;
         default: number;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
+    mode: string;
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    loadDefault: boolean;
     rowsCount: number;
     columnsCount: number;
 }, {}>>;

package/es/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}

package/es/control/list/{list.d.ts → list/list.d.ts}

@@ -46,12 +46,22 @@ export declare const ListControl: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     c: ListController;
     ns: import("@ibiz-template/core").Namespace;
-    renderListContent: () => (JSX.Element | null)[];
-    renderLoadMore: () => JSX.Element | null;
-    renderReviewList: () => JSX.Element;
+    ns2: import("@ibiz-template/core").Namespace;
+    renderSelectList: () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (JSX.Element | null)[] | undefined)[];
+    renderDefaultList: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEList>;
@@ -96,10 +106,20 @@ export declare const ListControl: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
+    mode: string;
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    loadDefault: boolean;
     rowsCount: number;
     columnsCount: number;
 }, {}>;

package/es/control/list/{list.mjs → list/list.mjs}

@@ -1,9 +1,13 @@
-import { ref, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { isVNode, ref, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './list.css';
 import { ListController } from '@ibiz-template/runtime';
+import { useListRender } from '../list-render-util.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const ListControl = /* @__PURE__ */ defineComponent({
   name: "IBizListControl",
   props: {
@@ -51,21 +55,29 @@ const ListControl = /* @__PURE__ */ defineComponent({
     columnsCount: {
       type: Number,
       default: 5
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    },
+    mode: {
+      type: String,
+      default: "LIST"
     }
   },
   setup(props) {
     const c = useControlController((...args) => new ListController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns2 = useNamespace(`control-mobmdctrl`);
+    const {
+      renderItem,
+      renderNoData,
+      renderLoadMore
+    } = useListRender(props, c, ns2);
     const showPicker = ref(false);
     const openReviewList = () => {
       showPicker.value = true;
     };
-    const renderNoData = () => {
-      return createVNode(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;
@@ -141,12 +153,6 @@ const ListControl = /* @__PURE__ */ defineComponent({
         return renderReViewDefaultItem(item);
       });
     };
-    const renderLoadMore = () => {
-      return c.state.total > c.state.items.length ? createVNode("div", {
-        "onClick": () => c.loadMore(),
-        "class": ns.e("load-more")
-      }, [createTextVNode("\u52A0\u8F7D\u66F4\u591A")]) : null;
-    };
     const renderReviewList = () => {
       return createVNode(resolveComponent("van-popup"), {
         "round": true,
@@ -164,20 +170,33 @@ const ListControl = /* @__PURE__ */ defineComponent({
         }, [renderReViewListContent()])])]
       });
     };
+    const renderDefaultList = () => {
+      let _slot;
+      return createVNode(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 createVNode(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/es/control/list/list-render-util.d.ts

@@ -0,0 +1,23 @@
+import { Namespace } from '@ibiz-template/core';
+import { ListController, MDCtrlController } from '@ibiz-template/runtime';
+import { VNode } from 'vue';
+/**
+ * 列表绘制工具
+ *
+ * @author zk
+ * @date 2023-12-06 03:12:00
+ * @export
+ * @param {IData} props
+ * @param {(IMobMDCtrlController | IListController)} c
+ * @param {Namespace} ns
+ * @return {*}  {({
+ *   renderItem: (row: IData) => VNode | undefined;
+ *   render: () => VNode | null;
+ *   renderNoData: () => VNode | undefined;
+ * })}
+ */
+export declare function useListRender(props: IData, c: MDCtrlController | ListController, ns: Namespace): {
+    renderItem: (row: IData) => VNode | undefined;
+    renderNoData: () => VNode | undefined;
+    renderLoadMore: () => VNode | undefined;
+};