@ibiz-template/mob-vue3-components 0.0.5 → 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-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/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';

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;

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -50,8 +50,8 @@ export declare const IBizCheckbox: 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;

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -53,8 +53,8 @@ export declare const IBizCheckboxList: 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;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -54,8 +54,8 @@ export declare const IBizColorPicker: 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;

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

@@ -0,0 +1 @@
+.ibiz-data-mpicker .ibiz-data-mpicker-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-data-mpicker .ibiz-data-mpicker-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-data-mpicker-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-data-mpicker-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-data-mpicker .ibiz-data-mpicker-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-data-mpicker .ibiz-data-mpicker-columns .van-cell-group{height:100%;overflow:auto}.ibiz-data-mpicker .ibiz-data-mpicker-columns .van-cell{justify-content:flex-end;padding:var(--ibiz-spacing-base-tight)}.ibiz-data-mpicker .van-cell-group--inset{margin:0}

package/es/editor/common/data-mpicker/ibiz-data-mpicker.d.ts

@@ -0,0 +1,44 @@
+import { Ref, PropType } from 'vue';
+import './ibiz-data-mpicker.scss';
+export declare const IBizDataMPicker: import("vue").DefineComponent<{
+    value: {
+        type: PropType<string[]>;
+        default: never[];
+    };
+    items: {
+        type: PropType<IData[]>;
+        default: () => never[];
+    };
+    showPicker: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    checkboxRefs: Ref<IData>;
+    curValue: import("vue").WritableComputedRef<string[]>;
+    emit: (event: "change" | "update:showPicker", ...args: any[]) => void;
+    toggle: (index: number) => void;
+    onCancel: (e: Event) => void;
+    onConfirm: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:showPicker")[], "change" | "update:showPicker", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<string[]>;
+        default: never[];
+    };
+    items: {
+        type: PropType<IData[]>;
+        default: () => never[];
+    };
+    showPicker: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
+}, {
+    value: string[];
+    items: IData[];
+    showPicker: boolean;
+}, {}>;

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

@@ -0,0 +1,139 @@
+import { isVNode, ref, computed, watch, createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-data-mpicker.css';
+import { clone } from 'ramda';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizDataMPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizDataMPicker",
+  props: {
+    value: {
+      type: Object,
+      // eslint-disable-next-line vue/require-valid-default-prop
+      default: []
+    },
+    items: {
+      type: Object,
+      // eslint-disable-next-line vue/require-valid-default-prop
+      default: () => []
+    },
+    showPicker: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:showPicker", "change"],
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("data-mpicker");
+    const localSelectValue = ref([]);
+    const curValue = computed({
+      get() {
+        return localSelectValue.value;
+      },
+      set(select) {
+        localSelectValue.value = select;
+      }
+    });
+    watch(() => props.value, (newVal) => {
+      if (newVal || newVal === null) {
+        localSelectValue.value = newVal;
+      }
+    }, {
+      immediate: true
+    });
+    const onConfirm = (e) => {
+      e.stopPropagation();
+      emit("update:showPicker", false);
+      const value = clone(localSelectValue.value);
+      emit("change", value);
+    };
+    const onCancel = (e) => {
+      e.stopPropagation();
+      emit("update:showPicker", false);
+      localSelectValue.value = props.value;
+    };
+    const checkboxRefs = ref([]);
+    const toggle = (index) => {
+      checkboxRefs.value[index].toggle();
+    };
+    return {
+      ns,
+      checkboxRefs,
+      curValue,
+      emit,
+      toggle,
+      onCancel,
+      onConfirm
+    };
+  },
+  render() {
+    const renderToolbar = () => {
+      return createVNode("div", {
+        "class": this.ns.b("toolbar")
+      }, [createVNode("button", {
+        "type": "button",
+        "class": this.ns.be("toolbar", "cancel"),
+        "onClick": (e) => {
+          this.onCancel(e);
+        }
+      }, [createTextVNode("\u53D6\u6D88")]), createVNode("button", {
+        "type": "button",
+        "class": this.ns.be("toolbar", "confirm"),
+        "onClick": (e) => {
+          this.onConfirm(e);
+        }
+      }, [createTextVNode("\u786E\u5B9A")])]);
+    };
+    const renderColumns = () => {
+      let _slot;
+      return createVNode(resolveComponent("van-checkbox-group"), {
+        "class": this.ns.b("columns"),
+        "modelValue": this.curValue,
+        "onUpdate:modelValue": ($event) => this.curValue = $event
+      }, {
+        default: () => [createVNode(resolveComponent("van-cell-group"), {
+          "inset": true
+        }, _isSlot(_slot = this.items.map((item, index) => {
+          return createVNode(resolveComponent("van-cell"), {
+            "title": item.text,
+            "clickable": true,
+            "onClick": () => {
+              this.toggle(index);
+            }
+          }, {
+            "right-icon": () => {
+              return createVNode(resolveComponent("van-checkbox"), {
+                "ref": (el) => this.checkboxRefs[index] = el,
+                "name": item.value,
+                "onClick": (e) => e.stopPropagation()
+              }, null);
+            }
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        })]
+      });
+    };
+    return createVNode(resolveComponent("van-popup"), {
+      "class": this.ns.b(),
+      "show": this.showPicker,
+      "onUpdate:show": ($event) => this.showPicker = $event,
+      "round": true,
+      "position": "bottom",
+      "close-on-click-overlay": false,
+      "onClickOverlay": (e) => {
+        e.stopPropagation();
+        this.emit("update:showPicker", false);
+      }
+    }, {
+      default: () => [renderToolbar(), renderColumns()]
+    });
+  }
+});
+
+export { IBizDataMPicker };

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--disabled{opacity:.8}.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::after{display:none}.ibiz-mpicker .van-field__right-icon 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.d.ts

@@ -26,11 +26,12 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     items: Ref<IData[]>;
     valueText: import("vue").ComputedRef<string>;
     selectItems: Ref<IData[]>;
-    onSearch: (query: string) => Promise<void>;
+    showPicker: Ref<boolean>;
+    onSearch: (query?: string) => Promise<void>;
     onRemove: (tag: string) => void;
-    onOpenChange: (flag: boolean) => void;
     onSelect: (selects: string[]) => void;
     openPickUpView: () => Promise<void>;
+    openPicker: () => Promise<void>;
     onFocus: () => void;
     onBlur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -61,8 +62,8 @@ export declare const IBizMPicker: 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;