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

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

@@ -1 +1 @@
-.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-bg-color:transparent;--ibiz-mdctrl-container-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-mdctrl-container-header-border-color:var(--ibiz-color-border);--ibiz-mdctrl-container-caption-text-color:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-height:1.25rem;--ibiz-mdctrl-container-caption-line-height:1.25rem;--ibiz-mdctrl-container-button-text-color:var(--ibiz-color-info);--ibiz-mdctrl-container-button-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-weight:var(--ibiz-font-weight-regular);display:flex;flex-direction:column}.ibiz-mdctrl-container__btn{width:auto;padding:0;margin-left:10px;font-size:var(--ibiz-mdctrl-container-button-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:transparent;border:none}.ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container__btn:active::before{opacity:0}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-padding);background-color:var(--ibiz-mdctrl-container-header-bg-color)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;height:var(--ibiz-mdctrl-container-caption-height);font-size:var(--ibiz-mdctrl-container-caption-font-size);font-weight:var(--ibiz-mdctrl-container-caption-font-weight);line-height:var(--ibiz-mdctrl-container-caption-line-height);color:var(--ibiz-mdctrl-container-caption-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item-header__action{--van-button-small-height:1.25rem;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;height:1.25rem;line-height:1.25rem;text-align:right}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-color-bg-1)}.ibiz-mdctrl-container-item .ibiz-form-page-item{--ibiz-form-page-item-gap:0}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}.ibiz-mdctrl-container-footer{color:red}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;padding:0;margin-left:0;font-size:var(--ibiz-font-size-header-5);color:var(--ibiz-mdctrl-container-button-text-color);background-color:var(--ibiz-color-bg-1);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active::before{opacity:.1}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-spacing-extra-tight)}
+.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-color-bg:var(--ibiz-color-bg-0);--ibiz-mdctrl-container-header-color-border:var(--ibiz-color-border);--ibiz-mdctrl-container-header-spacing-padding:var(--ibiz-spacing-base);--ibiz-mdctrl-container-caption-color-text:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-fontSize:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-fontWeight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-font-lineHeight:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-button-color-text:var(--ibiz-color-primary);--ibiz-mdctrl-container-button-font-fontSize:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-fontWeight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-content-color-bg:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-footer-color-bg:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-spacing-icon-gap:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-spacing-padding);background-color:var(--ibiz-mdctrl-container-header-color-bg)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;font-size:var(--ibiz-mdctrl-container-caption-font-fontSize);font-weight:var(--ibiz-mdctrl-container-caption-font-fontWeight);line-height:var(--ibiz-mdctrl-container-caption-font-lineHeight);color:var(--ibiz-mdctrl-container-caption-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-mdctrl-container-content-color-bg)}.ibiz-mdctrl-container-item-content__remove-btn{height:100%}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;font-size:var(--ibiz-mdctrl-container-footer-font-fontSize);color:var(--ibiz-mdctrl-container-button-color-text);background-color:var(--ibiz-mdctrl-container-footer-color-bg);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-mdctrl-container-footer-spacing-icon-gap)}

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

@@ -1 +1 @@
-.ibiz-form-page-item{--ibiz-form-page-item-margin:0 0 var(--ibiz-spacing-tight) 0;border-radius:var(--ibiz-border-radius-small)}
+.ibiz-form-page-item{--ibiz-form-page-item-radius:var(--ibiz-border-radius-small);border-radius:var(--ibiz-form-page-item-radius)}

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

@@ -1 +1 @@
-.ibiz-form-page-header{--ibiz-form-page-font-size:var(--ibiz-font-size-regular);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-text-0);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-text-0);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary);--ibiz-form-page-header-margin:0;display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__wrap{margin:var(--ibiz-form-page-header-margin);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0;margin-top:var(--ibiz-spacing-tight)}
+.ibiz-form-page-header{display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0}

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

@@ -52,9 +52,10 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
       content = sysImage;
     }
     return vue.createVNode(vue.resolveComponent("iBizRawItem"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), ...this.controller.containerClass],
       "content": content,
       "type": type,
+      "rawItem": this.modelData,
       "onClick": (event) => this.controller.onClick(event)
     }, null);
   }

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

@@ -1 +1 @@
-.ibiz-form-raw-item{width:100%;height:100%}
+.ibiz-form-raw-item{--ibiz-form-raw-item-padding:var(--ibiz-spacing-base);width:100%;height:100%;padding:var(--ibiz-form-raw-item-padding)}

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{--ibiz-form-tab-panel-bg-color:var(--ibiz-color-bg-0);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}.ibiz-form-tab-panel>.van-tabs__wrap{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.van-tabs__content{padding:0 var(--ibiz-spacing-extra-tight)}
+.ibiz-form-tab-panel{--ibiz-form-tab-panel-color-bg:var(--ibiz-color-bg-1);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-color-bg)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}

package/lib/control/form/search-form/search-form.cjs

@@ -51,12 +51,39 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
         detail.state = vue.reactive(detail.state);
       });
     });
+    const renderSearch = () => {
+      let _slot;
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": ns.e("search"),
+        "type": "primary",
+        "size": "small",
+        "onClick": () => c.onSearchButtonClick()
+      }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.search")) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderReset = () => {
+      let _slot2;
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": ns.e("reset"),
+        "onClick": () => c.reset(),
+        "size": "small"
+      }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot2 : {
+        default: () => [_slot2]
+      });
+    };
+    const renderAllBtns = () => {
+      return [renderSearch(), renderReset()];
+    };
     return {
       c,
-      ns
+      ns,
+      renderSearch,
+      renderAllBtns
     };
   },
   render() {
+    var _a;
     const {
       state
     } = this.c;
@@ -64,26 +91,18 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
       return;
     }
     return vue.createVNode(vue.resolveComponent("iBizFormControl"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), this.ns.e((_a = this.c.model.searchButtonPos) == null ? void 0 : _a.toLowerCase())],
       "controller": this.c,
       "nativeOnkeyup": (e) => this.c.onKeyUp(e)
     }, {
       ...this.$slots,
       searchFooter: () => {
-        let _slot, _slot2;
+        if (this.c.model.searchButtonStyle === "NONE") {
+          return null;
+        }
         return vue.createVNode("div", {
-          "class": this.ns.b("buttons")
-        }, [vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": this.ns.be("buttons", "search"),
-          "onClick": () => this.c.onSearchButtonClick()
-        }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.search")) ? _slot : {
-          default: () => [_slot]
-        }), vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": this.ns.be("buttons", "reset"),
-          "onClick": () => this.c.reset()
-        }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot2 : {
-          default: () => [_slot2]
-        })]);
+          "class": this.ns.e("buttons")
+        }, [this.c.model.searchButtonStyle === "SEARCHONLY" ? this.renderSearch() : this.renderAllBtns()]);
       }
     });
   }

package/lib/control/form/search-form/search-form.css

@@ -1 +1 @@
-.ibiz-control-searchform-buttons{--ibiz-control-search-form-buttons-padding:1rem 1rem 1rem;--ibiz-control-search-form-buttons-btn-margin:0 0 0 0.625rem;--ibiz-control-search-form-buttons-search-btn-bg-color:var(--ibiz-color-primary);--ibiz-control-search-form-buttons-search-btn-color:var(--ibiz-color-bg-1);display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-buttons-padding)}.ibiz-control-searchform-buttons__search{height:1.875rem;color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__search:hover{color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__reset{height:1.875rem;margin:var(--ibiz-control-search-form-buttons-btn-margin)}.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-margin:1rem 0 0 1.5rem;margin:var(--ibiz-control-search-form-buttons-margin);background-color:var(--ibiz-control-search-form-buttons-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:calc(var(--ibiz-padding)/ 2)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform .ibiz-form-item-container{padding-bottom:calc(var(--ibiz-padding-right)/ 2)}
+.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-search-form-right-gap:0;--ibiz-control-search-form-color-searchform-bottom:var(--ibiz-color-border);--ibiz-control-search-form-spacing-right-buttons-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) var(--ibiz-spacing-tight) 0;--ibiz-control-search-form-btn-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-search-form-spacing-right-form-padding:var(--ibiz-spacing-base) 0;--ibiz-control-search-form-form-page-item-padding-top:calc(var(--ibiz-spacing-base) / 2);border-bottom:1px solid var(--ibiz-control-search-form-color-searchform-bottom);background-color:var(--ibiz-control-search-form-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:var(--ibiz-control-search-form-form-page-item-padding-top)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform__buttons{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-padding)}.ibiz-control-searchform__reset{margin:var(--ibiz-control-search-form-btn-margin)}.ibiz-control-searchform__right{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-control-search-form-spacing-right-form-padding);gap:var(--ibiz-control-search-form-right-gap)}.ibiz-control-searchform__right .ibiz-control-searchform__buttons{flex-shrink:0;padding:var(--ibiz-control-search-form-spacing-right-buttons-padding)}

package/lib/control/index.cjs

@@ -15,11 +15,11 @@ var index$n = require('./drtab/index.cjs');
 var index$o = require('./tree/index.cjs');
 var index$p = require('./data-view/index.cjs');
 var index$q = require('./dashboard/index.cjs');
-var index$v = require('./chart/index.cjs');
-var index$w = require('./calendar/index.cjs');
-var index$x = require('./wizard-panel/index.cjs');
-var index$y = require('./tree-exp-bar/index.cjs');
-var index$z = require('./drbar/index.cjs');
+var index$z = require('./chart/index.cjs');
+var index$A = require('./calendar/index.cjs');
+var index$B = require('./wizard-panel/index.cjs');
+var index$C = require('./tree-exp-bar/index.cjs');
+var index$D = require('./drbar/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');
@@ -63,7 +63,6 @@ var drtab_controller = require('./drtab/drtab.controller.cjs');
 var tree_provider = require('./tree/tree.provider.cjs');
 var dataView_provider = require('./data-view/data-view.provider.cjs');
 var dashboard_provider = require('./dashboard/dashboard.provider.cjs');
-var portletPart_state = require('./dashboard/portlet/portlet-part/portlet-part.state.cjs');
 var containerPortlet_provider = require('./dashboard/portlet/container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
 var index$r = require('./dashboard/portlet/container-portlet/index.cjs');
@@ -75,6 +74,14 @@ var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
 var index$t = require('./dashboard/portlet/view-portlet/index.cjs');
 var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
 var index$u = require('./dashboard/portlet/list-portlet/index.cjs');
+var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
+var index$v = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
+var index$w = require('./dashboard/portlet/chart-portlet/index.cjs');
+var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
+var index$x = require('./dashboard/portlet/html-portlet/index.cjs');
+var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
+var index$y = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var calendar_provider = require('./calendar/calendar.provider.cjs');
 
 "use strict";
@@ -93,11 +100,11 @@ exports.IBizDRTabControl = index$n.IBizDRTabControl;
 exports.IBizTreeControl = index$o.IBizTreeControl;
 exports.IBizDataViewControl = index$p.IBizDataViewControl;
 exports.IBizDashboardControl = index$q.IBizDashboardControl;
-exports.IBizChartControl = index$v.IBizChartControl;
-exports.IBizCalendarControl = index$w.IBizCalendarControl;
-exports.IBizWizardPanelControl = index$x.IBizWizardPanelControl;
-exports.IBizTreeExpBarControl = index$y.IBizTreeExpBarControl;
-exports.IBizDRBarControl = index$z.IBizDRBarControl;
+exports.IBizChartControl = index$z.IBizChartControl;
+exports.IBizCalendarControl = index$A.IBizCalendarControl;
+exports.IBizWizardPanelControl = index$B.IBizWizardPanelControl;
+exports.IBizTreeExpBarControl = index$C.IBizTreeExpBarControl;
+exports.IBizDRBarControl = index$D.IBizDRBarControl;
 exports.MDCtrlProvider = mdCtrl_provider.MDCtrlProvider;
 exports.AppMenuProvider = appMenu_provider.AppMenuProvider;
 exports.SearchFormProvider = searchForm_provider.SearchFormProvider;
@@ -141,7 +148,6 @@ exports.DRTabController = drtab_controller.DRTabController;
 exports.TreeProvider = tree_provider.TreeProvider;
 exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
 exports.DashboardProvider = dashboard_provider.DashboardProvider;
-exports.PortletPartState = portletPart_state.PortletPartState;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
 exports.IBizContainerPortlet = index$r.IBizContainerPortlet;
@@ -153,4 +159,12 @@ exports.ViewPortlet = viewPortlet.ViewPortlet;
 exports.IBizViewPortlet = index$t.IBizViewPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
 exports.IBizListPortlet = index$u.IBizListPortlet;
+exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
+exports.IBizRawItemPortlet = index$v.IBizRawItemPortlet;
+exports.ChartPortlet = chartPortlet.ChartPortlet;
+exports.IBizChartPortlet = index$w.IBizChartPortlet;
+exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
+exports.IBizHtmlPortlet = index$x.IBizHtmlPortlet;
+exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
+exports.IBizActionBarPortlet = index$y.IBizActionBarPortlet;
 exports.CalendarProvider = calendar_provider.CalendarProvider;

package/lib/control/list/list/list.cjs

@@ -3,13 +3,11 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
-var listRenderUtil = require('../list-render-util.cjs');
 require('./list.css');
+require('../../../util/index.cjs');
+var listRenderUtil = require('../../../util/list-util/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: {
@@ -92,138 +90,40 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
   },
   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 ns = vue3Util.useNamespace(`control-mobmdctrl`);
     const {
       renderItem,
       renderNoData,
-      renderLoadMore
-    } = listRenderUtil.useListRender(props, c, ns2);
-    const showPicker = vue.ref(false);
-    const openReviewList = () => {
-      showPicker.value = true;
-    };
-    const renderDefaultItem = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      const itemStyle = {
-        flexBasis: `${100 / props.columnsCount}%`
-      };
-      return vue.createVNode("div", {
-        "class": itemClass,
-        "key": item.srfkey,
-        "style": itemStyle
-      }, [vue.createVNode(vue.resolveComponent("van-tag"), {
-        "onClick": () => c.onRowClick(item),
-        "class": ns.e("tag"),
-        "onDblclick": () => c.onDbRowClick(item),
-        "closeable": true,
-        "plain": true,
-        "size": "large",
-        "type": "primary",
-        "onClose": () => c.setActive(item)
-      }, {
-        default: () => [vue.createVNode("span", {
-          "class": ns.e("item-text")
-        }, [item.srfmajortext || ""])]
-      })]);
-    };
-    const renderReViewDefaultItem = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      return vue.createVNode("div", {
-        "class": itemClass,
-        "key": item.srfkey
-      }, [vue.createVNode(vue.resolveComponent("van-cell"), {
-        "class": itemClass,
-        "is-link": true,
-        "title": item.srfmajortext || ""
-      }, {
-        "right-icon": () => {
-          return vue.createVNode(vue.resolveComponent("van-icon"), {
-            "class": ns.e("item-icon"),
-            "onClick": () => c.setActive(item),
-            "name": "delete-o"
-          }, null);
-        }
-      })]);
-    };
-    const renderExpand = () => {
-      const itemClass = [ns.b("item"), ns.b("item-expand")];
-      return vue.createVNode("div", {
-        "class": itemClass,
-        "onClick": openReviewList
-      }, [ibiz.i18n.t("control.list.expand")]);
-    };
-    const renderListContent = () => {
-      return c.state.items.map((item, index) => {
-        if (index === props.rowsCount * props.columnsCount - 1) {
-          return renderExpand();
-        }
-        if (index > props.rowsCount * props.columnsCount - 1) {
-          return null;
-        }
-        return renderDefaultItem(item);
-      });
-    };
-    const renderReViewListContent = () => {
-      if (c.state.items.length === 0) {
-        return renderNoData();
-      }
-      return c.state.items.map((item) => {
-        return renderReViewDefaultItem(item);
-      });
-    };
-    const renderReviewList = () => {
-      return vue.createVNode(vue.resolveComponent("van-popup"), {
-        "round": true,
-        "close-on-popstate": true,
-        "position": "bottom",
-        "teleport": "body",
-        "show": showPicker.value,
-        "onUpdate:show": ($event) => showPicker.value = $event,
-        "class": ns.b("popup")
-      }, {
-        default: () => [vue.createVNode("div", {
-          "class": ns.b("popup-container")
-        }, [vue.createVNode("div", {
-          "class": ns.b("popup-header")
-        }, [vue.createVNode("div", null, [ibiz.i18n.t("control.list.selectedData")])]), vue.createVNode("div", {
-          "class": ns.b("popup-content")
-        }, [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) => {
+      renderAddItem,
+      renderScrollList
+    } = listRenderUtil.useListRender(props, c, ns);
+    const renderDefault = () => {
+      const result = [];
+      result.push(...c.state.items.map((item) => {
         return renderItem(item);
-      })) ? _slot : {
-        default: () => [_slot]
-      });
+      }));
+      if (c.enableNew) {
+        result.push(renderAddItem());
+      }
+      return result;
     };
-    const renderSelectList = () => {
-      return [renderListContent(), renderReviewList(), renderLoadMore()];
+    const renderMDContent = () => {
+      const slots = renderDefault();
+      return renderScrollList(slots);
     };
     return {
       c,
       ns,
-      ns2,
-      renderSelectList,
-      renderDefaultList
+      renderMDContent,
+      renderNoData
     };
   },
   render() {
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": (this.ns.b(this.c.model.name), this.ns2.b())
+      "class": this.ns.b()
     }, {
-      default: () => [this.c.state.isCreated && this.mode === "LIST" ? this.renderDefaultList() : this.renderSelectList()]
+      default: () => [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData())]
     });
   }
 });

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

@@ -1 +0,0 @@
-.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:var(--ibiz-control-overflow)}.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/lib/control/list/md-ctrl/md-ctrl.cjs

@@ -2,19 +2,19 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var lodashEs = require('lodash-es');
 var runtime = require('@ibiz-template/runtime');
-var listRenderUtil = require('../list-render-util.cjs');
 require('../../../util/index.cjs');
 require('./md-ctrl.css');
+var listRenderUtil = require('../../../util/list-util/list-render-util.cjs');
 var usePagination = require('../../../util/pagination/use-pagination.cjs');
+var buttonUtil = require('../../../util/button-util/button-util.cjs');
 
 "use strict";
 const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMDCtrlControl",
   props: {
     /**
-     * @description 移动端多数据模型数据
+     * @description 移动端多数据部件模型数据
      */
     modelData: {
       type: Object,
@@ -65,7 +65,8 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       required: false
     },
     /**
-     * @description 模式，值为LIST：列表模式呈现加载数据，值为SELECT：呈现数据时显示勾选图标
+     * @description 选择模式，值为SELECT时，列表项显示勾选图标
+     * @default 'LIST'
      */
     mode: {
       type: String,
@@ -78,76 +79,42 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
     loadDefault: {
       type: Boolean,
       default: true
+    },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+      type: Array,
+      required: false
     }
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.MDCtrlController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     const {
+      enableLoadMore,
       renderItem,
       renderNoData,
-      renderLoadMore
+      renderAddItem,
+      renderScrollList,
+      renderGroup
     } = listRenderUtil.useListRender(props, c, ns);
-    const isUpdating = vue.ref(false);
-    const isLodeMoreDisabled = vue.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 {
       onPageChange
     } = usePagination.usePagination(c);
-    const delistItems = vue.computed(() => {
-      var _a;
-      const data = [];
-      (_a = c.model.delistItems) == null ? void 0 : _a.forEach((item) => {
-        var _a2, _b;
-        if (item.enableSort) {
-          data.push({
-            value: item.id,
-            label: ibiz.i18n.t(((_a2 = item == null ? void 0 : item.capLanguageRes) == null ? void 0 : _a2.lanResTag) || "", item.caption || ((_b = item == null ? void 0 : item.capLanguageRes) == null ? void 0 : _b.defaultContent))
-          });
-        }
-      });
-      return data;
-    });
-    const sortVal = vue.computed(() => {
-      if (c.state.sortQuery) {
-        const [key, order] = c.state.sortQuery.split(",");
-        return {
-          key,
-          order
-        };
-      }
-      return null;
-    });
-    const onSortChange = (sort) => {
-      c.setSort(sort.key, sort.order);
-      c.load({
-        isInitialLoad: true
-      });
-    };
-    const debounceLoadMore = lodashEs.debounce(async () => {
-      c.loadMore();
-    }, 500);
-    const onLoadMore = () => {
-      debounceLoadMore();
-    };
-    c.evt.on("onLoadSuccess", () => {
-      isUpdating.value = true;
-      window.requestAnimationFrame(() => {
-        isUpdating.value = false;
-      });
-    });
-    const showCollapseOrExpandIcon = vue.computed(() => {
-      return !c.model.enableGroup && c.model.pagingMode === 3;
-    });
     const leftSlidingActionGroup = c.model.deuiactionGroup;
     const rightSlidingActionGroup = c.model.deuiactionGroup2;
+    const btnType = (item) => {
+      const _type = buttonUtil.convertBtnType(item);
+      return _type === "default" ? "primary" : _type;
+    };
     const renderSlidingActionGroup = (group, data) => {
       const groupDetails = runtime.getAllUIActionItems(group.uiactionGroupDetails);
       if (!groupDetails || groupDetails.length === 0)
@@ -156,10 +123,11 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       const btnContainer = row.uaColStates[group.id];
       return groupDetails.map((detail) => {
         const btn = btnContainer == null ? void 0 : btnContainer[detail.id];
+        const _type = btnType(detail);
         if (btn == null ? void 0 : btn.visible)
           return vue.createVNode(vue.resolveComponent("van-button"), {
             "square": true,
-            "type": "primary",
+            "type": _type,
             "text": detail.caption,
             "disabled": btn.disabled || btn.loading,
             "onClick": (e) => c.onActionClick(detail, row, e)
@@ -184,57 +152,42 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       return renderItem(data);
     };
     const renderDefault = () => {
-      return c.state.items.map((item) => {
+      const result = [];
+      result.push(...c.state.items.map((item) => {
         return renderDefaultItem(item);
-      });
+      }));
+      if (c.enableNew) {
+        result.push(renderAddItem());
+      }
+      return result;
     };
-    const renderGroup = () => {
-      return c.state.groups.map((group) => {
-        return vue.createVNode("div", {
-          "title": group.caption
-        }, [vue.createVNode("div", {
-          "class": ns.b("group-caption")
-        }, [vue.createTextVNode(" "), group.caption]), group.children.map((item) => {
-          return renderDefaultItem(item.data);
-        })]);
+    const renderGroupChildren = (children) => {
+      return children.map((item) => {
+        return renderDefaultItem(item.data);
       });
     };
     const renderMDContent = () => {
-      return vue.createVNode(vue.resolveComponent("van-list"), {
-        "class": [ns.e("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
-        "loading": c.state.isLoading,
-        "finished": isLodeMoreDisabled.value || c.state.isLoading || isUpdating.value,
-        "immediate-check": false,
-        "onLoad": () => onLoadMore()
-      }, {
-        default: () => [c.model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
-      });
+      const slots = c.enableGroup ? renderGroup({
+        children: renderGroupChildren
+      }) : renderDefault();
+      return renderScrollList(slots);
     };
     return {
       c,
       ns,
+      enableLoadMore,
       renderMDContent,
       renderNoData,
-      showCollapseOrExpandIcon,
-      onPageChange,
-      renderLoadMore,
-      sortVal,
-      delistItems,
-      onSortChange
+      onPageChange
     };
   },
   render() {
-    const enablePagingBar = this.c.model.enablePagingBar && this.c.model.pagingMode === 1;
+    const enablePagingBar = this.c.model.enablePagingBar;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.is("enable-page", enablePagingBar || this.showCollapseOrExpandIcon)]
+      "class": [this.ns.is("enable-page", enablePagingBar || this.c.model.pagingMode === 3), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)]
     }, {
-      default: () => [this.delistItems.length > 0 && vue.createVNode(vue.resolveComponent("iBizMdCtrlSetting"), {
-        "class": this.ns.e("setting"),
-        "listItems": this.delistItems,
-        "sort": this.sortVal,
-        "onSortChange": this.onSortChange
-      }, null), this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
+      default: () => [this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
         "class": this.ns.e("pagination"),
         "total-items": this.c.state.total,
         "model-value": this.c.state.curPage,
@@ -242,7 +195,7 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
         "page-count": this.c.state.totalPages,
         "force-ellipses": true,
         "onChange": this.onPageChange
-      }, null) : null, this.showCollapseOrExpandIcon && this.renderLoadMore()]
+      }, null) : null]
     });
   }
 });