@ibiz-template/mob-vue3-components 0.0.1-alpha.25 → 0.0.2

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}

package/lib/control/list/list-render-util.cjs

@@ -0,0 +1,102 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+function useListRender(props, c, ns) {
+  const isSelect = (row) => {
+    const findIndex = c.state.selectedData.findIndex((data) => {
+      return data.srfkey === row.srfkey;
+    });
+    return findIndex !== -1;
+  };
+  const calcItemClass = (row) => {
+    const select = isSelect(row);
+    const itemClass = [ns.b("item"), ns.is("active", select)];
+    return itemClass;
+  };
+  const renderRightSlot = (row) => {
+    const select = isSelect(row);
+    return vue.createVNode(vue.resolveComponent("van-radio"), {
+      "class": ns.bm("item", "right"),
+      "checked": select
+    }, null);
+  };
+  const renderIcon = (row) => {
+    return vue.createVNode("img", {
+      "class": ns.b("image"),
+      "src": row.image,
+      "alt": ""
+    }, null);
+  };
+  const renderItemContent = (row) => {
+    const itemClass = calcItemClass(row);
+    const slotOption = {};
+    if (Object.prototype.hasOwnProperty.call(row, "image")) {
+      Object.assign(slotOption, {
+        icon: renderIcon(row)
+      });
+    }
+    if (props.mode === "SELECT") {
+      Object.assign(slotOption, {
+        "right-icon": renderRightSlot(row)
+      });
+    }
+    return vue.createVNode(vue.resolveComponent("van-cell"), {
+      "class": itemClass,
+      "is-link": true,
+      "title": row.srfmajortext || "",
+      "onClick": () => c.onRowClick(row)
+    }, _isSlot(slotOption) ? slotOption : {
+      default: () => [slotOption]
+    });
+  };
+  const renderPanelItem = (item, modelData) => {
+    const {
+      context,
+      params
+    } = c;
+    return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      "data": item,
+      "modelData": modelData,
+      "context": context,
+      "params": params,
+      "onClick": () => c.onRowClick(item)
+    }, null);
+  };
+  const renderItem = (row) => {
+    const panel = c.model.itemLayoutPanel;
+    return panel ? renderPanelItem(row, panel) : renderItemContent(row);
+  };
+  const renderNoData = () => {
+    const {
+      isLoaded
+    } = c.state;
+    if (!isLoaded) {
+      return;
+    }
+    return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
+      "text": c.model.emptyText,
+      "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+    }, null);
+  };
+  const renderLoadMore = () => {
+    if (props.loadMode === "auto" || c.state.total <= c.state.items.length) {
+      return;
+    }
+    return vue.createVNode("div", {
+      "class": ns.b("load-more"),
+      "onClick": () => c.loadMore()
+    }, [vue.createVNode("span", null, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
+  };
+  return {
+    renderNoData,
+    renderItem,
+    renderLoadMore
+  };
+}
+
+exports.useListRender = useListRender;

package/lib/control/{md-ctrl → list/md-ctrl}/md-ctrl.cjs

@@ -4,11 +4,9 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('./md-ctrl.css');
+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 MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMDCtrlControl",
   props: {
@@ -58,84 +56,22 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
     loadMode: {
       type: String,
       default: "auto"
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
     }
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.MDCtrlController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      renderItem,
+      renderNoData,
+      renderLoadMore
+    } = listRenderUtil.useListRender(props, c, ns);
     const leftSlidingActionGroup = c.model.deuiactionGroup;
     const rightSlidingActionGroup = c.model.deuiactionGroup2;
-    const renderPanelItem = (item, modelData) => {
-      const {
-        context,
-        params
-      } = c;
-      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-        "data": item,
-        "modelData": modelData,
-        "context": context,
-        "params": params,
-        "onClick": () => c.onRowClick(item)
-      }, null);
-    };
-    const isSelect = (row) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === row.data.srfkey;
-      });
-      return findIndex !== -1;
-    };
-    const calcItemClass = (row) => {
-      const select = isSelect(row);
-      const itemClass = [ns.b("item"), ns.is("active", select)];
-      return itemClass;
-    };
-    const renderIcon = (row) => {
-      return vue.createVNode("img", {
-        "class": ns.b("image"),
-        "src": row.data.image,
-        "alt": ""
-      }, null);
-    };
-    const renderRightSlot = (row) => {
-      const select = isSelect(row);
-      return vue.createVNode(vue.resolveComponent("van-radio"), {
-        "checked": select
-      }, null);
-    };
-    const renderItemContent = (row) => {
-      const itemClass = calcItemClass(row);
-      const slotOption = {};
-      if (Object.prototype.hasOwnProperty.call(row.data, "image")) {
-        Object.assign(slotOption, {
-          icon: renderIcon(row)
-        });
-      }
-      if (props.mode === "SELECT") {
-        Object.assign(slotOption, {
-          "right-icon": renderRightSlot(row)
-        });
-      }
-      return vue.createVNode(vue.resolveComponent("van-cell"), {
-        "class": itemClass,
-        "is-link": true,
-        "title": row.data.srfmajortext || "",
-        "onClick": () => c.onRowClick(row.data)
-      }, _isSlot(slotOption) ? slotOption : {
-        default: () => [slotOption]
-      });
-    };
-    const renderNoData = () => {
-      const {
-        isLoaded
-      } = c.state;
-      if (!isLoaded) {
-        return;
-      }
-      return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderSlidingActionGroup = (group, row) => {
       const groupDetails = group.uiactionGroupDetails || [];
       if (!groupDetails || groupDetails.length === 0) {
@@ -157,7 +93,6 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderDefaultItem = (row) => {
-      const panel = props.modelData.itemLayoutPanel;
       const isItemSliding = !!(leftSlidingActionGroup || rightSlidingActionGroup);
       if (isItemSliding) {
         return vue.createVNode(vue.resolveComponent("van-swipe-cell"), {
@@ -166,11 +101,11 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
           left: rightSlidingActionGroup ? () => renderSlidingActionGroup(rightSlidingActionGroup, row) : null,
           right: leftSlidingActionGroup ? () => renderSlidingActionGroup(leftSlidingActionGroup, row) : null,
           default: () => {
-            return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+            return renderItem(row.data);
           }
         });
       }
-      return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+      return renderItem(row.data);
     };
     const renderDefault = () => {
       return c.state.rows.map((item) => {
@@ -188,15 +123,6 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
         })]);
       });
     };
-    const renderLoadMore = () => {
-      if (props.loadMode === "auto" || c.state.total <= c.state.rows.length) {
-        return;
-      }
-      return vue.createVNode("div", {
-        "class": ns.b("load-more"),
-        "onClick": () => c.loadMore()
-      }, [vue.createVNode("span", null, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
-    };
     const renderMDContent = () => {
       return vue.createVNode(vue.resolveComponent("van-list"), {
         "finished": c.state.total <= c.state.rows.length,

package/lib/control/list/md-ctrl/md-ctrl.css

@@ -0,0 +1 @@
+.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--van-cell-font-size:var(--ibiz-control-mobmdctrl-font-size);height:100%}.ibiz-control-mobmdctrl .van-list{height:100%}.ibiz-control-mobmdctrl .van-list .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl .van-cell__right-icon{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right);color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit;background-color:var(--ibiz-control-mobmdctrl-active-bg-color)}.ibiz-control-mobmdctrl .van-cell::after{width:100%}.ibiz-control-mobmdctrl .ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;padding:var(--ibiz-control-mobmdctrl-group-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -64,6 +64,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       if (index !== -1) {
         return items.value[index].text;
       }
+      return "";
     });
     const editorRef = vue.ref();
     if (props.autoFocus) {

package/lib/index.cjs

@@ -11,13 +11,13 @@ var index$3 = require('./panel-component/index.cjs');
 var index$5 = require('./view-engine/index.cjs');
 require('./util/index.cjs');
 require('./view/index.cjs');
-var index$6 = require('./control/md-ctrl/index.cjs');
+var index$6 = require('./control/list/md-ctrl/index.cjs');
 var index$7 = require('./control/app-menu/index.cjs');
 var index$8 = require('./control/form/form/index.cjs');
 var index$9 = require('./control/form/search-form/index.cjs');
 var index$a = require('./control/form/edit-form/index.cjs');
 var index$b = require('./control/pickup-view-panel/index.cjs');
-var index$c = require('./control/list/index.cjs');
+var index$c = require('./control/list/list/index.cjs');
 var index$d = require('./control/tab-exp-panel/index.cjs');
 var index$e = require('./control/toolbar/index.cjs');
 var index$f = require('./control/caption-bar/index.cjs');
@@ -39,6 +39,7 @@ var notificationUtil = require('./util/notification-util/notification-util.cjs')
 var openViewUtil = require('./util/open-view-util/open-view-util.cjs');
 var overlayController = require('./util/overlay-controller/overlay-controller.cjs');
 var loading = require('./util/directive/loading.cjs');
+var confirmUtil = require('./util/confirm-util/confirm-util.cjs');
 var viewStack = require('./util/store/view-stack/view-stack.cjs');
 var _404View = require('./view/404-view/404-view.cjs');
 var loginView = require('./view/login-view/login-view.cjs');
@@ -99,6 +100,7 @@ exports.NotificationUtil = notificationUtil.NotificationUtil;
 exports.OpenViewUtil = openViewUtil.OpenViewUtil;
 exports.OverlayController = overlayController.OverlayController;
 exports.loadingDirective = loading.loadingDirective;
+exports.ConfirmUtil = confirmUtil.ConfirmUtil;
 exports.calcUniqueKey = viewStack.calcUniqueKey;
 exports.useViewStack = viewStack.useViewStack;
 exports.View404 = _404View.View404;

package/lib/panel-component/index.cjs

@@ -10,6 +10,7 @@ var index$4 = require('./panel-button/index.cjs');
 var index$6 = require('./wf-action-button/index.cjs');
 var index$5 = require('./wf-step-trace/index.cjs');
 var index = require('./nav-pos-index/index.cjs');
+var index$7 = require('./panel-tab-panel/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
@@ -29,6 +30,11 @@ const IBizPanelComponents = {
     v.use(index$6.IBizWFActionButton);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
+    v.use(vue3Util.IBizPanelTabPage);
+    v.use(index$7.IBizPanelTabPanel);
+    v.use(vue3Util.IBizPanelContainerGroup);
+    v.use(vue3Util.IBizPanelContainerImage);
+    v.use(vue3Util.IBizScrollContainer);
   }
 };
 

package/lib/panel-component/panel-tab-panel/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelTabPanel = require('./panel-tab-panel.cjs');
+var panelTabPanel_provider = require('./panel-tab-panel.provider.cjs');
+
+"use strict";
+const IBizPanelTabPanel = vue3Util.withInstall(panelTabPanel.PanelTabPanel, function(v) {
+  v.component(panelTabPanel.PanelTabPanel.name, panelTabPanel.PanelTabPanel);
+  runtime.registerPanelItemProvider("TABPANEL", () => new panelTabPanel_provider.PanelTabPanelProvider());
+});
+
+exports.IBizPanelTabPanel = IBizPanelTabPanel;
+exports.default = IBizPanelTabPanel;

package/lib/panel-component/panel-tab-panel/panel-tab-panel.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./panel-tab-panel.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelTabPanel",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-tab-panel");
+    const classArr = vue.computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    let _slot;
+    if (!this.controller.state.visible) {
+      return;
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.createVNode(vue.resolveComponent("van-tabs"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "lazy-render": true,
+      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      const c = props.controller;
+      if (!c.state.visible && !c.state.keepAlive) {
+        return null;
+      }
+      return vue.createVNode(vue.resolveComponent("van-tab"), {
+        "class": this.ns.b("tab-item"),
+        "title": c.model.caption,
+        "name": c.model.id
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.PanelTabPanel = PanelTabPanel;

package/lib/panel-component/panel-tab-panel/panel-tab-panel.css

@@ -0,0 +1 @@
+.ibiz-panel-tab-panel{height:100%}.ibiz-panel-tab-panel .van-tabs__content{height:calc(100% - var(--van-tabs-line-height))}.ibiz-panel-tab-panel .van-tab__panel{height:100%}

package/lib/panel-component/panel-tab-panel/panel-tab-panel.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 PanelTabPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelTabPanel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelTabPanelProvider = PanelTabPanelProvider;