@ibiz-template/mob-vue3-components 0.0.7 → 0.0.8

package/es/view-engine/mob-edit-view.engine.mjs

@@ -160,6 +160,7 @@ class MobEditViewEngine extends ViewEngineBase {
     await this.save();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     const res = await entityService.wf.getWFVersion();
@@ -212,6 +213,7 @@ class MobEditViewEngine extends ViewEngineBase {
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const data = this.form.state.data;
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await entityService.wf.wfWithdraw(

package/es/view-engine/mob-wf-dyna-edit-view.engine.mjs

@@ -90,6 +90,7 @@ class MobWFDynaEditViewEngine extends MobEditViewEngine {
     await super.onCreated();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     this.entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await this.calcProcessForm();
@@ -133,7 +134,7 @@ class MobWFDynaEditViewEngine extends MobEditViewEngine {
    * @return {*}  {Promise<string>}
    */
   async calcProcessFormName() {
-    const res = await this.entityService.wf.getWFStep(this.view.params);
+    const res = await this.entityService.wf.getWFStep(this.view.context);
     this.isEditable = res.data.isEditable === "true";
     const processForm = res.data["process-mobform"] ? `wfform_${res.data["process-mobform"]}` : "form";
     return processForm;

package/es/view-engine/wf-step-trace-view.engine.mjs

@@ -48,7 +48,10 @@ class WFStepTraceViewEngine extends ViewEngineBase {
       throw new RuntimeError("\u6CA1\u6709\u63A5\u6536\u5230appDataEntityId");
     }
     const app = ibiz.hub.getApp(this.view.context.srfappid);
-    this.entityService = await app.deService.getService(appDataEntityId);
+    this.entityService = await app.deService.getService(
+      this.view.context,
+      appDataEntityId
+    );
     await this.load();
   }
   /**

package/lib/control/app-menu-icon-view/app-menu-icon-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}
+.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;--ibiz-control-appmenu-icon-color:var(--ibiz-color-text-0)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-view-icon-size);height:var(--ibiz-control-appmenu-icon-view-icon-size);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size);color:var(--ibiz-control-appmenu-icon-color)}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon .ibiz-icon{width:100%;height:100%}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon svg.icon{width:100%;height:100%}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon svg.icon path{fill:var(--ibiz-control-appmenu-icon-color)}.ibiz-icon svg.icon{width:100%;height:100%}.ibiz-icon svg.icon path{fill:currentcolor}

package/lib/control/app-menu-list-view/app-menu-list-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}
+.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-color:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--ibiz-control-appmenu-list-view-item-color:var(--ibiz-color-text-1);--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);color:var(--ibiz-control-appmenu-list-view-item-color)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon .ibiz-icon{display:flex;align-items:center}

package/lib/control/calendar/calendar.cjs

@@ -7,6 +7,7 @@ var runtime = require('@ibiz-template/runtime');
 var dayjs = require('dayjs');
 var index = require('../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.9/node_modules/vue3-hash-calendar/es/index.cjs');
 require('vue3-hash-calendar/es/index.css');
+var dateUtil = require('./date-util.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -39,52 +40,20 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     },
     loadDefault: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.CalendarController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const calendarRef = vue.ref();
-    const selectDate = (tag) => {
-      if (!calendarRef.value)
-        return;
-      calendarRef.value.selectDate(tag);
-    };
+    const loadItems = vue.ref([]);
     const markDateItems = vue.ref({});
-    const getDayStartAndNextDayStart = (date) => {
-      const dayStart = new Date(date);
-      dayStart.setHours(0, 0, 0, 0);
-      const nextDayStart = new Date(date);
-      nextDayStart.setDate(nextDayStart.getDate() + 1);
-      nextDayStart.setHours(0, 0, 0, 0);
-      return {
-        dayStart,
-        nextDayStart
-      };
-    };
-    vue.watch(() => c.state.selectedDate, (oldVal, newVal) => {
-      const oldDateString = dayjs(oldVal).format("YYYY-MM");
-      const newDateString = dayjs(newVal).format("YYYY-MM");
-      if (oldDateString === newDateString) {
-        return;
-      }
-      const loadParam = {};
-      const {
-        dayStart,
-        nextDayStart
-      } = getDayStartAndNextDayStart(c.state.selectedDate);
-      Object.assign(loadParam, {
-        srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
-        srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
-      });
-      c.load(loadParam);
-    });
+    const loadMarkerItems = vue.ref([]);
     const setMarkDate = (date) => {
       const copyDate = new Date(date);
       const items = markDateItems.value[dayjs(copyDate).format("YYYY-MM")];
       if (!items) {
-        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...c.state.items];
+        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...loadMarkerItems.value];
       } else {
         const mergeAndFilter = (arr1, arr2) => {
           const mergedArray = arr1.concat(arr2);
@@ -102,6 +71,19 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = mergeAndFilter(markDateItems.value[dayjs(copyDate).format("YYYY-MM")], c.state.items);
       }
     };
+    const loadMarkerData = async (date) => {
+      const param = dateUtil.getCurSelectMonthDate(date);
+      loadMarkerItems.value = await c.load({
+        viewParam: param
+      });
+      setMarkDate(c.state.selectedDate);
+    };
+    const loadData = async (date) => {
+      const param = dateUtil.getCurSelectDayDate(date);
+      loadItems.value = await c.load({
+        viewParam: param
+      });
+    };
     const calcItemStyle = (data) => {
       return {
         color: data.color,
@@ -127,34 +109,26 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       });
       return date;
     });
-    const onClick = async (date) => {
-      c.state.selectedDate = new Date(date);
-      const loadParam = {};
-      const {
-        dayStart,
-        nextDayStart
-      } = getDayStartAndNextDayStart(c.state.selectedDate);
-      Object.assign(loadParam, {
-        viewParam: {
-          srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
-          srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
-        }
-      });
-      setTimeout(() => {
-        c.load(loadParam);
-      }, 200);
-    };
-    c.evt.on("onLoadSuccess", () => {
-      setMarkDate(c.state.selectedDate);
+    c.evt.on("onMounted", () => {
+      loadMarkerData(c.state.selectedDate || /* @__PURE__ */ new Date());
+      loadData(c.state.selectedDate || /* @__PURE__ */ new Date());
     });
+    const dateChange = (newDate) => {
+      c.state.selectedDate = newDate;
+      loadData(c.state.selectedDate);
+      const items = markDateItems.value[dayjs(newDate).format("YYYY-MM")];
+      if (items) {
+        return;
+      }
+      loadMarkerData(c.state.selectedDate);
+    };
     return {
       c,
       ns,
-      calendarRef,
       markerData,
-      selectDate,
+      loadItems,
       calcItemStyle,
-      onClick
+      dateChange
     };
   },
   render() {
@@ -232,23 +206,20 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderCalendarListByItemType = (itemType) => {
-      const list = this.c.state.items.filter((item) => item.itemType === itemType);
+      const list = this.loadItems.filter((item) => item.itemType === itemType);
       return renderCalendarList(list);
     };
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+    return this.c.state.isCreated && vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("content")
       }, [vue.createVNode(index.default, {
         "show-week-view": true,
+        "pickerType": "date",
         "onChange": (date) => {
-          this.c.state.selectedDate = date;
-        },
-        "onClick": (date) => {
-          this.onClick(date);
-        },
-        "ref": "calendarRef"
+          this.dateChange(date);
+        }
       }, {
         day: ({
           date

package/lib/control/calendar/date-util.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var dayjs = require('dayjs');
+
+"use strict";
+function getCurSelectMonthDate(selectedDate) {
+  const firstDayOfMonth = new Date(
+    selectedDate.getFullYear(),
+    selectedDate.getMonth(),
+    1
+  );
+  const lastDayOfMonth = new Date(
+    selectedDate.getFullYear(),
+    selectedDate.getMonth() + 1,
+    1
+  );
+  return {
+    srfstartdate: dayjs(firstDayOfMonth).format("YYYY-MM-DD HH:mm:ss"),
+    srfenddate: dayjs(lastDayOfMonth).format("YYYY-MM-DD HH:mm:ss")
+  };
+}
+function getCurSelectDayDate(date) {
+  const dayStart = new Date(date);
+  dayStart.setHours(0, 0, 0, 0);
+  const nextDayStart = new Date(date);
+  nextDayStart.setDate(nextDayStart.getDate() + 1);
+  nextDayStart.setHours(0, 0, 0, 0);
+  return {
+    srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
+    srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
+  };
+}
+
+exports.getCurSelectDayDate = getCurSelectDayDate;
+exports.getCurSelectMonthDate = getCurSelectMonthDate;

package/lib/control/caption-bar/caption-bar.cjs

@@ -33,11 +33,14 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption))]
+      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption)), this.ns.is("show-icon", !!this.c.model.sysImage)]
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("caption")
-      }, [this.c.state.caption]), this.modelData.subCaption && vue.createVNode("div", {
+      }, [this.c.model.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": [this.ns.be("caption", "icon")],
+        "icon": this.c.model.sysImage
+      }, null), this.c.state.caption]), this.modelData.subCaption && vue.createVNode("div", {
         "class": this.ns.b("sub-caption")
       }, [this.modelData.subCaption])]
     });

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

package/lib/control/toolbar/toolbar.cjs

@@ -46,9 +46,6 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.ToolbarController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const btnSize = vue.computed(() => {
-      return c.state.viewMode === "EMBED" ? "small" : "small";
-    });
     const handleClick = async (item, event) => {
       await c.onItemClick(item, event);
     };
@@ -60,12 +57,18 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       case "MOBNAVLEFTMENU":
         position = "left";
         break;
-      case "MOBNAVBOTTOMMENU":
+      case "MOBBOTTOMMENU":
         position = "bottom";
         break;
       default:
         break;
     }
+    const btnSize = vue.computed(() => {
+      return position === "bottom" ? "normal" : "small";
+    });
+    const btnType = (item) => {
+      return item.actionLevel > 100 ? "primary " : "default";
+    };
     const renderExtraButtons = (extraButtons) => {
       return extraButtons.map((button) => {
         let _slot;
@@ -118,6 +121,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         }, [vue.createVNode(vue.resolveComponent("van-button"), {
           "title": item.tooltip,
           "size": btnSize.value,
+          "type": btnType(item),
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)

package/lib/control/toolbar/toolbar.css

@@ -1 +1 @@
-.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}
+.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;--ibiz-control-toolbar-toolbar-bottom-padding:var(--ibiz-spacing-base-tight);display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}.ibiz-control-toolbar-bottom{display:flex;padding:var(--ibiz-control-toolbar-toolbar-bottom-padding)}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item{flex:1;--van-button-default-height:2.5rem}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item button{width:100%}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item .van-button__text{display:flex;gap:8px;align-items:center}

package/lib/control/tree/tree.cjs

@@ -83,7 +83,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       const {
         originData
       } = opts;
-      c.onTreeNodeClick(originData);
+      c.onTreeNodeClick(originData, event);
     };
     const onNodeClick = (event, opts) => {
       event.stopPropagation();
@@ -93,7 +93,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       if (!originData.leaf) {
         return;
       }
-      c.onTreeNodeClick(originData);
+      c.onTreeNodeClick(originData, event);
     };
     const treeDataFormat = (data) => {
       return {

package/lib/editor/common/data-mpicker/ibiz-data-mpicker.cjs

@@ -76,7 +76,10 @@ const IBizDataMPicker = /* @__PURE__ */ vue.defineComponent({
   render() {
     const renderToolbar = () => {
       return vue.createVNode("div", {
-        "class": this.ns.b("toolbar")
+        "class": this.ns.b("toolbar"),
+        "onClick": (e) => {
+          e.stopPropagation();
+        }
       }, [vue.createVNode("button", {
         "type": "button",
         "class": this.ns.be("toolbar", "cancel"),
@@ -104,7 +107,8 @@ const IBizDataMPicker = /* @__PURE__ */ vue.defineComponent({
           return vue.createVNode(vue.resolveComponent("van-cell"), {
             "title": item.text,
             "clickable": true,
-            "onClick": () => {
+            "onClick": (e) => {
+              e.stopPropagation();
               this.toggle(index);
             }
           }, {

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -176,15 +176,19 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     }, {
       input: () => {
         return this.selectItems.map((item) => {
-          return vue.createVNode(vue.resolveComponent("van-tag"), {
-            "closeable": true,
-            "type": "primary",
-            "onClose": () => {
+          return vue.createVNode("div", {
+            "class": this.ns.b("select-item")
+          }, [vue.createVNode("div", {
+            "class": this.ns.be("select-item", "text")
+          }, [item.srfmajortext]), vue.createVNode("div", {
+            "class": this.ns.be("select-item", "close")
+          }, [vue.createVNode(vue.resolveComponent("van-icon"), {
+            "name": "cross",
+            "onClick": (e) => {
+              e.stopPropagation();
               this.onRemove(item[this.c.keyName]);
             }
-          }, {
-            default: () => [item.srfmajortext]
-          });
+          }, null)])]);
         });
       },
       "right-icon": () => {

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::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)}
+@charset "UTF-8";.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:var(--ibiz-spacing-tight)}.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)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.css

@@ -1 +1 @@
-.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker 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-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field::after{display:none}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker 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-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.cjs

@@ -22,13 +22,20 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
       if (!props.value) {
         return [];
       }
-      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex(
+        // 不用判断类型兼容类型不匹配
+        // eslint-disable-next-line eqeqeq
+        (value) => item.value == value
+      ) !== -1);
     });
     const selectKeys = vue.computed(() => {
       if (!props.value) {
         return [];
       }
-      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1).map((item) => item.value);
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex(
+        // eslint-disable-next-line eqeqeq
+        (value) => item.value == value
+      ) !== -1).map((item) => item.value);
     });
     c.loadCodeList(props.data).then((codeList) => {
       items.value = codeList;
@@ -95,15 +102,19 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
       "right-icon": vue.createVNode(rightIcon.IBizCommonRightIcon, null, null),
       input: () => {
         return this.selectItems.map((item) => {
-          return vue.createVNode(vue.resolveComponent("van-tag"), {
-            "closeable": true,
-            "type": "primary",
-            "onClose": () => {
+          return vue.createVNode("div", {
+            "class": this.ns.b("select-item")
+          }, [vue.createVNode("div", {
+            "class": this.ns.be("select-item", "text")
+          }, [item.text]), vue.createVNode("div", {
+            "class": this.ns.be("select-item", "close")
+          }, [vue.createVNode(vue.resolveComponent("van-icon"), {
+            "name": "cross",
+            "onClick": (e) => {
+              e.stopPropagation();
               this.onRemove(item);
             }
-          }, {
-            default: () => [item.text]
-          });
+          }, null)])]);
         });
       }
     }), vue.createVNode(ibizDataMpicker.IBizDataMPicker, {

package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.css

@@ -1 +1 @@
-.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list 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-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}
+.ibiz-dropdown-list{height:100%}.ibiz-dropdown-list .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list 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-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list .ibiz-dropdown-list-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -18,15 +18,16 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("radio");
     const c = props.controller;
     const editorModel = c.model;
+    const items = vue.ref([]);
     const currentVal = vue.computed({
       get() {
-        return props.value;
+        var _a;
+        return (_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.value;
       },
       set(val) {
         emit("change", val);
       }
     });
-    const items = vue.ref([]);
     vue.watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
         items.value = _codeList;
@@ -37,7 +38,7 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     });
     const valueText = vue.computed(() => {
       var _a;
-      return ((_a = items.value.find((item) => item.value === props.value)) == null ? void 0 : _a.text) || "";
+      return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
     const {
       componentRef: editorRef

package/lib/editor/span/span/span.cjs

@@ -120,7 +120,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     } else if (this.text) {
       content = this.text;
     } else {
-      content = "- - -";
+      content = "";
     }
     return vue.createVNode("span", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.readonly ? this.ns.m("disabled") : ""],

package/lib/view-engine/mob-edit-view.engine.cjs

@@ -162,6 +162,7 @@ class MobEditViewEngine extends runtime.ViewEngineBase {
     await this.save();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     const res = await entityService.wf.getWFVersion();
@@ -214,6 +215,7 @@ class MobEditViewEngine extends runtime.ViewEngineBase {
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const data = this.form.state.data;
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await entityService.wf.wfWithdraw(

package/lib/view-engine/mob-wf-dyna-edit-view.engine.cjs

@@ -92,6 +92,7 @@ class MobWFDynaEditViewEngine extends mobEditView_engine.MobEditViewEngine {
     await super.onCreated();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     this.entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await this.calcProcessForm();
@@ -135,7 +136,7 @@ class MobWFDynaEditViewEngine extends mobEditView_engine.MobEditViewEngine {
    * @return {*}  {Promise<string>}
    */
   async calcProcessFormName() {
-    const res = await this.entityService.wf.getWFStep(this.view.params);
+    const res = await this.entityService.wf.getWFStep(this.view.context);
     this.isEditable = res.data.isEditable === "true";
     const processForm = res.data["process-mobform"] ? `wfform_${res.data["process-mobform"]}` : "form";
     return processForm;

package/lib/view-engine/wf-step-trace-view.engine.cjs

@@ -50,7 +50,10 @@ class WFStepTraceViewEngine extends runtime.ViewEngineBase {
       throw new core.RuntimeError("\u6CA1\u6709\u63A5\u6536\u5230appDataEntityId");
     }
     const app = ibiz.hub.getApp(this.view.context.srfappid);
-    this.entityService = await app.deService.getService(appDataEntityId);
+    this.entityService = await app.deService.getService(
+      this.view.context,
+      appDataEntityId
+    );
     await this.load();
   }
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -24,12 +24,12 @@
   },
   "dependencies": {
     "@ibiz-template-package/vs-tree-ex": "^0.1.1",
-    "@ibiz-template/core": "^0.4.12",
-    "@ibiz-template/model-helper": "^0.4.13",
-    "@ibiz-template/runtime": "^0.4.13",
+    "@ibiz-template/core": "^0.5.0-beta.0",
+    "@ibiz-template/model-helper": "^0.5.0-beta.0",
+    "@ibiz-template/runtime": "^0.5.0-beta.0",
     "@ibiz-template/theme": "^0.4.0",
-    "@ibiz-template/vue3-util": "^0.4.13",
-    "@ibiz/model-core": "^0.0.27",
+    "@ibiz-template/vue3-util": "^0.5.0-beta.0",
+    "@ibiz/model-core": "^0.0.29",
     "async-validator": "^4.2.5",
     "cherry-markdown": "^0.8.26",
     "dayjs": "^1.11.10",

package/dist/tree-SFO3fWSy.js

@@ -1,2 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","@ibiz-template/runtime","qx-util","@ibiz-template-package/vs-tree-ex"],function(g){"use strict";var l,a,u,s,c,d,h,m,f,p;return{setters:[function(t){l=t.defineComponent,a=t.computed,u=t.ref,s=t.createVNode,c=t.resolveComponent},function(t){d=t.useControlController,h=t.useNamespace},function(t){m=t.TreeController},function(t){f=t.createUUID},function(t){p=t.VsTreeComponent}],execute:function(){const t=l({name:"IBizTreeControl",components:{"vs-tree":p},props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},mdctrlActiveMode:{type:Number,default:2},singleSelect:{type:Boolean,default:!0}},setup(){var C,b;const o=d((...e)=>new m(...e)),D=h(`control-${o.model.controlType.toLowerCase()}`),T=a(()=>o.state.selectedData.map(e=>e.srfkey)),k=f(),N=u(!0),x=a(()=>o.state.isLoaded?o.model.rootVisible?o.state.rootNodes:o.state.rootNodes.reduce((e,r)=>r.children?e.concat(r.children):e,[]):[]),z=async(e,r)=>{if(!o.state.isLoaded)return;const n=await o.loadNodes(e.data);r(n)},L=(e,r)=>{const{originData:n}=r;o.onTreeNodeClick(n)},v=(e,r)=>{e.stopPropagation();const{originData:n}=r;n.leaf&&o.onTreeNodeClick(n)},w=e=>({id:e.srfkey,name:e.text,children:e.children,isLeaf:e.leaf}),B=(e,r)=>{const{originData:n}=r;if(!n.leaf)return e("div",{text:"\u4E0B\u7EA7",className:"tree-button",click:(j,i)=>{i.store.breadcrumb.list.push(i),i.setExpand(!0)}})},V=(e,r)=>{const{checked:n}=r;r.setChecked(!n),v(e,r)},y={maxHeight:"100%",checkInherit:!1,nocheckParent:!0,rootName:(b=(C=o.model.detreeNodes)==null?void 0:C.find(e=>e.rootNode))==null?void 0:b.name,renderContent:B,customNodeClick:V};return N.value&&Object.assign(y,{breadcrumb:{el:`#breadcrumb${k}`,link:(e,r)=>r.name}}),{c:o,ns:D,treeData:x,options:y,breadcrumb:N,checkedKeys:T,uuid:k,onNodeCheck:L,onNodeClick:v,loadData:z,treeDataFormat:w}},render(){return s(c("iBizControlBase"),{controller:this.c},{default:()=>[this.breadcrumb&&s(c("van-sticky"),null,{default:()=>[s("div",{id:`breadcrumb${this.uuid}`,class:[this.ns.b("header")]},null)]}),this.c.state.isCreated&&this.c.state.isLoaded&&s(c("vs-tree"),{"show-line":!0,class:[this.ns.b("content")],lazy:!0,strictLeaf:!0,options:this.options,"show-checkbox":!this.c.state.singleSelect,data:this.treeData,highlightCurrent:!0,checkedKeys:this.checkedKeys,format:this.treeDataFormat,load:this.loadData,onCheck:this.onNodeCheck},null)]})}});g({TreeControl:t,default:t})}}});
-//# sourceMappingURL=tree-SFO3fWSy.js.map

package/dist/tree-SFO3fWSy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-SFO3fWSy.js","sources":["../src/control/tree/tree.tsx"],"sourcesContent":["import { useControlController, useNamespace } from '@ibiz-template/vue3-util';\nimport { computed, defineComponent, PropType, ref, VNode } from 'vue';\nimport { IDETree } from '@ibiz/model-core';\nimport { ITreeNodeData, TreeController } from '@ibiz-template/runtime';\nimport { createUUID } from 'qx-util';\nimport { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';\nimport './tree.scss';\n\nexport const TreeControl = defineComponent({\n  name: 'IBizTreeControl',\n  components: {\n    'vs-tree': VsTreeComponent,\n  },\n  props: {\n    modelData: { type: Object as PropType<IDETree>, required: true },\n    context: { type: Object as PropType<IContext>, required: true },\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    /**\n     * 部件行数据默认激活模式\n     * - 0 不激活\n     * - 1 单击激活\n     * - 2 双击激活(默认值)\n     *\n     * @type {(number | 0 | 1 | 2)}\n     */\n    mdctrlActiveMode: { type: Number, default: 2 },\n\n    /**\n     * 是否为单选\n     * - true 单选\n     * - false 多选\n     *\n     * @type {(Boolean)}\n     */\n    singleSelect: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController((...args) => new TreeController(...args));\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    // 默认选中项\n    const checkedKeys = computed(() => {\n      return c.state.selectedData.map(item => item.srfkey);\n    });\n\n    const uuid = createUUID();\n\n    // 启用面包屑功能\n    const breadcrumb = ref(true);\n    // 节点单击\n\n    /** 树展示数据 */\n    const treeData = computed(() => {\n      if (!c.state.isLoaded) {\n        return [];\n      }\n      return c.model.rootVisible\n        ? c.state.rootNodes\n        : c.state.rootNodes.reduce<ITreeNodeData[]>((result, nodeData) => {\n            if (nodeData.children) {\n              return result.concat(nodeData.children);\n            }\n            return result;\n          }, []);\n    });\n\n    /**\n     * 触发节点加载数据\n     * @author zk\n     * @date 2023-05-29 09:16:07\n     * @param {IData} item\n     * @param {(nodes: IData[]) => void} callback\n     */\n    const loadData = async (\n      item: IData,\n      callback: (nodes: IData[]) => void,\n    ) => {\n      // 没加载前拦截\n      if (!c.state.isLoaded) {\n        return;\n      }\n      // 加载时拦截点击事件\n      const nodes = await c.loadNodes(item.data);\n      callback(nodes);\n    };\n\n    /**\n     * 多选时选中节点变更\n     *\n     * @param {ITreeNodeData} nodeData\n     */\n    const onNodeCheck = (event: Event, opts: IData) => {\n      const { originData } = opts;\n      c.onTreeNodeClick(originData);\n    };\n\n    const onNodeClick = (event: Event, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return;\n      }\n      c.onTreeNodeClick(originData);\n    };\n\n    /**\n     * 树数据格式化\n     *\n     * @author zk\n     * @date 2023-07-03 11:07:59\n     * @param {ITreeNodeData} data\n     * @return {*}\n     */\n    const treeDataFormat = (data: ITreeNodeData) => {\n      return {\n        id: data.srfkey,\n        name: data.text,\n        children: data.children,\n        isLeaf: data.leaf,\n      };\n    };\n\n    const renderContent = (\n      h: (tag: string, opt: IData) => VNode,\n      opts: IData,\n    ) => {\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return h('div', {\n          text: '下级',\n          className: 'tree-button',\n          click: (e: Event, _opts: IData) => {\n            _opts.store.breadcrumb.list.push(_opts);\n            _opts.setExpand(true);\n          },\n        });\n      }\n    };\n\n    const customNodeClick = (event: Event, opts: IData) => {\n      const { checked } = opts;\n      opts.setChecked(!checked);\n      onNodeClick(event, opts);\n    };\n\n    // vs树配置项\n    const options = {\n      maxHeight: '100%',\n      // 继承父状态\n      checkInherit: false,\n      // 不能选择父节点\n      nocheckParent: true,\n      rootName: c.model.detreeNodes?.find(item => item.rootNode)?.name,\n      renderContent,\n      customNodeClick,\n    };\n\n    if (breadcrumb.value) {\n      Object.assign(options, {\n        breadcrumb: {\n          el: `#breadcrumb${uuid}`,\n          link: (node: IData, data: IData) => {\n            return data.name;\n          },\n        },\n      });\n    }\n    return {\n      c,\n      ns,\n      treeData,\n      options,\n      breadcrumb,\n      checkedKeys,\n      uuid,\n      onNodeCheck,\n      onNodeClick,\n      loadData,\n      treeDataFormat,\n    };\n  },\n  render() {\n    return (\n      <iBizControlBase controller={this.c}>\n        {this.breadcrumb && (\n          <van-sticky>\n            <div\n              id={`breadcrumb${this.uuid}`}\n              class={[this.ns.b('header')]}\n            ></div>\n          </van-sticky>\n        )}\n        {this.c.state.isCreated && this.c.state.isLoaded && (\n          <vs-tree\n            show-line\n            class={[this.ns.b('content')]}\n            lazy={true}\n            strictLeaf={true}\n            options={this.options}\n            show-checkbox={!this.c.state.singleSelect}\n            data={this.treeData}\n            highlightCurrent={true}\n            checkedKeys={this.checkedKeys}\n            format={this.treeDataFormat}\n            load={this.loadData}\n            onCheck={this.onNodeCheck}\n          ></vs-tree>\n        )}\n      </iBizControlBase>\n    );\n  },\n});\n\nexport default TreeControl;\n"],"names":["TreeControl","defineComponent","components","VsTreeComponent","props","modelData","type","required","context","params","Object","default","setup","c","_a","_b","useControlController","args","TreeController","checkedKeys","useNamespace","computed","item","breadcrumb","ref","result","nodeData","model","loadData","callback","nodes","onNodeCheck","event","opts","originData","onNodeClick","treeDataFormat","data","onTreeNodeClick","e","_opts","customNodeClick","checked","options","srfkey","renderContent","text","uuid","className","ns","treeData","maxHeight","checkInherit","_createVNode","_resolveComponent","nocheckParent","rootName","value","assign","link","node"],"mappings":"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"}