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

package/lib/control/index.cjs

@@ -2,51 +2,53 @@
 
 var index = require('./list/md-ctrl/index.cjs');
 var index$1 = require('./app-menu/index.cjs');
+var index$2 = require('./app-menu-icon-view/index.cjs');
+var index$3 = require('./app-menu-list-view/index.cjs');
 require('./form/index.cjs');
-var index$e = require('./pickup-view-panel/index.cjs');
-var index$f = require('./list/list/index.cjs');
-var index$g = require('./tab-exp-panel/index.cjs');
-var index$h = require('./toolbar/index.cjs');
-var index$i = require('./caption-bar/index.cjs');
-var index$j = require('./search-bar/index.cjs');
-var index$k = require('./drtab/index.cjs');
-var index$l = require('./tree/index.cjs');
-var index$m = require('./data-view/index.cjs');
-var index$n = require('./dashboard/index.cjs');
-var index$r = require('./chart/index.cjs');
-var index$s = require('./calendar/index.cjs');
-var index$t = require('./wizard-panel/index.cjs');
+var index$g = require('./pickup-view-panel/index.cjs');
+var index$h = require('./list/list/index.cjs');
+var index$i = require('./tab-exp-panel/index.cjs');
+var index$j = require('./toolbar/index.cjs');
+var index$k = require('./caption-bar/index.cjs');
+var index$l = require('./search-bar/index.cjs');
+var index$m = require('./drtab/index.cjs');
+var index$n = require('./tree/index.cjs');
+var index$o = require('./data-view/index.cjs');
+var index$p = require('./dashboard/index.cjs');
+var index$t = require('./chart/index.cjs');
+var index$u = require('./calendar/index.cjs');
+var index$v = require('./wizard-panel/index.cjs');
 var mdCtrl_provider = require('./list/md-ctrl/md-ctrl.provider.cjs');
 var appMenu_provider = require('./app-menu/app-menu.provider.cjs');
 var searchForm_provider = require('./form/search-form/search-form.provider.cjs');
-var index$2 = require('./form/search-form/index.cjs');
+var index$4 = require('./form/search-form/index.cjs');
 var formGroupPanel_provider = require('./form/form-detail/form-group-panel/form-group-panel.provider.cjs');
-var index$3 = require('./form/form-detail/form-group-panel/index.cjs');
+var index$5 = require('./form/form-detail/form-group-panel/index.cjs');
 var formItem_provider = require('./form/form-detail/form-item/form-item.provider.cjs');
 var formItemContainer = require('./form/form-detail/form-item/form-item-container/form-item-container.cjs');
-var index$4 = require('./form/form-detail/form-item/index.cjs');
+var index$6 = require('./form/form-detail/form-item/index.cjs');
 var formPageItem = require('./form/form-detail/form-page/form-page-item/form-page-item.cjs');
 var formPage_provider = require('./form/form-detail/form-page/form-page.provider.cjs');
-var index$5 = require('./form/form-detail/form-page/index.cjs');
+var index$7 = require('./form/form-detail/form-page/index.cjs');
 var formButton_provider = require('./form/form-detail/form-button/form-button.provider.cjs');
-var index$6 = require('./form/form-detail/form-button/index.cjs');
+var index$8 = require('./form/form-detail/form-button/index.cjs');
 var formDruipart_provider = require('./form/form-detail/form-druipart/form-druipart.provider.cjs');
-var index$7 = require('./form/form-detail/form-druipart/index.cjs');
+var index$9 = require('./form/form-detail/form-druipart/index.cjs');
 var formRawitem_provider = require('./form/form-detail/form-rawitem/form-rawitem.provider.cjs');
-var index$8 = require('./form/form-detail/form-rawitem/index.cjs');
+var index$a = require('./form/form-detail/form-rawitem/index.cjs');
 var formTabPanel_provider = require('./form/form-detail/form-tab-panel/form-tab-panel.provider.cjs');
-var index$9 = require('./form/form-detail/form-tab-panel/index.cjs');
+var index$b = require('./form/form-detail/form-tab-panel/index.cjs');
 var formTabPage_provider = require('./form/form-detail/form-tab-page/form-tab-page.provider.cjs');
-var index$a = require('./form/form-detail/form-tab-page/index.cjs');
-var index$b = require('./form/form-detail/form-mdctrl/index.cjs');
+var index$c = require('./form/form-detail/form-tab-page/index.cjs');
+var index$d = require('./form/form-detail/form-mdctrl/index.cjs');
 var mdctrlContainer = require('./form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.cjs');
 var formMdctrl_provider = require('./form/form-detail/form-mdctrl/form-mdctrl.provider.cjs');
 var formMdctrlRepeater = require('./form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.cjs');
 var formMdctrlMd = require('./form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.cjs');
 var formMdctrlForm = require('./form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs');
 var formMdctrl = require('./form/form-detail/form-mdctrl/form-mdctrl.cjs');
-var index$c = require('./form/edit-form/index.cjs');
-var index$d = require('./form/form/index.cjs');
+var index$e = require('./form/edit-form/index.cjs');
+var index$f = require('./form/form/index.cjs');
 var pickupViewPanel_provider = require('./pickup-view-panel/pickup-view-panel.provider.cjs');
 var pickupViewPanel_controller = require('./pickup-view-panel/pickup-view-panel.controller.cjs');
 var list_provider = require('./list/list/list.provider.cjs');
@@ -61,63 +63,65 @@ var dashboard_provider = require('./dashboard/dashboard.provider.cjs');
 var portletPart_state = require('./dashboard/portlet/portlet-part/portlet-part.state.cjs');
 var containerPortlet_provider = require('./dashboard/portlet/container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
-var index$o = require('./dashboard/portlet/container-portlet/index.cjs');
+var index$q = require('./dashboard/portlet/container-portlet/index.cjs');
 var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
 var menuPortlet_provider = require('./dashboard/portlet/menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
-var index$p = require('./dashboard/portlet/menu-portlet/index.cjs');
+var index$r = require('./dashboard/portlet/menu-portlet/index.cjs');
 var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
-var index$q = require('./dashboard/portlet/view-portlet/index.cjs');
+var index$s = require('./dashboard/portlet/view-portlet/index.cjs');
 var calendar_provider = require('./calendar/calendar.provider.cjs');
 
 "use strict";
 
 exports.IBizMDCtrlControl = index.IBizMDCtrlControl;
 exports.IBizAppMenuControl = index$1.IBizAppMenuControl;
-exports.IBizPickupViewPanelControl = index$e.IBizPickupViewPanelControl;
-exports.IBizListControl = index$f.IBizListControl;
-exports.IBizTabExpPanelControl = index$g.IBizTabExpPanelControl;
-exports.IBizToolbarControl = index$h.IBizToolbarControl;
-exports.IBizCaptionBarControl = index$i.IBizCaptionBarControl;
-exports.IBizSearchBarControl = index$j.IBizSearchBarControl;
-exports.IBizDRTabControl = index$k.IBizDRTabControl;
-exports.IBizTreeControl = index$l.IBizTreeControl;
-exports.IBizDataViewControl = index$m.IBizDataViewControl;
-exports.IBizDashboardControl = index$n.IBizDashboardControl;
-exports.IBizChartControl = index$r.IBizChartControl;
-exports.IBizCalendarControl = index$s.IBizCalendarControl;
-exports.IBizWizardPanelControl = index$t.IBizWizardPanelControl;
+exports.IBizAppMenuIconViewControl = index$2.IBizAppMenuIconViewControl;
+exports.IBizAppMenuListViewControl = index$3.IBizAppMenuListViewControl;
+exports.IBizPickupViewPanelControl = index$g.IBizPickupViewPanelControl;
+exports.IBizListControl = index$h.IBizListControl;
+exports.IBizTabExpPanelControl = index$i.IBizTabExpPanelControl;
+exports.IBizToolbarControl = index$j.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$k.IBizCaptionBarControl;
+exports.IBizSearchBarControl = index$l.IBizSearchBarControl;
+exports.IBizDRTabControl = index$m.IBizDRTabControl;
+exports.IBizTreeControl = index$n.IBizTreeControl;
+exports.IBizDataViewControl = index$o.IBizDataViewControl;
+exports.IBizDashboardControl = index$p.IBizDashboardControl;
+exports.IBizChartControl = index$t.IBizChartControl;
+exports.IBizCalendarControl = index$u.IBizCalendarControl;
+exports.IBizWizardPanelControl = index$v.IBizWizardPanelControl;
 exports.MDCtrlProvider = mdCtrl_provider.MDCtrlProvider;
 exports.AppMenuProvider = appMenu_provider.AppMenuProvider;
 exports.SearchFormProvider = searchForm_provider.SearchFormProvider;
-exports.IBizSearchFormControl = index$2.IBizSearchFormControl;
+exports.IBizSearchFormControl = index$4.IBizSearchFormControl;
 exports.FormGroupPanelProvider = formGroupPanel_provider.FormGroupPanelProvider;
-exports.IBizFormGroupPanel = index$3.IBizFormGroupPanel;
+exports.IBizFormGroupPanel = index$5.IBizFormGroupPanel;
 exports.FormItemProvider = formItem_provider.FormItemProvider;
 exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
-exports.IBizFormItem = index$4.IBizFormItem;
+exports.IBizFormItem = index$6.IBizFormItem;
 exports.IBizFormPageItem = formPageItem.IBizFormPageItem;
 exports.FormPageProvider = formPage_provider.FormPageProvider;
-exports.IBizFormPage = index$5.IBizFormPage;
+exports.IBizFormPage = index$7.IBizFormPage;
 exports.FormButtonProvider = formButton_provider.FormButtonProvider;
-exports.IBizFormButton = index$6.IBizFormButton;
+exports.IBizFormButton = index$8.IBizFormButton;
 exports.FormDRUIPartProvider = formDruipart_provider.FormDRUIPartProvider;
-exports.IBizFormDRUIPart = index$7.IBizFormDRUIPart;
+exports.IBizFormDRUIPart = index$9.IBizFormDRUIPart;
 exports.FormRawItemProvider = formRawitem_provider.FormRawItemProvider;
-exports.IBizFormRawItem = index$8.IBizFormRawItem;
+exports.IBizFormRawItem = index$a.IBizFormRawItem;
 exports.FormTabPanelProvider = formTabPanel_provider.FormTabPanelProvider;
-exports.IBizFormTabPanel = index$9.IBizFormTabPanel;
+exports.IBizFormTabPanel = index$b.IBizFormTabPanel;
 exports.FormTabPageProvider = formTabPage_provider.FormTabPageProvider;
-exports.IBizFormTabPage = index$a.IBizFormTabPage;
-exports.IBizFormMDCtrl = index$b.IBizFormMDCtrl;
+exports.IBizFormTabPage = index$c.IBizFormTabPage;
+exports.IBizFormMDCtrl = index$d.IBizFormMDCtrl;
 exports.MDCtrlContainer = mdctrlContainer.MDCtrlContainer;
 exports.FormMDCtrlProvider = formMdctrl_provider.FormMDCtrlProvider;
 exports.FormMDCtrlRepeater = formMdctrlRepeater.FormMDCtrlRepeater;
 exports.FormMDCtrlMD = formMdctrlMd.FormMDCtrlMD;
 exports.FormMDCtrlForm = formMdctrlForm.FormMDCtrlForm;
 exports.FormMDCtrl = formMdctrl.FormMDCtrl;
-exports.IBizEditFormControl = index$c.IBizEditFormControl;
-exports.IBizFormControl = index$d.IBizFormControl;
+exports.IBizEditFormControl = index$e.IBizEditFormControl;
+exports.IBizFormControl = index$f.IBizFormControl;
 exports.PickupViewPanelProvider = pickupViewPanel_provider.PickupViewPanelProvider;
 exports.PickupViewPanelController = pickupViewPanel_controller.PickupViewPanelController;
 exports.ListProvider = list_provider.ListProvider;
@@ -132,11 +136,11 @@ exports.DashboardProvider = dashboard_provider.DashboardProvider;
 exports.PortletPartState = portletPart_state.PortletPartState;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
-exports.IBizContainerPortlet = index$o.IBizContainerPortlet;
+exports.IBizContainerPortlet = index$q.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
-exports.IBizMenuPortlet = index$p.IBizMenuPortlet;
+exports.IBizMenuPortlet = index$r.IBizMenuPortlet;
 exports.ViewPortlet = viewPortlet.ViewPortlet;
-exports.IBizViewPortlet = index$q.IBizViewPortlet;
+exports.IBizViewPortlet = index$s.IBizViewPortlet;
 exports.CalendarProvider = calendar_provider.CalendarProvider;

package/lib/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/lib/editor/common/data-mpicker/ibiz-data-mpicker.cjs

@@ -0,0 +1,141 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-data-mpicker.css');
+var ramda = require('ramda');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizDataMPicker = /* @__PURE__ */ vue.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 = vue3Util.useNamespace("data-mpicker");
+    const localSelectValue = vue.ref([]);
+    const curValue = vue.computed({
+      get() {
+        return localSelectValue.value;
+      },
+      set(select) {
+        localSelectValue.value = select;
+      }
+    });
+    vue.watch(() => props.value, (newVal) => {
+      if (newVal || newVal === null) {
+        localSelectValue.value = newVal;
+      }
+    }, {
+      immediate: true
+    });
+    const onConfirm = (e) => {
+      e.stopPropagation();
+      emit("update:showPicker", false);
+      const value = ramda.clone(localSelectValue.value);
+      emit("change", value);
+    };
+    const onCancel = (e) => {
+      e.stopPropagation();
+      emit("update:showPicker", false);
+      localSelectValue.value = props.value;
+    };
+    const checkboxRefs = vue.ref([]);
+    const toggle = (index) => {
+      checkboxRefs.value[index].toggle();
+    };
+    return {
+      ns,
+      checkboxRefs,
+      curValue,
+      emit,
+      toggle,
+      onCancel,
+      onConfirm
+    };
+  },
+  render() {
+    const renderToolbar = () => {
+      return vue.createVNode("div", {
+        "class": this.ns.b("toolbar")
+      }, [vue.createVNode("button", {
+        "type": "button",
+        "class": this.ns.be("toolbar", "cancel"),
+        "onClick": (e) => {
+          this.onCancel(e);
+        }
+      }, [vue.createTextVNode("\u53D6\u6D88")]), vue.createVNode("button", {
+        "type": "button",
+        "class": this.ns.be("toolbar", "confirm"),
+        "onClick": (e) => {
+          this.onConfirm(e);
+        }
+      }, [vue.createTextVNode("\u786E\u5B9A")])]);
+    };
+    const renderColumns = () => {
+      let _slot;
+      return vue.createVNode(vue.resolveComponent("van-checkbox-group"), {
+        "class": this.ns.b("columns"),
+        "modelValue": this.curValue,
+        "onUpdate:modelValue": ($event) => this.curValue = $event
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("van-cell-group"), {
+          "inset": true
+        }, _isSlot(_slot = this.items.map((item, index) => {
+          return vue.createVNode(vue.resolveComponent("van-cell"), {
+            "title": item.text,
+            "clickable": true,
+            "onClick": () => {
+              this.toggle(index);
+            }
+          }, {
+            "right-icon": () => {
+              return vue.createVNode(vue.resolveComponent("van-checkbox"), {
+                "ref": (el) => this.checkboxRefs[index] = el,
+                "name": item.value,
+                "onClick": (e) => e.stopPropagation()
+              }, null);
+            }
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        })]
+      });
+    };
+    return vue.createVNode(vue.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()]
+    });
+  }
+});
+
+exports.IBizDataMPicker = IBizDataMPicker;

package/lib/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/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -3,6 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-mpicker.css');
+var ibizDataMpicker = require('../../common/data-mpicker/ibiz-data-mpicker.cjs');
+var rightIcon = require('../../common/right-icon/right-icon.cjs');
 
 "use strict";
 const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
@@ -17,20 +19,26 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     const curValue = vue.ref([]);
     const items = vue.ref([]);
     const selectItems = vue.ref([]);
-    const open = vue.ref(false);
+    const showPicker = vue.ref(false);
+    const formatter = (item) => {
+      return {
+        srfkey: item[c.keyName] || item.srfkey,
+        value: item[c.keyName] || item.srfkey,
+        srfmajortext: item[c.textName] || item.srfmajortext,
+        text: item[c.textName] || item.srfmajortext,
+        ...item
+      };
+    };
     vue.watch(() => props.value, (newVal) => {
       curValue.value = [];
       selectItems.value = [];
       if (newVal) {
-        selectItems.value = JSON.parse(newVal);
+        selectItems.value = JSON.parse(newVal).map(formatter);
         selectItems.value.forEach((item) => {
           curValue.value.push(item.srfkey);
           const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
           if (index < 0) {
-            items.value.push({
-              srfkey: item.srfkey,
-              srfmajortext: item.srfmajortext
-            });
+            items.value.push(formatter(item));
           }
         });
       }
@@ -42,10 +50,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       const valArr = [];
       if (result && Array.isArray(result)) {
         result.forEach((select) => {
-          const formattedItem = {
-            srfkey: select[c.keyName] || select.srfkey,
-            srfmajortext: select[c.textName] || select.srfmajortext
-          };
+          const formattedItem = formatter(select);
           valArr.push(formattedItem);
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
           if (index < 0) {
@@ -72,27 +77,22 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         selects.forEach((select) => {
           const findItem = items.value.find((item) => Object.is(item.srfkey, select));
           if (findItem) {
-            valArr.push({
-              srfkey: findItem.srfkey,
-              srfmajortext: findItem.srfmajortext
-            });
+            valArr.push(formatter(findItem));
           }
         });
         const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+        selectItems.value = valArr;
         emit("change", value);
       } else {
         emit("change", "");
       }
     };
-    const onSearch = async (query) => {
+    const onSearch = async (query = "") => {
       if (c.model.appDataEntityId) {
         const trimQuery = query.trim();
         const res = await c.getServiceData(trimQuery, props.data);
         if (res) {
-          items.value = res.data.map((item) => ({
-            srfkey: item[c.keyName],
-            srfmajortext: item[c.textName]
-          }));
+          items.value = res.data.map((item) => formatter(item));
         }
       }
     };
@@ -127,13 +127,6 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         emit("change", value);
       }
     };
-    const onOpenChange = (flag) => {
-      open.value = flag;
-      if (open.value) {
-        items.value = [];
-        onSearch("");
-      }
-    };
     const valueText = vue.computed(() => {
       return selectItems.value.map((item) => {
         return item.srfmajortext;
@@ -145,6 +138,10 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     const onBlur = () => {
       emit("blur");
     };
+    const openPicker = async () => {
+      showPicker.value = true;
+      onSearch();
+    };
     return {
       ns,
       c,
@@ -152,11 +149,12 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       items,
       valueText,
       selectItems,
+      showPicker,
       onSearch,
       onRemove,
-      onOpenChange,
       onSelect,
       openPickUpView,
+      openPicker,
       onFocus,
       onBlur
     };
@@ -164,6 +162,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "onClick": () => {
+        this.openPicker();
+      },
       "ref": "editorRef"
     }, [this.readonly && this.valueText, !this.readonly && vue.createVNode(vue.resolveComponent("van-field"), {
       "ref": "editorRef",
@@ -186,23 +187,29 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           });
         });
       },
-      button: () => {
+      "right-icon": () => {
         if (this.$slots.append) {
           return this.$slots.append({});
         }
         if (this.disabled || this.readonly) {
           return null;
         }
-        return [this.c.model.pickupAppViewId ? vue.createVNode(vue.resolveComponent("van-button"), {
+        return [this.c.model.pickupAppViewId && vue.createVNode(vue.resolveComponent("van-button"), {
           "size": "small",
           "onClick": this.openPickUpView
         }, {
           default: () => [vue.createVNode("ion-icon", {
             "name": "search"
           }, null)]
-        }) : null];
+        }), this.c.model.appDEDataSetId && vue.createVNode(rightIcon.IBizCommonRightIcon, null, null)];
       }
-    })]);
+    }), vue.createVNode(ibizDataMpicker.IBizDataMPicker, {
+      "items": this.items,
+      "onChange": this.onSelect,
+      "showPicker": this.showPicker,
+      "onUpdate:showPicker": ($event) => this.showPicker = $event,
+      "value": this.curValue
+    }, null)]);
   }
 });
 

package/lib/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/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.css

@@ -1 +1 @@
-.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:center;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.ibiz-date-range-picker--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--disabled input{color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-date-range-picker--readonly input{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker .van-field::after{display:none}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:center;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.ibiz-date-range-picker--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--disabled input{color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-date-range-picker--readonly input{color:var(--ibiz-form-item-readonly-color)}