@ibiz-template/mob-vue3-components 0.7.41-alpha.12 → 0.7.41-alpha.14

package/lib/common/button-list/button-list.cjs

@@ -31,6 +31,36 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("button-list");
     const showPopover = vue.ref(false);
+    const buttonRef = vue.ref();
+    const childPopover = vue.ref(false);
+    const details = vue.computed(() => {
+      const {
+        buttonListType,
+        uiactionGroup
+      } = props.model;
+      if (buttonListType === "UIACTIONGROUP")
+        return (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) || [];
+      return props.model.panelButtons || props.model.deformButtons || [];
+    });
+    const placement = vue.computed(() => {
+      if (!buttonRef.value)
+        return "bottom";
+      const {
+        innerWidth,
+        innerHeight
+      } = window;
+      const {
+        offsetLeft: x,
+        offsetTop: y,
+        offsetWidth: width
+      } = buttonRef.value.$el;
+      const centerX = innerWidth - width - 128;
+      const centerY = details.value.length ? innerHeight - details.value.length * 44 : innerHeight / 2;
+      if (y > centerY) {
+        return x > centerX ? "top-end" : "top-start";
+      }
+      return x > centerX ? "bottom-end" : "bottom-start";
+    });
     const buttonListStyle = vue.computed(() => {
       const {
         itemStyle,
@@ -39,102 +69,90 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
       return itemStyle || detailStyle || "DEFAULT";
     });
     const handleClick = (item, e) => {
+      e == null ? void 0 : e.stopPropagation();
       emit("click", item.id, e);
     };
     const onChangePopover = (e) => {
       e.stopPropagation();
       showPopover.value = !showPopover.value;
     };
-    const details = vue.computed(() => {
-      const {
-        buttonListType,
-        uiactionGroup
-      } = props.model;
-      if (buttonListType === "UIACTIONGROUP")
-        return (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) || [];
-      return props.model.panelButtons || props.model.deformButtons || [];
-    });
-    const actions = vue.computed(() => {
-      return details.value.filter((detail) => {
-        var _a;
-        return ((_a = props.buttonsState[detail.id]) == null ? void 0 : _a.visible) !== false;
-      }).map((detail) => {
-        var _a, _b;
-        return {
-          ...detail,
-          disabled: (_a = props.buttonsState[detail.id]) == null ? void 0 : _a.disabled,
-          className: (_b = detail.sysCss) == null ? void 0 : _b.cssName
-        };
-      });
-    });
-    const renderActions = () => {
-      return vue.createVNode("div", {
-        "class": ns.e("content")
-      }, [details.value.map((item) => {
+    const renderSeparator = (visible) => {
+      if (visible)
+        return vue.createVNode("div", {
+          "class": ns.e("separator")
+        }, null);
+    };
+    const renderActions = (direction) => {
+      const showSeparator = direction === "vertical";
+      return details.value.map((item) => {
         var _a, _b, _c, _d;
-        if (((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) === false)
-          return;
-        return vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": [ns.e("item"), ns.em("item", `${(_b = item.id) == null ? void 0 : _b.toLowerCase()}`), (_c = item.sysCss) == null ? void 0 : _c.cssName],
-          "size": "small",
-          "type": buttonUtil.convertBtnType(item.buttonStyle),
-          "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled,
-          "onClick": (event) => handleClick(item, event)
-        }, {
-          default: () => [item.showIcon !== false && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-            "icon": item.sysImage,
-            "class": ns.em("item", "icon")
-          }, null), item.showCaption && vue.createVNode("span", {
-            "class": ns.em("item", "caption")
-          }, [item.caption])]
-        });
-      })]);
+        if (item.detailType === "DEUIACTIONGROUP")
+          return [renderSeparator(item.addSeparator && showSeparator), vue.createVNode(vue.resolveComponent("iBizActionGroup"), {
+            "actionDetail": item,
+            "onActionClick": handleClick,
+            "actionsState": props.buttonsState,
+            "popoverClassName": ns.b("action-group"),
+            "onPopoverVisibleChange": (visible) => childPopover.value = visible,
+            "direction": direction === "horizontal" ? "vertical" : "horizontal"
+          }, null)];
+        if ((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible)
+          return [renderSeparator(item.addSeparator && showSeparator), vue.createVNode(vue.resolveComponent("van-button"), {
+            "size": "small",
+            "class": [ns.e("item"), ns.em("item", `${(_b = item.id) == null ? void 0 : _b.toLowerCase()}`), (_c = item.sysCss) == null ? void 0 : _c.cssName],
+            "type": buttonUtil.convertBtnType(item.buttonStyle),
+            "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled,
+            "onClick": (event) => handleClick(item, event)
+          }, {
+            default: () => [item.showIcon !== false && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "icon": item.sysImage,
+              "class": ns.em("item", "icon")
+            }, null), item.showCaption && vue.createVNode("span", {
+              "class": ns.em("item", "caption")
+            }, [item.caption])]
+          })];
+        return null;
+      });
     };
     const renderDropdown = () => {
       return vue.createVNode(vue.resolveComponent("van-popover"), {
         "class": ns.e("popover"),
-        "placement": "bottom-end",
-        "actions": actions.value,
+        "placement": placement.value,
         "show": showPopover.value,
         "onUpdate:show": ($event) => showPopover.value = $event,
-        "onSelect": (data) => handleClick(data)
+        "close-on-click-outside": !childPopover.value
       }, {
-        action: ({
-          action
-        }) => {
-          return vue.createVNode("span", {
-            "class": ns.em("popover", "item")
-          }, [action.showIcon !== false && action.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-            "icon": action.sysImage
-          }, null), action.showCaption && action.caption]);
-        },
         reference: () => {
           const {
             caption,
-            sysImage,
-            showCaption
+            sysImage
           } = props.model;
           return vue.createVNode(vue.resolveComponent("van-button"), {
             "size": "small",
+            "ref": "buttonRef",
+            "class": ns.e("button"),
             "disabled": props.disabled,
             "onClick": onChangePopover,
             "type": buttonUtil.convertBtnType(buttonListStyle.value)
           }, {
             default: () => [sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-              "class": ns.em("popover", "icon"),
+              "class": ns.em("button", "icon"),
               "icon": sysImage
-            }, null), showCaption && vue.createVNode("span", {
-              "class": ns.em("popover", "caption")
+            }, null), caption && vue.createVNode("span", {
+              "class": ns.em("button", "caption")
             }, [caption, vue.createVNode("ion-icon", {
               "name": "chevron-down-outline",
-              "class": ns.em("popover", "more")
+              "class": ns.em("button", "more")
             }, null)])]
           });
+        },
+        default: () => {
+          return renderActions("vertical");
         }
       });
     };
     return {
       ns,
+      buttonRef,
       renderDropdown,
       renderActions
     };
@@ -144,7 +162,9 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.model.id), this.ns.m((_a = this.model.actionGroupExtractMode) == null ? void 0 : _a.toLowerCase())],
       "style": this.model.cssStyle
-    }, [this.model.actionGroupExtractMode === "ITEM" || this.model.buttonListType === "BUTTONS" ? this.renderActions() : this.renderDropdown()]);
+    }, [this.model.actionGroupExtractMode === "ITEM" || this.model.buttonListType === "BUTTONS" ? vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.renderActions("horizontal")]) : this.renderDropdown()]);
   }
 });
 

package/lib/common/button-list/button-list.css

@@ -1 +1 @@
-.ibiz-button-list{width:100%;height:100%}.ibiz-button-list .van-button{border:none}.ibiz-button-list .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list .van-button .van-button__text .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);font-size:var(--ibiz-width-icon-medium)}.ibiz-button-list__content{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__popover{--ibiz-color-bg-0:var(--van-popover-light-text-color)}.ibiz-button-list__popover .van-popover__action--disabled,.ibiz-button-list__popover .van-popover__action--disabled:active{color:var(--ibiz-color-disabled-text)!important;background-color:var(--ibiz-color-disabled-bg)}.ibiz-button-list__popover--item{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__popover--item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);font-size:var(--ibiz-width-icon-medium)}.ibiz-button-list__popover--caption{display:flex;line-height:100%;align-items:center;gap:var(--ibiz-spacing-extra-tight)}
+.ibiz-button-list{width:100%;height:100%}.ibiz-button-list .van-button{border:none}.ibiz-button-list .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list .van-button .van-button__text .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);font-size:var(--ibiz-width-icon-medium)}.ibiz-button-list__content{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__button--caption{display:flex;line-height:100%;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__popover{--ibiz-color-bg-0:var(--van-popover-light-text-color)}.ibiz-button-list__popover .van-popover__action--disabled,.ibiz-button-list__popover .van-popover__action--disabled:active{color:var(--ibiz-color-disabled-text)!important;background-color:var(--ibiz-color-disabled-bg)}.ibiz-button-list__popover .van-popover__content{display:flex;flex-direction:column}.ibiz-button-list__popover .van-popover__content .van-button{padding:0;font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);width:var(--van-popover-action-width);height:var(--van-popover-action-height);border-color:var(--ibiz-color-white)}.ibiz-button-list__popover .van-popover__content .van-button:before{border-color:var(--ibiz-color-white)}.ibiz-button-list__popover .van-popover__content .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}

package/lib/common/index.cjs

@@ -19,10 +19,12 @@ var mdCtrlSetting = require('./md-ctrl-setting/md-ctrl-setting.cjs');
 var previewImage = require('./preview-image/preview-image.cjs');
 var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
 var cropping = require('./cropping/cropping.cjs');
+var actionGroup = require('./action-group/action-group.cjs');
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(actionGroup.IBizActionGroup.name, actionGroup.IBizActionGroup);
     v.component(dateRangePicker.IBizDateRangeCalendar.name, dateRangePicker.IBizDateRangeCalendar);
     v.component(vue3Util.IBizViewShell.name, vue3Util.IBizViewShell);
     v.component(row.IBizRow.name, row.IBizRow);

package/lib/common/rawitem/rawitem.cjs

@@ -87,7 +87,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
           }
         }
       }
-      if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML"].includes(rawItemType.value)) {
+      if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML", "RAW"].includes(rawItemType.value)) {
         rawItemText.value = rawItemContent.value;
         if (typeof rawItemText.value === "string") {
           rawItemText.value = rawItemText.value.replaceAll("&lt;", "<");
@@ -163,7 +163,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
           "icon": this.rawItemContent
         }, null);
       }
-      if (this.rawItemType === "TEXT") {
+      if (this.rawItemType === "TEXT" || this.rawItemType === "RAW") {
         return vue.createVNode("span", {
           "class": this.ns.e("text")
         }, [this.rawItemText]);

package/lib/control/list/md-ctrl/md-ctrl.cjs

@@ -149,24 +149,22 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
     const leftSlidingActionGroup = c.model.deuiactionGroup;
     const rightSlidingActionGroup = c.model.deuiactionGroup2;
     const renderSlidingActionGroup = (group, data) => {
-      const groupDetails = group.uiactionGroupDetails || [];
-      if (!groupDetails || groupDetails.length === 0) {
+      const groupDetails = runtime.getAllUIActionItems(group.uiactionGroupDetails);
+      if (!groupDetails || groupDetails.length === 0)
         return null;
-      }
       const row = c.state.rows.find((rowData) => data.srfkey === rowData.data.srfkey);
       const btnContainer = row.uaColStates[group.id];
       return groupDetails.map((detail) => {
-        const btn = btnContainer[detail.id];
-        if (btn.visible === false) {
-          return null;
-        }
-        return vue.createVNode(vue.resolveComponent("van-button"), {
-          "square": true,
-          "type": "primary",
-          "text": detail.caption,
-          "disabled": btn.disabled || btn.loading,
-          "onClick": (e) => c.onActionClick(detail, row, e)
-        }, null);
+        const btn = btnContainer == null ? void 0 : btnContainer[detail.id];
+        if (btn == null ? void 0 : btn.visible)
+          return vue.createVNode(vue.resolveComponent("van-button"), {
+            "square": true,
+            "type": "primary",
+            "text": detail.caption,
+            "disabled": btn.disabled || btn.loading,
+            "onClick": (e) => c.onActionClick(detail, row, e)
+          }, null);
+        return null;
       });
     };
     const renderDefaultItem = (data) => {

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
+require('./tab-exp-panel.css');
 
 "use strict";
 function _isSlot(s) {
@@ -48,8 +49,11 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup() {
+    var _a, _b;
     const c = vue3Util.useControlController((...args) => new runtime.TabExpPanelController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const model = (_a = c.view) == null ? void 0 : _a.model;
+    const tabPosition = ((_b = model == null ? void 0 : model.tabLayout) == null ? void 0 : _b.toLowerCase()) || "top";
     const onTabChange = (value) => {
       c.state.activeName = value;
       c.handleTabChange();
@@ -57,6 +61,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      tabPosition,
       onTabChange
     };
   },
@@ -66,6 +71,28 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
       isCreated,
       tabPages
     } = this.c.state;
+    if (this.tabPosition === "flow" || this.tabPosition === "flow_noheader") {
+      if (!isCreated) {
+        return;
+      }
+      return vue.createVNode("div", {
+        "class": this.ns.b()
+      }, [tabPages.map((page) => {
+        var _a;
+        const target = (_a = this.c.model.controls) == null ? void 0 : _a.find((tab) => tab.id === page.tabTag);
+        return vue.createVNode("div", {
+          "class": this.ns.b("tab-item")
+        }, [vue.createVNode("div", {
+          "class": this.ns.b("tab-item-header")
+        }, [page.caption]), vue.createVNode("div", {
+          "class": this.ns.b("tab-item-content")
+        }, [vue.h(vue.resolveComponent("IBizViewShell"), {
+          context: this.context,
+          params: this.params,
+          viewId: target == null ? void 0 : target.embeddedAppDEViewId
+        })])]);
+      })]);
+    }
     return isCreated && vue.createVNode(vue.resolveComponent("van-tabs"), {
       "class": [this.ns.b("header")],
       "active": this.c.state.activeName,

package/lib/control/tab-exp-panel/tab-exp-panel.css

@@ -0,0 +1 @@
+.ibiz-control-tabexppanel-tab-item-header{padding:.5rem 1rem;overflow:hidden;font-size:var(--ibiz-font-size-regular);line-height:var(--van-cell-line-height);color:var(--ibiz-color-text-2);text-overflow:ellipsis;white-space:nowrap;background:var(--ibiz-color-bg-0)}

package/lib/control/tree/tree.cjs

@@ -63,6 +63,13 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     singleSelect: {
       type: Boolean,
       default: true
+    },
+    /**
+     * @description 是否是导航内的（即树导航里的树）
+     */
+    navigational: {
+      type: Boolean,
+      default: void 0
     }
   },
   setup() {
@@ -310,12 +317,14 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     };
     const key = this.c.controlPanel ? "tree" : "default";
     slots[key] = () => {
-      return [this.breadcrumb && vue.createVNode(vue.resolveComponent("van-sticky"), null, {
+      const content = [this.breadcrumb && vue.createVNode("div", {
+        "class": this.ns.be("header", "container")
+      }, [vue.createVNode(vue.resolveComponent("van-sticky"), null, {
         default: () => [vue.createVNode("div", {
           "id": `breadcrumb${this.uuid}`,
           "class": [this.ns.b("header"), this.ns.is("no-root", !this.c.model.rootVisible)]
         }, null)]
-      }), this.c.state.isCreated && this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("vs-tree"), {
+      })]), this.c.state.isCreated && this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("vs-tree"), {
         "show-line": true,
         "ref": "treeRef",
         "key": this.treeRefreshKey,
@@ -332,6 +341,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         "load": this.loadData,
         "onCheck": this.onNodeCheck
       }, null)];
+      return vue.createVNode("div", {
+        "class": this.ns.b("container")
+      }, [content]);
     };
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);height:100%;padding:0 var(--ibiz-control-treeview-padding);background:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .vs-tree-node .vs-tree-inner{display:flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent{width:auto;margin-right:0}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}.ibiz-control-treeview-header{--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-crumb-icon-top:0.1875rem}.ibiz-control-treeview-header__crumb{display:inline-flex;align-items:center;height:var(--ibiz-height-control-small)}.ibiz-control-treeview-header__crumb .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right);margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-treeview-header__crumb .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb>span:has(img),.ibiz-control-treeview-header__crumb>span:has(svg){position:relative}.ibiz-control-treeview-header__crumb>span:has(img) .ibiz-icon,.ibiz-control-treeview-header__crumb>span:has(svg) .ibiz-icon{position:absolute;top:var(--ibiz-control-treeview-crumb-icon-top)}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-block;width:var(--ibiz-control-treeview-node-icon-width);margin-right:var(--ibiz-spacing-extra-tight);content:"\e710";opacity:0}.ibiz-control-treeview-header.is-no-root>span:has(.ibiz-control-treeview-header__crumb.is-root){display:none}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);height:100%;padding:0 var(--ibiz-control-treeview-padding);background:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .vs-tree-node .vs-tree-inner{display:flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent{width:auto;margin-right:0}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}.ibiz-control-treeview-header{--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-crumb-icon-top:0.1875rem}.ibiz-control-treeview-header__crumb{display:inline-flex;align-items:center;height:var(--ibiz-height-control-small)}.ibiz-control-treeview-header__crumb .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right);margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-treeview-header__crumb .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb>span:has(img),.ibiz-control-treeview-header__crumb>span:has(svg){position:relative}.ibiz-control-treeview-header__crumb>span:has(img) .ibiz-icon,.ibiz-control-treeview-header__crumb>span:has(svg) .ibiz-icon{position:absolute;top:var(--ibiz-control-treeview-crumb-icon-top)}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-block;width:var(--ibiz-control-treeview-node-icon-width);margin-right:var(--ibiz-spacing-extra-tight);content:"\e710";opacity:0}.ibiz-control-treeview-header__container{height:auto}.ibiz-control-treeview-header__container .van-sticky,.ibiz-control-treeview-header__container>div{height:auto!important}.ibiz-control-treeview-header.is-no-root>span:has(.ibiz-control-treeview-header__crumb.is-root){display:none}.ibiz-control-treeview-container{width:100%;height:100%;display:flex;flex-direction:column}

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

@@ -22,12 +22,12 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("span");
     const c = props.controller;
     const text = vue.ref("");
     const codeList = c.codeList;
-    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ((_b = c.editorParams) == null ? void 0 : _b.textseparator) || ",";
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (ramda.isNil(newVal)) {
@@ -111,14 +111,14 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     let content = null;
     if (this.c.codeList && this.items.length > 0) {
       content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
-        "class": [this.ns.e("code-list"), this.ns.is("reverse-color", !!((_a = this.c.editorParams) == null ? void 0 : _a.REVERSECOLOR))],
+        "class": [this.ns.e("code-list"), this.ns.is("reverse-color", !!((_a = this.c.editorParams) == null ? void 0 : _a.REVERSECOLOR) || !!((_b = this.c.editorParams) == null ? void 0 : _b.reversecolor))],
         "codeListItems": this.items,
         "codeList": this.c.codeList,
-        "showMode": (_b = this.c.editorParams) == null ? void 0 : _b.SHOWMODE,
+        "showMode": ((_c = this.c.editorParams) == null ? void 0 : _c.SHOWMODE) || ((_d = this.c.editorParams) == null ? void 0 : _d.showmode),
         "value": this.text
       }, null);
     } else if (this.text) {

package/lib/editor/upload/use/use-van-upload.cjs

@@ -41,6 +41,22 @@ function useVanUpload(props, valueChange, c) {
       if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
         newVal.forEach((file) => {
           file.url = file.url || downloadUrl.value.replace("%fileId%", file.id);
+          if (ibiz.config.common.enableDownloadTicket)
+            ibiz.util.file.getDownloadTicket(
+              c.context,
+              c.params,
+              props.data,
+              {
+                fileId: file.id
+              },
+              c.downloadTicketParams
+            ).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket)
+                file.url = downloadUrl.value.replace(
+                  "%fileId%",
+                  downloadTicket.ticket
+                );
+            });
         });
       }
     },
@@ -69,8 +85,10 @@ function useVanUpload(props, valueChange, c) {
     return true;
   };
   const onSuccess = (response) => {
-    if (!response) {
+    if (!response)
       return;
+    if (ibiz.config.common.enableDownloadTicket && response.ticket) {
+      ibiz.util.file.setDownloadTicket(response.id, response.ticket);
     }
     files.value.push({
       name: response.filename,

package/lib/node_modules/.pnpm/dingtalk-jsapi@3.0.38/node_modules/dingtalk-jsapi/lib/packages/frame-talk-client-pc/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('../../../../../../../../_virtual/_commonjsHelpers.cjs');
-var index = require('../../../../../../../../_virtual/index13.cjs');
+var index = require('../../../../../../../../_virtual/index12.cjs');
 
 var frameTalkClientPc = index.__module.exports;
 

package/lib/node_modules/.pnpm/dingtalk-jsapi@3.0.38/node_modules/dingtalk-jsapi/lib/sdk/middlewares/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('../../../../../../../../_virtual/_commonjsHelpers.cjs');
-var index = require('../../../../../../../../_virtual/index12.cjs');
+var index = require('../../../../../../../../_virtual/index13.cjs');
 require('../../../../../../../../_virtual/bridge.cjs');
 var retry = require('./retry.cjs');
 require('../../../../../../../../_virtual/dealParamsAndResult.cjs');

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./index-blank-placeholder.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IndexBlankPlaceholder = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizIndexBlankPlaceholder",
+  props: {
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("index-blank-placeholder");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    if (c.routeDepth) {
+      vue3Util.onRouteChange((args) => {
+        c.setVisible(!args.currentKey);
+      }, c.routeDepth + 1);
+    }
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? vue.createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+exports.IndexBlankPlaceholder = IndexBlankPlaceholder;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.controller.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var indexBlankPlaceholder_state = require('./index-blank-placeholder.state.cjs');
+
+"use strict";
+class IndexBlankPlaceholderController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new indexBlankPlaceholder_state.IndexBlankPlaceholderState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * @description 当前视图路由层级
+   * @exposedoc
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * @description 应用菜单
+   * @exposedoc
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * @description 首页导航栏
+   * @exposedoc
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof IndexBlankPlaceholderController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.keepAlive = true;
+    this.state.visible = false;
+    this.panel.evt.on("onMounted", async () => {
+      var _a;
+      if (this.navPos)
+        this.navPos.state.keepAlive = true;
+      const appViewId = (_a = this.appmenu) == null ? void 0 : _a.getDefaultOpenView();
+      if (appViewId) {
+        const appView = await ibiz.hub.config.view.get(appViewId);
+        const { openMode = "INDEXVIEWTAB" } = appView;
+        this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
+      }
+    });
+  }
+  /**
+   * @description 设置显示状态
+   * @exposedoc
+   * @param {boolean} state
+   * @memberof IndexBlankPlaceholderController
+   */
+  setVisible(state) {
+    this.state.visible = state;
+    if (this.navPos)
+      this.navPos.state.visible = !state;
+  }
+}
+
+exports.IndexBlankPlaceholderController = IndexBlankPlaceholderController;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.css

@@ -0,0 +1 @@
+.ibiz-index-blank-placeholder{width:100%;height:100%}.ibiz-index-blank-placeholder>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-index-blank-placeholder.is-hidden{display:none}