@ibiz-template/mob-vue3-components 0.0.4 → 0.0.6

package/es/control/app-menu-list-view/app-menu-list-view.mjs

@@ -0,0 +1,84 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, prepareControl } from '@ibiz-template/vue3-util';
+import './app-menu-list-view.css';
+import { AppMenuController } from '@ibiz-template/runtime';
+
+"use strict";
+const AppMenuListViewControl = /* @__PURE__ */ defineComponent({
+  name: "IBizAppMenuListViewControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new AppMenuController(...args));
+    const {
+      controlClass,
+      ns
+    } = prepareControl(c);
+    return {
+      controlClass,
+      c,
+      ns
+    };
+  },
+  render() {
+    const {
+      model
+    } = this.c;
+    const {
+      controlStyle
+    } = model;
+    return createVNode(resolveComponent("van-list"), {
+      "class": [this.ns.b(), this.ns.b(controlStyle.toLowerCase()), this.ns.m(this.modelData.id)]
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
+          if (item.hidden === true) {
+            return null;
+          }
+          let renderItem = null;
+          switch (item.itemType) {
+            case "MENUITEM":
+              renderItem = createVNode(resolveComponent("van-cell"), {
+                "class": [this.ns.b("item")],
+                "is-link": true,
+                "center": true,
+                "clickable": true,
+                "title": item.caption,
+                "onClick": (event) => this.c.onClickMenuItem(item.id, event, false)
+              }, {
+                icon: () => {
+                  return item.sysImage && createVNode("div", {
+                    "class": this.ns.b("icon")
+                  }, [createVNode(resolveComponent("iBizIcon"), {
+                    "icon": item.sysImage
+                  }, null)]);
+                }
+              });
+              break;
+            case "SEPERATOR":
+              renderItem = createVNode(resolveComponent("van-divider"), null, null);
+              break;
+            default:
+              break;
+          }
+          return renderItem;
+        })];
+      }
+    });
+  }
+});
+
+export { AppMenuListViewControl };

package/es/control/app-menu-list-view/app-menu-list-view.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 应用菜单（列表样式）适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class AppMenuProvider
+ * @implements {IControlProvider}
+ */
+export declare class AppMenuListViewProvider implements IControlProvider {
+    component: string;
+}

package/es/control/app-menu-list-view/app-menu-list-view.provider.mjs

@@ -0,0 +1,14 @@
+"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 AppMenuListViewProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAppMenuListViewControl");
+  }
+}
+
+export { AppMenuListViewProvider };

package/es/control/app-menu-list-view/index.d.ts

@@ -0,0 +1,34 @@
+export declare const IBizAppMenuListViewControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    controlClass: string[];
+    c: import("@ibiz-template/runtime").AppMenuController;
+    ns: import("@ibiz-template/core").Namespace;
+}, 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").IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizAppMenuListViewControl;

package/es/control/app-menu-list-view/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { AppMenuListViewProvider } from './app-menu-list-view.provider.mjs';
+import { AppMenuListViewControl } from './app-menu-list-view.mjs';
+
+"use strict";
+const IBizAppMenuListViewControl = withInstall(
+  AppMenuListViewControl,
+  function(v) {
+    v.component(AppMenuListViewControl.name, AppMenuListViewControl);
+    registerControlProvider(
+      `${ControlType.APP_MENU}_LISTVIEW`,
+      () => new AppMenuListViewProvider()
+    );
+  }
+);
+
+export { IBizAppMenuListViewControl, IBizAppMenuListViewControl as default };

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

@@ -1,7 +1,6 @@
 import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { MenuPortletController } from '@ibiz-template/runtime';
-import { IBizAppMenuControl } from '../../../app-menu/index.mjs';
 
 "use strict";
 const MenuPortlet = /* @__PURE__ */ defineComponent({
@@ -37,7 +36,7 @@ const MenuPortlet = /* @__PURE__ */ defineComponent({
       "controller": this.controller,
       "class": classArr
     }, {
-      default: () => [this.menu && createVNode(IBizAppMenuControl, {
+      default: () => [this.menu && createVNode(resolveComponent("iBizControlShell"), {
         "modelData": this.menu,
         "context": context,
         "params": params

package/es/control/form/form-detail/form-button/form-button.css

@@ -1 +1 @@
-.ibiz-form-button{--ibiz-form-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-form-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-form-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-form-button .van-button{width:100%;height:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-icon-max-width);max-height:var(--ibiz-form-button-icon-max-height)}.ibiz-form-button .van-button .ibiz-form-button-content .ibiz-icon+.ibiz-form-button-content--caption{margin-left:var(--ibiz-form-button-icon-margin)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}
+.ibiz-form-button{--ibiz-form-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-form-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-form-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-form-button .van-button{width:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-icon-max-width);max-height:var(--ibiz-form-button-icon-max-height)}.ibiz-form-button .van-button .ibiz-form-button-content .ibiz-icon+.ibiz-form-button-content--caption{margin-left:var(--ibiz-form-button-icon-margin)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}

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

@@ -47,7 +47,8 @@ const FormButton = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("van-button"), {
       "onClick": this.controller.onClick.bind(this.controller),
       "loading": this.controller.state.loading,
-      "disabled": this.controller.state.disabled
+      "disabled": this.controller.state.disabled,
+      "size": "small"
     }, {
       default: () => [createVNode("div", {
         "class": this.ns.b("content")

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.00625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.0625rem;content:"";background-color:var(--ibiz-color-border);transform:scaleY(.5)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}

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

@@ -44,6 +44,7 @@ const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizMDCtrlContainer"), {
       "class": this.ns.b(),
       "items": state.items || [],
+      "caption": this.controller.model.caption,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
       "onAddClick": (index) => this.controller.create(index),

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-multi-form/repeater-multi-form.mjs

@@ -26,7 +26,7 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
     };
     const removeClick = async (index) => {
       const confirm = await ibiz.modal.confirm({
-        title: "\u786E\u8BA4",
+        title: "\u5220\u9664\u63D0\u9192",
         desc: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879?"
       });
       if (confirm) {
@@ -44,6 +44,7 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizMDCtrlContainer"), {
       "class": this.ns.b(),
       "items": items,
+      "caption": this.controller.model.caption,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
       "onAddClick": (index) => this.controller.create(index),

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.css

@@ -1 +1 @@
-.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-bold);height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl-header{padding:var(--ibiz-form-mdctrl-header-padding);line-height:var(--ibiz-form-mdctrl-header-height)}
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-mdctrl-caption-height:2rem;--ibiz-form-mdctrl-caption-line-height:2rem;height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:var(--ibiz-form-mdctrl-caption-height);font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);line-height:var(--ibiz-form-mdctrl-caption-line-height);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl--has-value .ibiz-form-mdctrl-header{display:none}.ibiz-form-mdctrl-header{display:flex;padding:var(--ibiz-form-mdctrl-header-padding)}

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts

@@ -15,6 +15,7 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
     c: FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    hasValue: import("vue").ComputedRef<boolean | 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<IDEFormMDCtrl>;

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

@@ -1,4 +1,4 @@
-import { createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { computed, createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
 import './form-mdctrl.css';
@@ -21,10 +21,14 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     useController(props.controller);
     const c = props.controller;
     const hasCaption = c.model.showCaption && !!c.model.caption;
+    const hasValue = computed(() => {
+      return c.value && c.value.length > 0 || c.state.items && c.state.items.length > 0;
+    });
     return {
       c,
       ns,
-      hasCaption
+      hasCaption,
+      hasValue
     };
   },
   render() {
@@ -55,7 +59,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
         break;
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : "", this.hasValue ? this.ns.m("has-value") : ""]
     }, [this.hasCaption && createVNode("div", {
       "class": this.ns.b("header")
     }, [createVNode("span", {

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -1,3 +1,9 @@
+import FormMDCtrl from './form-mdctrl';
+import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form';
+import { FormMDCtrlMD } from './form-mdctrl-md/form-mdctrl-md';
+import { FormMDCtrlRepeater } from './form-mdctrl-repeater/form-mdctrl-repeater';
+import { FormMDCtrlProvider } from './form-mdctrl.provider';
+import { MDCtrlContainer } from './mdctrl-container/mdctrl-container';
 export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
@@ -11,6 +17,7 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     c: import("@ibiz-template/runtime").FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    hasValue: import("vue").ComputedRef<boolean | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
@@ -22,3 +29,4 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     };
 }>>, {}, {}>>;
 export default IBizFormMDCtrl;
+export { MDCtrlContainer, FormMDCtrlProvider, FormMDCtrlRepeater, FormMDCtrlMD, FormMDCtrlForm, FormMDCtrl, };

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

@@ -17,4 +17,4 @@ const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
   registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
 });
 
-export { IBizFormMDCtrl, IBizFormMDCtrl as default };
+export { FormMDCtrl, FormMDCtrlForm, FormMDCtrlMD, FormMDCtrlProvider, FormMDCtrlRepeater, IBizFormMDCtrl, MDCtrlContainer, IBizFormMDCtrl as default };

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

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

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.d.ts

@@ -13,12 +13,16 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         type: PropType<IData[]>;
         required: true;
     };
+    caption: {
+        type: StringConstructor;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     showActions: import("vue").ComputedRef<boolean>;
-    renderAddBtn: (index?: number) => JSX.Element | null;
+    renderAddBtn: (index?: number, showButton?: boolean) => JSX.Element | null;
     renderRemoveBtn: (item: IData, index: number) => JSX.Element | null;
-    renderBottomBtn: (item: IData, index: number) => (JSX.Element | null)[];
+    renderActionBtn: (item: IData, index: number) => (JSX.Element | null)[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     addClick: (_index?: number) => true;
     removeClick: (_data: IData, _index: number) => true;
@@ -35,6 +39,10 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         type: PropType<IData[]>;
         required: true;
     };
+    caption: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & {
     onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
     onAddClick?: ((_index?: number | undefined) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './mdctrl-container.css';
 
@@ -17,6 +17,10 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     items: {
       type: Object,
       required: true
+    },
+    caption: {
+      type: String,
+      required: false
     }
   },
   emits: {
@@ -30,17 +34,18 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     const showActions = computed(() => {
       return props.enableCreate || props.enableDelete;
     });
-    const renderAddBtn = (index) => {
+    const renderAddBtn = (index, showButton = true) => {
       if (!props.enableCreate) {
         return null;
       }
       return createVNode(resolveComponent("van-button"), {
-        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "class": [ns.e("create"), ns.e("btn")],
         "size": "small",
-        "onClick": () => emit("addClick", index === void 0 ? void 0 : index + 1),
-        "type": "primary"
+        "onClick": () => emit("addClick", index === void 0 ? void 0 : index + 1)
       }, {
-        default: () => [createTextVNode("\u6DFB\u52A0")]
+        default: () => [showButton && createVNode(resolveComponent("van-icon"), {
+          "name": "plus"
+        }, null), createTextVNode("\u6DFB\u52A0")]
       });
     };
     const renderRemoveBtn = (item, index) => {
@@ -49,9 +54,8 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("van-button"), {
-          "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+          "class": [ns.e("remove"), ns.e("btn")],
           "size": "small",
-          "type": "danger",
           "onClick": () => {
             emit("removeClick", item, index);
           }
@@ -60,7 +64,7 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         });
       }
       return createVNode(resolveComponent("van-button"), {
-        "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+        "class": [ns.e("remove"), ns.e("btn")],
         "type": "danger",
         "size": "small",
         "onClick": () => {
@@ -70,21 +74,21 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         default: () => [createTextVNode("\u5220\u9664")]
       });
     };
-    const renderBottomBtn = (item, index) => {
-      return [renderAddBtn(index), renderRemoveBtn(item, index)];
+    const renderActionBtn = (item, index) => {
+      return [renderAddBtn(index, false), renderRemoveBtn(item, index)];
     };
     return {
       ns,
       showActions,
       renderAddBtn,
       renderRemoveBtn,
-      renderBottomBtn
+      renderActionBtn
     };
   },
   render() {
     return createVNode("div", {
       "class": this.ns.b()
-    }, [this.enableCreate && this.renderAddBtn(), this.items.map((item, index) => {
+    }, [this.items.map((item, index) => {
       const formComponent = this.$slots.item ? this.$slots.item({
         data: item,
         index
@@ -92,10 +96,18 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": this.ns.b("item"),
         "key": item.id
-      }, [formComponent, this.showActions && createVNode("div", {
-        "class": this.ns.b("item-actions")
-      }, [this.renderBottomBtn(item, index)])]);
-    })]);
+      }, [createVNode("div", {
+        "class": this.ns.b("item-header")
+      }, [createVNode("div", {
+        "class": this.ns.be("item-header", "caption")
+      }, [this.caption || ""]), createVNode("div", {
+        "class": this.ns.be("item-header", "action")
+      }, [this.renderActionBtn(item, index)])]), createVNode("div", {
+        "class": this.ns.b("item-content")
+      }, [formComponent])]);
+    }), this.enableCreate && createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [this.renderAddBtn()])]);
   }
 });
 

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

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

package/es/control/form/form-detail/form-page/form-page-item/form-page-item.mjs

@@ -39,7 +39,7 @@ const IBizFormPageItem = /* @__PURE__ */ defineComponent({
       }
     });
     return createVNode(resolveComponent("iBizRow"), {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id)],
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass],
       "layout": this.modelData.layout
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;

package/es/control/form/form-detail/form-tab-page/form-tab-page.mjs

@@ -31,7 +31,7 @@ const FormTabPage = /* @__PURE__ */ defineComponent({
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     return createVNode(resolveComponent("iBizRow"), {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName)],
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
       "layout": this.modelData.layout
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;

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

@@ -1 +1 @@
-.ibiz-form-tab-panel{width:100%;height:100%}
+.ibiz-form-tab-panel{width:100%;height:100%;overflow:auto}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.mjs

@@ -30,8 +30,8 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
     var _a, _b, _c;
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    return createVNode(resolveComponent("el-tabs"), {
-      "class": [(this.ns.b(), this.ns.m(this.modelData.codeName))],
+    return createVNode(resolveComponent("van-tabs"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
       "model-value": (_c = this.modelData.deformTabPages) == null ? void 0 : _c[0].id
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
@@ -42,13 +42,21 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
       if (!c.state.visible && !c.state.keepAlive) {
         return null;
       }
-      return createVNode(resolveComponent("el-tab-pane"), {
+      return createVNode(resolveComponent("van-tab"), {
         "class": this.ns.b("tab-item"),
-        "label": c.model.caption,
+        "title": c.model.caption,
         "name": c.model.id,
+        "title-class": c.labelClass,
         "lazy": true
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
+      }, {
+        default: () => slot,
+        title: () => {
+          return createVNode("span", {
+            "class": this.ns.e("caption")
+          }, [c.model.sysImage && createVNode(resolveComponent("iBizIcon"), {
+            "icon": c.model.sysImage
+          }, null), c.model.showCaption && c.model.caption]);
+        }
       });
     })) ? _slot : {
       default: () => [_slot]

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

@@ -17,5 +17,11 @@ export { FormDRUIPartProvider } from './form-druipart/form-druipart.provider.mjs
 export { FormRawItemProvider } from './form-rawitem/form-rawitem.provider.mjs';
 export { FormTabPanelProvider } from './form-tab-panel/form-tab-panel.provider.mjs';
 export { FormTabPageProvider } from './form-tab-page/form-tab-page.provider.mjs';
+export { MDCtrlContainer } from './form-mdctrl/mdctrl-container/mdctrl-container.mjs';
+export { FormMDCtrlProvider } from './form-mdctrl/form-mdctrl.provider.mjs';
+export { FormMDCtrlRepeater } from './form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+export { FormMDCtrlMD } from './form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs';
+export { FormMDCtrlForm } from './form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs';
+export { FormMDCtrl } from './form-mdctrl/form-mdctrl.mjs';
 
 "use strict";

package/es/control/form/index.mjs

@@ -22,5 +22,11 @@ export { IBizFormTabPanel } from './form-detail/form-tab-panel/index.mjs';
 export { FormTabPageProvider } from './form-detail/form-tab-page/form-tab-page.provider.mjs';
 export { IBizFormTabPage } from './form-detail/form-tab-page/index.mjs';
 export { IBizFormMDCtrl } from './form-detail/form-mdctrl/index.mjs';
+export { MDCtrlContainer } from './form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs';
+export { FormMDCtrlProvider } from './form-detail/form-mdctrl/form-mdctrl.provider.mjs';
+export { FormMDCtrlRepeater } from './form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+export { FormMDCtrlMD } from './form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs';
+export { FormMDCtrlForm } from './form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs';
+export { FormMDCtrl } from './form-detail/form-mdctrl/form-mdctrl.mjs';
 
 "use strict";

package/es/control/index.d.ts

@@ -1,5 +1,7 @@
 export * from './list/md-ctrl';
 export * from './app-menu';
+export * from './app-menu-icon-view';
+export * from './app-menu-list-view';
 export * from './form';
 export * from './pickup-view-panel';
 export * from './list/list';

package/es/control/index.mjs

@@ -1,5 +1,7 @@
 export { IBizMDCtrlControl } from './list/md-ctrl/index.mjs';
 export { IBizAppMenuControl } from './app-menu/index.mjs';
+export { IBizAppMenuIconViewControl } from './app-menu-icon-view/index.mjs';
+export { IBizAppMenuListViewControl } from './app-menu-list-view/index.mjs';
 import './form/index.mjs';
 export { IBizPickupViewPanelControl } from './pickup-view-panel/index.mjs';
 export { IBizListControl } from './list/list/index.mjs';
@@ -37,6 +39,12 @@ export { IBizFormTabPanel } from './form/form-detail/form-tab-panel/index.mjs';
 export { FormTabPageProvider } from './form/form-detail/form-tab-page/form-tab-page.provider.mjs';
 export { IBizFormTabPage } from './form/form-detail/form-tab-page/index.mjs';
 export { IBizFormMDCtrl } from './form/form-detail/form-mdctrl/index.mjs';
+export { MDCtrlContainer } from './form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs';
+export { FormMDCtrlProvider } from './form/form-detail/form-mdctrl/form-mdctrl.provider.mjs';
+export { FormMDCtrlRepeater } from './form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+export { FormMDCtrlMD } from './form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs';
+export { FormMDCtrlForm } from './form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs';
+export { FormMDCtrl } from './form/form-detail/form-mdctrl/form-mdctrl.mjs';
 export { IBizEditFormControl } from './form/edit-form/index.mjs';
 export { IBizFormControl } from './form/form/index.mjs';
 export { PickupViewPanelProvider } from './pickup-view-panel/pickup-view-panel.provider.mjs';

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.css

@@ -1 +1 @@
-.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}
+.ibiz-cascader{height:100%}.ibiz-cascader .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-cascader .van-field::after{display:none}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts

@@ -68,8 +68,8 @@ export declare const IBizCascader: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;