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

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

@@ -0,0 +1,19 @@
+import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+export declare const RepeaterMultiForm: import("vue").DefineComponent<{
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onValueChange: (value: IData, index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: IData[]) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}>> & {
+    onChange?: ((_value: IData[]) => any) | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,59 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { RepeaterSingleForm } from '../repeater-single-form/repeater-single-form.mjs';
+
+"use strict";
+const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
+  name: "IBizRepeaterMultiForm",
+  props: {
+    controller: {
+      type: FormMDCtrlRepeaterController,
+      required: true
+    }
+  },
+  emits: {
+    change: (_value) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("repeater-multi-form");
+    const onValueChange = (value, index) => {
+      const arrData = [...props.controller.value];
+      arrData[index] = value;
+      emit("change", arrData);
+    };
+    return {
+      ns,
+      onValueChange
+    };
+  },
+  render() {
+    const items = this.controller.value || [];
+    return createVNode(resolveComponent("iBizMDCtrlContainer"), {
+      "class": this.ns.b(),
+      "items": items,
+      "enableCreate": this.controller.enableCreate,
+      "enableDelete": this.controller.enableDelete,
+      "onAddClick": () => this.controller.create(),
+      "onRemoveClick": (_item, index) => this.controller.remove(index)
+    }, {
+      item: ({
+        data,
+        index
+      }) => {
+        return createVNode(RepeaterSingleForm, {
+          "key": index,
+          "data": data,
+          "controller": this.controller,
+          "onChange": (value) => {
+            this.onValueChange(value, index);
+          }
+        }, null);
+      }
+    });
+  }
+});
+
+export { RepeaterMultiForm };

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

@@ -0,0 +1 @@
+.ibiz-repeater-single-form{--ibiz-repeater-single-form-header-height:32px;width:100%}.ibiz-repeater-single-form__content{width:100%}.ibiz-repeater-single-form-header{height:var(--ibiz-repeater-single-form-header-height)}

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

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { EventBase, FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import './repeater-single-form.scss';
+export declare const RepeaterSingleForm: import("vue").DefineComponent<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onFormDataChange: (event: EventBase) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: IData) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}>> & {
+    onChange?: ((_value: IData) => any) | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,54 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import { RuntimeError } from '@ibiz-template/core';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './repeater-single-form.css';
+
+"use strict";
+const RepeaterSingleForm = /* @__PURE__ */ defineComponent({
+  name: "IBizRepeaterSingleForm",
+  props: {
+    data: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: FormMDCtrlRepeaterController,
+      required: true
+    }
+  },
+  emits: {
+    change: (_value) => true
+  },
+  setup(_props, {
+    emit
+  }) {
+    const ns = useNamespace("repeater-single-form");
+    const onFormDataChange = (event) => {
+      const formData = {
+        ...event.data[0]
+      };
+      emit("change", formData);
+    };
+    return {
+      ns,
+      onFormDataChange
+    };
+  },
+  render() {
+    if (!this.controller.repeatedForm) {
+      throw new RuntimeError("\u6CA1\u6709repeatedForm");
+    }
+    return createVNode(resolveComponent("iBizControlShell"), {
+      "class": this.ns.b(),
+      "context": this.controller.context,
+      "params": this.controller.params,
+      "modelData": this.controller.repeatedForm,
+      "isSimple": true,
+      "data": this.data,
+      "onFormDataChange": this.onFormDataChange
+    }, null);
+  }
+});
+
+export { RepeaterSingleForm };

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

@@ -0,0 +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)}.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)}

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

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { IDEFormMDCtrl } from '@ibiz/model-core';
+import { FormMDCtrlController } from '@ibiz-template/runtime';
+import './form-mdctrl.scss';
+export declare const FormMDCtrl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormMDCtrl>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlController;
+        required: true;
+    };
+}, {
+    c: FormMDCtrlController;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: 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>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormMDCtrl;

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

@@ -0,0 +1,67 @@
+import { createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace, useController } from '@ibiz-template/vue3-util';
+import { FormMDCtrlController } from '@ibiz-template/runtime';
+import './form-mdctrl.css';
+
+"use strict";
+const FormMDCtrl = /* @__PURE__ */ defineComponent({
+  name: "IBizFormMDCtrl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: FormMDCtrlController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("form-mdctrl");
+    useController(props.controller);
+    const c = props.controller;
+    const hasCaption = c.model.showCaption && !!c.model.caption;
+    return {
+      c,
+      ns,
+      hasCaption
+    };
+  },
+  render() {
+    const {
+      model
+    } = this.c;
+    let content;
+    switch (model.contentType) {
+      case "GRID":
+      case "LIST":
+      case "DATAVIEW":
+        content = createVNode(resolveComponent("iBizFormMDCtrlMD"), {
+          "controller": this.c
+        }, null);
+        break;
+      case "FORM":
+        content = createVNode(resolveComponent("iBizFormMDCtrlForm"), {
+          "controller": this.c
+        }, null);
+        break;
+      case "REPEATER":
+        content = createVNode(resolveComponent("iBizFormMDCtrlRepeater"), {
+          "controller": this.c
+        }, null);
+        break;
+      default:
+        createVNode("div", null, [model.contentType, createTextVNode("\u6682\u672A\u652F\u6301")]);
+        break;
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
+    }, [this.hasCaption && createVNode("div", {
+      "class": this.ns.b("header")
+    }, [createVNode("span", {
+      "class": this.ns.e("title")
+    }, [this.c.model.caption])]), content]);
+  }
+});
+
+export { FormMDCtrl, FormMDCtrl as default };

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

@@ -0,0 +1,15 @@
+import { FormController, FormMDCtrlController, IFormDetailContainerController, IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormMDCtrl } from '@ibiz/model-core';
+/**
+ * 表单多数据部件适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormMDCtrlProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormMDCtrlProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormMDCtrl, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormMDCtrlController>;
+}

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

@@ -0,0 +1,40 @@
+import { ModelError } from '@ibiz-template/core';
+import { FormMDCtrlRepeaterController, FormMDCtrlFormController, FormMDCtrlMDController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class FormMDCtrlProvider {
+  constructor() {
+    __publicField(this, "component", "IBizFormMDCtrl");
+  }
+  async createController(detailModel, form, parent) {
+    let c;
+    switch (detailModel.contentType) {
+      case "LIST":
+      case "GRID":
+      case "DATAVIEW":
+        c = new FormMDCtrlMDController(detailModel, form, parent);
+        break;
+      case "FORM":
+        c = new FormMDCtrlFormController(detailModel, form, parent);
+        break;
+      case "REPEATER":
+        c = new FormMDCtrlRepeaterController(detailModel, form, parent);
+        break;
+      default:
+        throw new ModelError(
+          detailModel,
+          `\u6682\u672A\u652F\u6301\u5185\u5BB9\u7C7B\u578B\u4E3A${detailModel.contentType}`
+        );
+    }
+    await c.init();
+    return c;
+  }
+}
+
+export { FormMDCtrlProvider };

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

@@ -0,0 +1,24 @@
+export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormMDCtrlController;
+        required: true;
+    };
+}, {
+    c: import("@ibiz-template/runtime").FormMDCtrlController;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: 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>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormMDCtrlController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormMDCtrl;

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

@@ -0,0 +1,20 @@
+import { registerFormDetailProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { FormMDCtrl } from './form-mdctrl.mjs';
+import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form.mjs';
+import { FormMDCtrlMD } from './form-mdctrl-md/form-mdctrl-md.mjs';
+import { FormMDCtrlRepeater } from './form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+import { FormMDCtrlProvider } from './form-mdctrl.provider.mjs';
+import { MDCtrlContainer } from './mdctrl-container/mdctrl-container.mjs';
+
+"use strict";
+const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
+  v.component(FormMDCtrl.name, FormMDCtrl);
+  v.component(FormMDCtrlForm.name, FormMDCtrlForm);
+  v.component(FormMDCtrlMD.name, FormMDCtrlMD);
+  v.component(FormMDCtrlRepeater.name, FormMDCtrlRepeater);
+  v.component(MDCtrlContainer.name, MDCtrlContainer);
+  registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
+});
+
+export { IBizFormMDCtrl, IBizFormMDCtrl as default };

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

@@ -0,0 +1 @@
+.ibiz-mdctrl-container{display:flex;flex-direction:column;gap:10px;padding:var(--ibiz-spacing-tight) 0}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{flex-shrink:0;width:100%;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}

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

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+import './mdctrl-container.scss';
+export declare const MDCtrlContainer: import("vue").DefineComponent<{
+    enableCreate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    enableDelete: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    showActions: import("vue").ComputedRef<boolean>;
+    renderAddBtn: () => JSX.Element;
+    renderRemoveBtn: (item: IData, index: number) => JSX.Element | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    addClick: () => true;
+    removeClick: (_data: IData, _index: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    enableCreate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    enableDelete: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        required: true;
+    };
+}>> & {
+    onAddClick?: (() => any) | undefined;
+    onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,94 @@
+import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './mdctrl-container.css';
+
+"use strict";
+const MDCtrlContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizMDCtrlContainer",
+  props: {
+    enableCreate: {
+      type: Boolean,
+      required: true
+    },
+    enableDelete: {
+      type: Boolean,
+      required: true
+    },
+    items: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    addClick: () => true,
+    removeClick: (_data, _index) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("mdctrl-container");
+    const showActions = computed(() => {
+      return props.enableCreate || props.enableDelete;
+    });
+    const renderAddBtn = () => {
+      return createVNode(resolveComponent("van-button"), {
+        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "size": "small",
+        "onClick": () => emit("addClick"),
+        "type": "primary"
+      }, {
+        default: () => [createTextVNode("\u6DFB\u52A0")]
+      });
+    };
+    const renderRemoveBtn = (item, index) => {
+      if (!props.enableDelete) {
+        return null;
+      }
+      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
+        return createVNode(resolveComponent("van-button"), {
+          "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+          "size": "small",
+          "type": "danger",
+          "onClick": () => {
+            emit("removeClick", item, index);
+          }
+        }, {
+          default: () => [createTextVNode("\u5220\u9664")]
+        });
+      }
+      return createVNode(resolveComponent("van-button"), {
+        "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+        "type": "danger",
+        "size": "small",
+        "onClick": () => {
+          emit("removeClick", item, index);
+        }
+      }, {
+        default: () => [createTextVNode("\u5220\u9664")]
+      });
+    };
+    return {
+      ns,
+      showActions,
+      renderAddBtn,
+      renderRemoveBtn
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [this.enableCreate && this.renderAddBtn(), this.items.map((item, index) => {
+      const formComponent = this.$slots.item ? this.$slots.item({
+        data: item,
+        index
+      }) : createVNode("div", null, [createTextVNode("\u672A\u63D0\u4F9Bitem\u63D2\u69FD")]);
+      return createVNode("div", {
+        "class": this.ns.b("item")
+      }, [formComponent, this.showActions && createVNode("div", {
+        "class": this.ns.b("item-actions")
+      }, [this.renderRemoveBtn(item, index)])]);
+    })]);
+  }
+});
+
+export { MDCtrlContainer };

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

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

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

@@ -6,3 +6,4 @@ export * from './form-druipart/index';
 export * from './form-rawitem/index';
 export * from './form-tab-panel/index';
 export * from './form-tab-page/index';
+export * from './form-mdctrl/index';

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

@@ -6,6 +6,7 @@ export { IBizFormDRUIPart } from './form-druipart/index.mjs';
 export { IBizFormRawItem } from './form-rawitem/index.mjs';
 export { IBizFormTabPanel } from './form-tab-panel/index.mjs';
 export { IBizFormTabPage } from './form-tab-page/index.mjs';
+export { IBizFormMDCtrl } from './form-mdctrl/index.mjs';
 export { FormGroupPanelProvider } from './form-group-panel/form-group-panel.provider.mjs';
 export { FormItemProvider } from './form-item/form-item.provider.mjs';
 export { IBizFormItemContainer } from './form-item/form-item-container/form-item-container.mjs';

package/es/control/form/index.mjs

@@ -21,5 +21,6 @@ export { FormTabPanelProvider } from './form-detail/form-tab-panel/form-tab-pane
 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';
 
 "use strict";

package/es/control/index.d.ts

@@ -1,4 +1,3 @@
-export * from './panel';
 export * from './md-ctrl';
 export * from './app-menu';
 export * from './form';

package/es/control/index.mjs

@@ -1,4 +1,3 @@
-import './panel/index.mjs';
 export { IBizMDCtrlControl } from './md-ctrl/index.mjs';
 export { IBizAppMenuControl } from './app-menu/index.mjs';
 import './form/index.mjs';
@@ -15,10 +14,6 @@ export { IBizDashboardControl } from './dashboard/index.mjs';
 export { IBizChartControl } from './chart/index.mjs';
 export { IBizCalendarControl } from './calendar/index.mjs';
 export { IBizWizardPanelControl } from './wizard-panel/index.mjs';
-export { ViewLayoutPanelProvider } from './panel/view-layout-panel/view-layout-panel.provider.mjs';
-export { IBizViewLayoutPanelControl } from './panel/view-layout-panel/index.mjs';
-export { PanelProvider } from './panel/panel/panel.provider.mjs';
-export { IBizPanelControl } from './panel/panel/index.mjs';
 export { MDCtrlProvider } from './md-ctrl/md-ctrl.provider.mjs';
 export { AppMenuProvider } from './app-menu/app-menu.provider.mjs';
 export { SearchFormProvider } from './form/search-form/search-form.provider.mjs';
@@ -41,6 +36,7 @@ export { FormTabPanelProvider } from './form/form-detail/form-tab-panel/form-tab
 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 { 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/control/md-ctrl/md-ctrl.css

@@ -1 +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);--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-load-more-font-size:var(--ibiz-font-size-small);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-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);--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-load-more-font-size:var(--ibiz-font-size-small)}.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);--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-load-more-font-size:var(--ibiz-font-size-small);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);--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-load-more-font-size:var(--ibiz-font-size-small);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)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;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)}
+.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);--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:1.3125rem;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-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);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);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;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/search-bar/search-bar.css

@@ -1 +1 @@
-.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-bg-0)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}
+.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-searchbar-height:2.25rem}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-bg-1);--van-search-padding:var(--ibiz-control-searchbar-padding);--van-search-input-height:var(--ibiz-control-searchbar-height)}.ibiz-control-searchbar .van-search .van-field__left-icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}

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{--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)}
+.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)}

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

@@ -241,7 +241,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [createVNode(resolveComponent("van-field"), {
+    }, [this.readonly && this.value, !this.readonly && createVNode(resolveComponent("van-field"), {
       "modelValue": this.value,
       "onUpdate:modelValue": ($event) => this.value = $event,
       "readonly": true,
@@ -251,7 +251,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onClick": this.openPopup
     }, {
-      "right-icon": createVNode(IBizCommonRightIcon, null, null)
+      "right-icon": !this.readonly && createVNode(IBizCommonRightIcon, null, null)
     }), createVNode(resolveComponent("van-popup"), {
       "show": this.show,
       "round": true,

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:3.125rem}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:.5rem}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:3.125rem}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:.5rem}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--disabled{opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -95,6 +95,9 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       }
     };
     const onRemove = (tag) => {
+      if (props.readonly || props.disabled) {
+        return;
+      }
       const index = selectItems.value.findIndex((item) => Object.is(item[c.keyName], tag));
       if (index >= 0) {
         selectItems.value.splice(index, 1);

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker-select-view--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color);color:var(--ibiz-form-item-disabled-color)}.ibiz-picker-select-view--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-disabled-color)}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker-select-view--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color);color:var(--ibiz-form-item-disabled-color)}.ibiz-picker-select-view--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}