@ibiz-template/mob-vue3-components 0.0.1-alpha.19

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

@@ -0,0 +1,16 @@
+'use strict';
+
+"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 SearchFormProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSearchFormControl");
+  }
+}
+
+exports.SearchFormProvider = SearchFormProvider;

package/lib/control/index.cjs

@@ -0,0 +1,135 @@
+'use strict';
+
+require('./panel/index.cjs');
+var index$2 = require('./md-ctrl/index.cjs');
+var index$3 = require('./app-menu/index.cjs');
+require('./form/index.cjs');
+var index$g = require('./pickup-view-panel/index.cjs');
+var index$h = require('./list/index.cjs');
+var index$i = require('./tab-exp-panel/index.cjs');
+var index$j = require('./toolbar/index.cjs');
+var index$k = require('./caption-bar/index.cjs');
+var index$l = require('./search-bar/index.cjs');
+var index$m = require('./drtab/index.cjs');
+var index$n = require('./tree/index.cjs');
+var index$o = require('./data-view/index.cjs');
+var index$p = require('./dashboard/index.cjs');
+var index$s = require('./chart/index.cjs');
+var index$t = require('./calendar/index.cjs');
+var viewLayoutPanel_provider = require('./panel/view-layout-panel/view-layout-panel.provider.cjs');
+var index = require('./panel/view-layout-panel/index.cjs');
+var panel_provider = require('./panel/panel/panel.provider.cjs');
+var index$1 = require('./panel/panel/index.cjs');
+var mdCtrl_provider = require('./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$4 = require('./form/search-form/index.cjs');
+var formGroupPanel_provider = require('./form/form-detail/form-group-panel/form-group-panel.provider.cjs');
+var index$5 = require('./form/form-detail/form-group-panel/index.cjs');
+var formItem_provider = require('./form/form-detail/form-item/form-item.provider.cjs');
+var formItemContainer = require('./form/form-detail/form-item/form-item-container/form-item-container.cjs');
+var index$6 = require('./form/form-detail/form-item/index.cjs');
+var formPageItem = require('./form/form-detail/form-page/form-page-item/form-page-item.cjs');
+var formPage_provider = require('./form/form-detail/form-page/form-page.provider.cjs');
+var index$7 = require('./form/form-detail/form-page/index.cjs');
+var formButton_provider = require('./form/form-detail/form-button/form-button.provider.cjs');
+var index$8 = require('./form/form-detail/form-button/index.cjs');
+var formDruipart_provider = require('./form/form-detail/form-druipart/form-druipart.provider.cjs');
+var index$9 = require('./form/form-detail/form-druipart/index.cjs');
+var formRawitem_provider = require('./form/form-detail/form-rawitem/form-rawitem.provider.cjs');
+var index$a = require('./form/form-detail/form-rawitem/index.cjs');
+var formTabPanel_provider = require('./form/form-detail/form-tab-panel/form-tab-panel.provider.cjs');
+var index$b = require('./form/form-detail/form-tab-panel/index.cjs');
+var formTabPage_provider = require('./form/form-detail/form-tab-page/form-tab-page.provider.cjs');
+var index$c = require('./form/form-detail/form-tab-page/index.cjs');
+var formMdctrl_provider = require('./form/form-detail/form-mdctrl/form-mdctrl.provider.cjs');
+var index$d = require('./form/form-detail/form-mdctrl/index.cjs');
+var index$e = require('./form/edit-form/index.cjs');
+var index$f = 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 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');
+var drtab_provider = require('./drtab/drtab.provider.cjs');
+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$q = require('./dashboard/portlet/container-portlet/index.cjs');
+var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
+var menuPortlet_provider = require('./dashboard/portlet/menu-portlet/menu-portlet.provider.cjs');
+var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
+var index$r = require('./dashboard/portlet/menu-portlet/index.cjs');
+var calendar_provider = require('./calendar/calendar.provider.cjs');
+
+"use strict";
+
+exports.IBizMDCtrlControl = index$2.IBizMDCtrlControl;
+exports.IBizAppMenuControl = index$3.IBizAppMenuControl;
+exports.IBizPickupViewPanelControl = index$g.IBizPickupViewPanelControl;
+exports.IBizListControl = index$h.IBizListControl;
+exports.IBizTabExpPanelControl = index$i.IBizTabExpPanelControl;
+exports.IBizToolbarControl = index$j.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$k.IBizCaptionBarControl;
+exports.IBizSearchBarControl = index$l.IBizSearchBarControl;
+exports.IBizDRTabControl = index$m.IBizDRTabControl;
+exports.IBizTreeControl = index$n.IBizTreeControl;
+exports.IBizDataViewControl = index$o.IBizDataViewControl;
+exports.IBizDashboardControl = index$p.IBizDashboardControl;
+exports.IBizChartControl = index$s.IBizChartControl;
+exports.IBizCalendarControl = index$t.IBizCalendarControl;
+exports.ViewLayoutPanelProvider = viewLayoutPanel_provider.ViewLayoutPanelProvider;
+exports.IBizViewLayoutPanelControl = index.IBizViewLayoutPanelControl;
+exports.PanelProvider = panel_provider.PanelProvider;
+exports.IBizPanelControl = index$1.IBizPanelControl;
+exports.MDCtrlProvider = mdCtrl_provider.MDCtrlProvider;
+exports.AppMenuProvider = appMenu_provider.AppMenuProvider;
+exports.SearchFormProvider = searchForm_provider.SearchFormProvider;
+exports.IBizSearchFormControl = index$4.IBizSearchFormControl;
+exports.FormGroupPanelProvider = formGroupPanel_provider.FormGroupPanelProvider;
+exports.IBizFormGroupPanel = index$5.IBizFormGroupPanel;
+exports.FormItemProvider = formItem_provider.FormItemProvider;
+exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
+exports.IBizFormItem = index$6.IBizFormItem;
+exports.IBizFormPageItem = formPageItem.IBizFormPageItem;
+exports.FormPageProvider = formPage_provider.FormPageProvider;
+exports.IBizFormPage = index$7.IBizFormPage;
+exports.FormButtonProvider = formButton_provider.FormButtonProvider;
+exports.IBizFormButton = index$8.IBizFormButton;
+exports.FormDRUIPartProvider = formDruipart_provider.FormDRUIPartProvider;
+exports.IBizFormDRUIPart = index$9.IBizFormDRUIPart;
+exports.FormRawItemProvider = formRawitem_provider.FormRawItemProvider;
+exports.IBizFormRawItem = index$a.IBizFormRawItem;
+exports.FormTabPanelProvider = formTabPanel_provider.FormTabPanelProvider;
+exports.IBizFormTabPanel = index$b.IBizFormTabPanel;
+exports.FormTabPageProvider = formTabPage_provider.FormTabPageProvider;
+exports.IBizFormTabPage = index$c.IBizFormTabPage;
+exports.FormMDCtrlProvider = formMdctrl_provider.FormMDCtrlProvider;
+exports.IBizFormMDCtrl = index$d.IBizFormMDCtrl;
+exports.IBizEditFormControl = index$e.IBizEditFormControl;
+exports.IBizFormControl = index$f.IBizFormControl;
+exports.PickupViewPanelProvider = pickupViewPanel_provider.PickupViewPanelProvider;
+exports.PickupViewPanelController = pickupViewPanel_controller.PickupViewPanelController;
+exports.ListProvider = list_provider.ListProvider;
+exports.TabExpPanelProvider = tabExpPanel_provider.TabExpPanelProvider;
+exports.CaptionBarProvider = captionBar_provider.CaptionBarProvider;
+exports.SearchBarProvider = searchBar_provider.SearchBarProvider;
+exports.DRTabProvider = drtab_provider.DRTabProvider;
+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$q.IBizContainerPortlet;
+exports.PortletLayout = portletLayout.PortletLayout;
+exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
+exports.MenuPortlet = menuPortlet.MenuPortlet;
+exports.IBizMenuPortlet = index$r.IBizMenuPortlet;
+exports.CalendarProvider = calendar_provider.CalendarProvider;

package/lib/control/list/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var list = require('./list.cjs');
+var list_provider = require('./list.provider.cjs');
+
+"use strict";
+const IBizListControl = vue3Util.withInstall(list.ListControl, function(v) {
+  v.component(list.ListControl.name, list.ListControl);
+  runtime.registerControlProvider(runtime.ControlType.LIST, () => new list_provider.ListProvider());
+});
+
+exports.ListProvider = list_provider.ListProvider;
+exports.IBizListControl = IBizListControl;
+exports.default = IBizListControl;

package/lib/control/list/list.cjs

@@ -0,0 +1,187 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./list.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const ListControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizListControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * 部件行数据默认激活模式
+     * - 0 不激活
+     * - 1 单击激活
+     * - 2 双击激活(默认值)
+     *
+     * @type {(number | 0 | 1 | 2)}
+     */
+    mdctrlActiveMode: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * 是否为单选
+     * - true 单选
+     * - false 多选
+     *
+     * @type {(Boolean)}
+     */
+    singleSelect: {
+      type: Boolean,
+      default: true
+    },
+    // 默认行数
+    rowsCount: {
+      type: Number,
+      default: 2
+    },
+    // 默认列数
+    columnsCount: {
+      type: Number,
+      default: 5
+    }
+  },
+  setup(props) {
+    const c = vue3Util.useControlController((...args) => new runtime.ListController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    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;
+      });
+      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
+      }, [vue.createTextVNode("\u5C55\u5F00")]);
+    };
+    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 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,
+        "position": "bottom",
+        "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, [vue.createTextVNode("\u9009\u4E2D\u6570\u636E")])]), vue.createVNode("div", {
+          "class": ns.b("popup-content")
+        }, [renderReViewListContent()])])]
+      });
+    };
+    return {
+      c,
+      ns,
+      renderListContent,
+      renderLoadMore,
+      renderReviewList
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": this.ns.b(this.c.model.name)
+    }, {
+      default: () => [this.c.state.isCreated && [this.renderListContent(), this.renderReviewList(), this.renderLoadMore()]]
+    });
+  }
+});
+
+exports.ListControl = ListControl;

package/lib/control/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:10px;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{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:5px;margin-left:2px}.ibiz-control-list-simplelist .ibiz-control-list-item{min-width:0;padding:5px}.ibiz-control-list-item__delete{display:inline-block;margin-left:5px}.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:10px;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.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"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 ListProvider {
+  constructor() {
+    __publicField(this, "component", "IBizListControl");
+  }
+}
+
+exports.ListProvider = ListProvider;

package/lib/control/md-ctrl/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var mdCtrl = require('./md-ctrl.cjs');
+var mdCtrl_provider = require('./md-ctrl.provider.cjs');
+
+"use strict";
+const IBizMDCtrlControl = vue3Util.withInstall(mdCtrl.MDCtrlControl, function(v) {
+  v.component(mdCtrl.MDCtrlControl.name, mdCtrl.MDCtrlControl);
+  runtime.registerControlProvider(runtime.ControlType.MOB_MDCTRL, () => new mdCtrl_provider.MDCtrlProvider());
+});
+
+exports.MDCtrlProvider = mdCtrl_provider.MDCtrlProvider;
+exports.IBizMDCtrlControl = IBizMDCtrlControl;
+exports.default = IBizMDCtrlControl;

package/lib/control/md-ctrl/md-ctrl.cjs

@@ -0,0 +1,212 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./md-ctrl.css');
+
+"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: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * 部件行数据默认激活模式
+     * - 0 不激活
+     * - 1 单击激活
+     * - 2 双击激活(默认值)
+     *
+     * @type {(number | 0 | 1 | 2)}
+     */
+    mdctrlActiveMode: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * 是否为单选
+     * - true 单选
+     * - false 多选
+     *
+     * @type {(Boolean)}
+     */
+    singleSelect: {
+      type: Boolean,
+      default: true
+    },
+    selectedData: {
+      type: Object,
+      required: false
+    },
+    mode: {
+      type: String,
+      default: "LIST"
+    }
+  },
+  setup(props) {
+    const c = vue3Util.useControlController((...args) => new runtime.MDCtrlController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    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) {
+        return null;
+      }
+      const btnContainer = row.uaColStates[group.id];
+      return groupDetails.map((detail) => {
+        const btn = btnContainer[detail.id];
+        if (btn.visible === false) {
+          return null;
+        }
+        return vue.createVNode(vue.resolveComponent("van-button"), {
+          "square": true,
+          "type": "primary",
+          "text": detail.caption,
+          "disabled": btn.disabled || btn.loading,
+          "onClick": (e) => c.onActionClick(detail, row, e)
+        }, null);
+      });
+    };
+    const renderDefaultItem = (row) => {
+      const panel = props.modelData.itemLayoutPanel;
+      const isItemSliding = !!(leftSlidingActionGroup || rightSlidingActionGroup);
+      if (isItemSliding) {
+        return vue.createVNode(vue.resolveComponent("van-swipe-cell"), {
+          "key": row.data.srfkey
+        }, {
+          left: rightSlidingActionGroup ? () => renderSlidingActionGroup(rightSlidingActionGroup, row) : null,
+          right: leftSlidingActionGroup ? () => renderSlidingActionGroup(leftSlidingActionGroup, row) : null,
+          default: () => {
+            return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+          }
+        });
+      }
+      return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+    };
+    const renderDefault = () => {
+      return c.state.rows.map((item) => {
+        return renderDefaultItem(item);
+      });
+    };
+    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);
+        })]);
+      });
+    };
+    const renderMDContent = () => {
+      return vue.createVNode(vue.resolveComponent("van-list"), {
+        "finished": c.state.total <= c.state.rows.length,
+        "finished-text": c.state.curPage > 1 && "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~",
+        "onLoad": () => c.loadMore()
+      }, {
+        default: () => [c.model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
+      });
+    };
+    return {
+      c,
+      ns,
+      renderMDContent,
+      renderNoData
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData())]
+    });
+  }
+});
+
+exports.MDCtrlControl = MDCtrlControl;

package/lib/control/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-0);--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);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;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{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 .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-0);--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);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--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-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-0);--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);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;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-0);--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);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;padding:var(--ibiz-control-mobmdctrl-group-padding) var(--ibiz-control-mobmdctrl-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}

package/lib/control/md-ctrl/md-ctrl.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"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 MDCtrlProvider {
+  constructor() {
+    __publicField(this, "component", "IBizMDCtrlControl");
+  }
+}
+
+exports.MDCtrlProvider = MDCtrlProvider;

package/lib/control/panel/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var index = require('./view-layout-panel/index.cjs');
+var index$1 = require('./panel/index.cjs');
+var viewLayoutPanel_provider = require('./view-layout-panel/view-layout-panel.provider.cjs');
+var panel_provider = require('./panel/panel.provider.cjs');
+
+"use strict";
+
+exports.IBizViewLayoutPanelControl = index.IBizViewLayoutPanelControl;
+exports.IBizPanelControl = index$1.IBizPanelControl;
+exports.ViewLayoutPanelProvider = viewLayoutPanel_provider.ViewLayoutPanelProvider;
+exports.PanelProvider = panel_provider.PanelProvider;

package/lib/control/panel/panel/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panel = require('./panel.cjs');
+var panel_provider = require('./panel.provider.cjs');
+
+"use strict";
+const IBizPanelControl = vue3Util.withInstall(panel.PanelControl, function(v) {
+  v.component(panel.PanelControl.name, panel.PanelControl);
+  runtime.registerControlProvider(runtime.ControlType.PANEL, () => new panel_provider.PanelProvider());
+});
+
+exports.PanelProvider = panel_provider.PanelProvider;
+exports.IBizPanelControl = IBizPanelControl;
+exports.default = IBizPanelControl;