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

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;
+};

package/es/control/list/list-render-util.mjs

@@ -0,0 +1,100 @@
+import { isVNode, resolveComponent, createVNode, createTextVNode } from 'vue';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !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 createVNode(resolveComponent("van-radio"), {
+      "class": ns.bm("item", "right"),
+      "checked": select
+    }, null);
+  };
+  const renderIcon = (row) => {
+    return 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 createVNode(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 createVNode(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 && createVNode(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 createVNode("div", {
+      "class": ns.b("load-more"),
+      "onClick": () => c.loadMore()
+    }, [createVNode("span", null, [createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
+  };
+  return {
+    renderNoData,
+    renderItem,
+    renderLoadMore
+  };
+}
+
+export { useListRender };

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

@@ -32,6 +32,10 @@ export declare const IBizMDCtrlControl: import("@ibiz-template/vue3-util").TypeW
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: import("@ibiz-template/runtime").MDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
@@ -72,11 +76,16 @@ export declare const IBizMDCtrlControl: import("@ibiz-template/vue3-util").TypeW
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     mode: string;
     params: IParams;
+    loadMode: string;
     mdctrlActiveMode: number;
     singleSelect: boolean;
-    loadMode: string;
+    loadDefault: boolean;
 }, {}>>;
 export default IBizMDCtrlControl;

package/es/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/es/control/{md-ctrl → list/md-ctrl}/md-ctrl.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNode } from 'vue';
+import { PropType } from 'vue';
 import { IDEMobMDCtrl } from '@ibiz/model-core';
 import { MDCtrlController } from '@ibiz-template/runtime';
 import './md-ctrl.scss';
@@ -50,11 +50,17 @@ export declare const MDCtrlControl: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: MDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     renderMDContent: () => JSX.Element;
-    renderNoData: () => VNode | undefined;
+    renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | 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<IDEMobMDCtrl>;
@@ -103,10 +109,15 @@ export declare const MDCtrlControl: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     mode: string;
     params: IParams;
+    loadMode: string;
     mdctrlActiveMode: number;
     singleSelect: boolean;
-    loadMode: string;
+    loadDefault: boolean;
 }, {}>;

package/es/control/{md-ctrl → list/md-ctrl}/md-ctrl.mjs

@@ -1,12 +1,10 @@
-import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { MDCtrlController } from '@ibiz-template/runtime';
 import './md-ctrl.css';
+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 MDCtrlControl = /* @__PURE__ */ defineComponent({
   name: "IBizMDCtrlControl",
   props: {
@@ -56,84 +54,22 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
     loadMode: {
       type: String,
       default: "auto"
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
     }
   },
   setup(props) {
     const c = useControlController((...args) => new MDCtrlController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      renderItem,
+      renderNoData,
+      renderLoadMore
+    } = useListRender(props, c, ns);
     const leftSlidingActionGroup = c.model.deuiactionGroup;
     const rightSlidingActionGroup = c.model.deuiactionGroup2;
-    const renderPanelItem = (item, modelData) => {
-      const {
-        context,
-        params
-      } = c;
-      return createVNode(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 createVNode("img", {
-        "class": ns.b("image"),
-        "src": row.data.image,
-        "alt": ""
-      }, null);
-    };
-    const renderRightSlot = (row) => {
-      const select = isSelect(row);
-      return createVNode(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 createVNode(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 && createVNode(resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderSlidingActionGroup = (group, row) => {
       const groupDetails = group.uiactionGroupDetails || [];
       if (!groupDetails || groupDetails.length === 0) {
@@ -155,7 +91,6 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderDefaultItem = (row) => {
-      const panel = props.modelData.itemLayoutPanel;
       const isItemSliding = !!(leftSlidingActionGroup || rightSlidingActionGroup);
       if (isItemSliding) {
         return createVNode(resolveComponent("van-swipe-cell"), {
@@ -164,11 +99,11 @@ const MDCtrlControl = /* @__PURE__ */ 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) => {
@@ -186,15 +121,6 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
         })]);
       });
     };
-    const renderLoadMore = () => {
-      if (props.loadMode === "auto" || c.state.total <= c.state.rows.length) {
-        return;
-      }
-      return createVNode("div", {
-        "class": ns.b("load-more"),
-        "onClick": () => c.loadMore()
-      }, [createVNode("span", null, [createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
-    };
     const renderMDContent = () => {
       return createVNode(resolveComponent("van-list"), {
         "finished": c.state.total <= c.state.rows.length,

package/es/control/toolbar/index.d.ts

@@ -16,7 +16,7 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     btnSize: import("vue").ComputedRef<string>;
     ns: import("@ibiz-template/core").Namespace;
     position: string;
-    handleClick: (item: import("@ibiz/model-core").IDEToolbarItem, event: MouseEvent) => Promise<void>;
+    handleClick: (item: import("@ibiz/model-core").IDEToolbarItem | import("@ibiz-template/runtime").IExtraButton, event: MouseEvent) => Promise<void>;
     renderExtraButtons: (extraButtons: import("@ibiz-template/runtime").IExtraButton[]) => JSX.Element[];
     renderToolbarItem: (item: import("@ibiz/model-core").IDEToolbarItem) => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/control/toolbar/toolbar.d.ts

@@ -20,7 +20,7 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     btnSize: import("vue").ComputedRef<string>;
     ns: import("@ibiz-template/core").Namespace;
     position: string;
-    handleClick: (item: IDEToolbarItem, event: MouseEvent) => Promise<void>;
+    handleClick: (item: IDEToolbarItem | IExtraButton, event: MouseEvent) => Promise<void>;
     renderExtraButtons: (extraButtons: IExtraButton[]) => JSX.Element[];
     renderToolbarItem: (item: IDEToolbarItem) => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

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

package/es/index.mjs

@@ -8,13 +8,13 @@ import { IBizPanelComponents } from './panel-component/index.mjs';
 import { IBizViewEngine } from './view-engine/index.mjs';
 import './util/index.mjs';
 import './view/index.mjs';
-import { IBizMDCtrlControl } from './control/md-ctrl/index.mjs';
+import { IBizMDCtrlControl } from './control/list/md-ctrl/index.mjs';
 import { IBizAppMenuControl } from './control/app-menu/index.mjs';
 import { IBizFormControl } from './control/form/form/index.mjs';
 import { IBizSearchFormControl } from './control/form/search-form/index.mjs';
 import { IBizEditFormControl } from './control/form/edit-form/index.mjs';
 import { IBizPickupViewPanelControl } from './control/pickup-view-panel/index.mjs';
-import { IBizListControl } from './control/list/index.mjs';
+import { IBizListControl } from './control/list/list/index.mjs';
 import { IBizTabExpPanelControl } from './control/tab-exp-panel/index.mjs';
 import { IBizToolbarControl } from './control/toolbar/index.mjs';
 import { IBizCaptionBarControl } from './control/caption-bar/index.mjs';
@@ -36,6 +36,7 @@ export { NotificationUtil } from './util/notification-util/notification-util.mjs
 export { OpenViewUtil } from './util/open-view-util/open-view-util.mjs';
 export { OverlayController } from './util/overlay-controller/overlay-controller.mjs';
 export { loadingDirective } from './util/directive/loading.mjs';
+export { ConfirmUtil } from './util/confirm-util/confirm-util.mjs';
 export { calcUniqueKey, useViewStack } from './util/store/view-stack/view-stack.mjs';
 export { View404 } from './view/404-view/404-view.mjs';
 export { LoginView } from './view/login-view/login-view.mjs';

package/es/panel-component/index.mjs

@@ -1,4 +1,4 @@
-import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer } from '@ibiz-template/vue3-util';
+import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer, IBizPanelTabPage, IBizPanelContainerGroup, IBizPanelContainerImage, IBizScrollContainer } from '@ibiz-template/vue3-util';
 import { IBizViewContentPanelContainer } from './view-content-panel-container/index.mjs';
 import { IBizViewHeaderPanelContainer } from './view-header-panel-container/index.mjs';
 import { IBizViewFooterPanelContainer } from './view-footer-panel-container/index.mjs';
@@ -6,6 +6,7 @@ import { IBizPanelButton } from './panel-button/index.mjs';
 import { IBizWFActionButton } from './wf-action-button/index.mjs';
 import { IBizWFStepTrace } from './wf-step-trace/index.mjs';
 import { IBizNavPosIndex } from './nav-pos-index/index.mjs';
+import { IBizPanelTabPanel } from './panel-tab-panel/index.mjs';
 
 "use strict";
 const IBizPanelComponents = {
@@ -25,6 +26,11 @@ const IBizPanelComponents = {
     v.use(IBizWFActionButton);
     v.use(IBizSingleDataContainer);
     v.use(IBizMultiDataContainer);
+    v.use(IBizPanelTabPage);
+    v.use(IBizPanelTabPanel);
+    v.use(IBizPanelContainerGroup);
+    v.use(IBizPanelContainerImage);
+    v.use(IBizScrollContainer);
   }
 };
 

package/es/panel-component/panel-tab-panel/index.d.ts

@@ -0,0 +1,23 @@
+export declare const IBizPanelTabPanel: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, 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").IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelTabPanel;

package/es/panel-component/panel-tab-panel/index.mjs

@@ -0,0 +1,12 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelTabPanel } from './panel-tab-panel.mjs';
+import { PanelTabPanelProvider } from './panel-tab-panel.provider.mjs';
+
+"use strict";
+const IBizPanelTabPanel = withInstall(PanelTabPanel, function(v) {
+  v.component(PanelTabPanel.name, PanelTabPanel);
+  registerPanelItemProvider("TABPANEL", () => new PanelTabPanelProvider());
+});
+
+export { IBizPanelTabPanel, IBizPanelTabPanel as default };

package/es/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/es/panel-component/panel-tab-panel/panel-tab-panel.d.ts

@@ -0,0 +1,26 @@
+import { IPanelTabPanel } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './panel-tab-panel.scss';
+export declare const PanelTabPanel: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>;