@ibiz-template/vue3-components 0.7.38-alpha.43 → 0.7.38-alpha.56

package/lib/control/map/map.cjs

@@ -43,6 +43,7 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.MapController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const mapRef = vue.ref();
+    const mapStyle = c.model.mapStyle;
     const mapOpts = vue.computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -54,17 +55,27 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       mapRef,
-      mapOpts
+      mapOpts,
+      mapStyle
     };
   },
   render() {
     const {
       state
     } = this.c;
+    if (!state.isLoaded) {
+      return;
+    }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [state.isLoaded && vue.createVNode(vue.resolveComponent("iBizMapChart"), {
+      default: () => [this.mapStyle === "USER" ? vue.createVNode(vue.resolveComponent("iBizMapChartUser"), {
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "controller": this.c
+      }, null) : vue.createVNode(vue.resolveComponent("iBizMapChart"), {
         "areaData": state.areaData,
         "pointData": state.pointData,
         "options": this.mapOpts,

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -430,6 +430,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     renderFilterItems = (node) => {
       let _slot2;
       const itemsC = findFilterController(node);
+      if (!itemsC)
+        return;
       if (node.simple) {
         let _slot;
         const child = node.children[0];
@@ -437,6 +439,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
           return;
         }
         return [vue.createVNode(vue.resolveComponent("el-select"), {
+          "disabled": child.disabled,
           "model-value": itemsC.key,
           "teleported": false,
           "class": ns.e("field-select"),

package/lib/control/toolbar/toolbar.cjs

@@ -49,6 +49,10 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       type: Object,
       required: true
     },
+    runMode: {
+      type: String,
+      default: "RUNTIME"
+    },
     context: {
       type: Object,
       required: true
@@ -65,7 +69,10 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       default: false
     }
   },
-  setup() {
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.ToolbarController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
@@ -73,15 +80,23 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     const btnSize = vue.ref("default");
     const toolbarStyle = (_a = c.model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     const handleClick = async (item, event, params) => {
-      await c.onItemClick(item, event, params);
+      if (props.runMode === "RUNTIME") {
+        await c.onItemClick(item, event, params);
+      } else {
+        emit("click", item);
+      }
     };
     const handleActionClick = async (item, event, params) => {
-      const tempItem = {};
-      Object.assign(tempItem, {
-        ...item,
-        itemType: item.detailType
-      });
-      await handleClick(tempItem, event, params);
+      if (props.runMode === "RUNTIME") {
+        const tempItem = {};
+        Object.assign(tempItem, {
+          ...item,
+          itemType: item.detailType
+        });
+        await handleClick(tempItem, event, params);
+      } else {
+        emit("click", item);
+      }
     };
     const renderExtraButtons = (extraButtons) => {
       return extraButtons.map((button) => {
@@ -156,14 +171,16 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
               }, {
                 default: () => [vue.createVNode(vue.resolveComponent("iBizRawItem"), {
                   "rawItem": item2,
-                  "class": ns.b("submenu-rawitem")
+                  "content": item2.rawItem.content,
+                  "class": ns.b("submenu-rawitem"),
+                  "onClick": (e) => handleClick(item2, e)
                 }, null)]
               });
             }
             if (item2.itemType === "DEUIACTION") {
               let _slot2;
               const buttonType = (_b = item2.buttonStyle) == null ? void 0 : _b.toLowerCase();
-              if (actionId === "exportexcel") {
+              if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
                 return vue.createVNode(exportExcel.IBizExportExcel, {
                   "class": [ns.e("menu-exportexcel"), ns.em("item", buttonType), calcCssName(item2)],
                   "mode": "menu",
@@ -358,14 +375,16 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-rawitem")]
         }, [vue.createVNode(vue.resolveComponent("iBizRawItem"), {
-          "rawItem": item
+          "rawItem": item,
+          "content": item.rawItem.content,
+          "onClick": (e) => handleClick(item, e)
         }, null)]);
       }
       if (item.itemType === "DEUIACTION") {
         let _slot8;
         const actionId = item.uiactionId;
         const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
-        if (actionId === "exportexcel") {
+        if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
           return vue.createVNode(exportExcel.IBizExportExcel, {
             "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item)],
             "item": item,

package/lib/control/tree/el-tree-util.cjs

@@ -129,14 +129,16 @@ function findChildItems(c, modelData, curItem) {
     return a.ordervalue - b.ordervalue;
   });
   rss.forEach((_rss) => {
-    const child = c.state.items.find((_item) => {
+    const _children = c.state.items.filter((_item) => {
       var _a;
       return ((_a = _item._nodeId) == null ? void 0 : _a.toLowerCase()) === _rss.childDETreeNodeId;
     });
-    if (child) {
-      const temp = lodashEs.cloneDeep(child);
-      temp._id = qxUtil.createUUID();
-      children.push(temp);
+    if (_children.length) {
+      _children.forEach((child) => {
+        const temp = lodashEs.cloneDeep(child);
+        temp._id = qxUtil.createUUID();
+        children.push(temp);
+      });
     }
   });
   return children;

package/lib/control/tree/tree.cjs

@@ -79,10 +79,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       required: false
     }
   },
-  emits: ["nodeClick"],
-  setup(props, {
-    emit
-  }) {
+  setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.TreeController(...args));
     elTreeUtil.useAppTreeBase(c, props);
     const cascadeSelect = vue.ref(false);
@@ -311,23 +308,11 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const readonly = vue.computed(() => {
       return !!(c.context.srfreadonly === true || c.context.srfreadonly === "true");
     });
-    const onShowNavView = () => {
-      c.state.showNavView = !c.state.showNavView;
-    };
     const onNodeClick = (nodeData, data, evt) => {
       var _a, _b;
       evt.stopPropagation();
-      if (c.runMode === "DESIGN") {
-        emit("nodeClick", {
-          nodeData,
-          evt
-        });
-      }
-      if (nodeData._disableSelect)
-        return;
-      if (forbidClick) {
+      if (nodeData._disableSelect || forbidClick)
         return;
-      }
       if (((_a = treeRef.value) == null ? void 0 : _a.getCurrentKey()) === nodeData._id && !readonly.value) {
         editCurrentNodeText();
       }
@@ -468,8 +453,16 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       return result;
     };
     const onNodeContextmenu = async (nodeData, evt) => {
+      var _a;
       evt.preventDefault();
       evt.stopPropagation();
+      let stopClickTag = ibiz.config.tree.contextMenuRightClickInvoke;
+      if ((_a = c.controlParams) == null ? void 0 : _a.contextmenurightclickinvoke) {
+        stopClickTag = Object.is(c.controlParams.contextmenurightclickinvoke, "true");
+      }
+      if (!stopClickTag) {
+        return;
+      }
       const nodeModel = c.getNodeModel(nodeData._nodeId);
       if (!(nodeModel == null ? void 0 : nodeModel.decontextMenu)) {
         return;
@@ -506,7 +499,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         "nodeModel": nodeModel,
         "nodeData": nodeData,
         "context": c.context,
-        "onActionClick": (detail, e) => c.doUIAction(detail.uiactionId, nodeData, e, detail.appId)
+        "actionCallBack": (detail, e) => c.doUIAction(detail.uiactionId, nodeData, e, detail.appId)
       }, null);
     };
     const updateNodeExpand = (data, expanded) => {
@@ -622,7 +615,6 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       allowDrop,
       allowDrag,
       handleDrop,
-      onShowNavView,
       onNodeTextEditBlur,
       renderNewNode,
       handleEditKeyDown
@@ -652,7 +644,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const key = this.c.controlPanel ? "tree" : "default";
     slots[key] = () => {
       if (this.c.state.isLoaded && this.treeRefreshKey) {
-        return [vue.createVNode(vue.resolveComponent("el-tree"), {
+        return [vue.createVNode(vue.resolveComponent("el-tree"), vue.mergeProps({
           "ref": "treeRef",
           "class": this.ns.b("tree"),
           "key": this.treeRefreshKey,
@@ -682,7 +674,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
           "allow-drop": this.allowDrop,
           "allow-drag": this.allowDrag,
           "onNodeDrop": this.handleDrop
-        }, {
+        }, this.$attrs), {
           default: ({
             data
           }) => {
@@ -735,16 +727,16 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
               "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
-        }), this.renderNewNode(), this.c.state.enableNavView ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
+        }), this.renderNewNode(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : null];
       }
     };

package/lib/control/tree-grid/tree-grid.cjs

@@ -9,6 +9,9 @@ var grid = require('../grid/grid/grid.cjs');
 var gridControl_util = require('../grid/grid/grid-control.util.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeGridControl",
   props: {
@@ -107,10 +110,20 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
             "class": ns.b("quick-toolbar")
           }, null);
         }
+        const noDataSlots = {};
+        if (vue3Util.hasEmptyPanelRenderer(c)) {
+          Object.assign(noDataSlots, {
+            customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+              "controller": c
+            }, null)
+          });
+        }
         return vue.createVNode(vue.resolveComponent("iBizNoData"), {
           "text": c.model.emptyText,
           "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-        }, null);
+        }, _isSlot(noDataSlots) ? noDataSlots : {
+          default: () => [noDataSlots]
+        });
       }
       return null;
     };

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.cjs

@@ -53,7 +53,7 @@ function useCellEdit(props, componentRef) {
   const onBlur = () => {
     ibiz.log.debug("".concat(c.name, "\u5C5E\u6027\u7F16\u8F91\u5668blur\u4E8B\u4EF6"));
     setEditable(false);
-    if (ibiz.config.grid.editSaveMode === "cell-blur") {
+    if (c.treeGrid.editSaveMode === "cell-blur") {
       c.treeGrid.save(props.row.data);
     }
   };

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.cjs

@@ -32,9 +32,9 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("tree-grid-ex-edit-column");
     const componentRef = vue.ref();
     const c = props.controller;
-    const rowDataChange = async (val, name) => {
+    const rowDataChange = async (val, name, ignore = false) => {
       ibiz.log.debug("".concat(c.name, "\u503C\u53D8\u66F4"), val);
-      await c.setRowValue(props.row, val, name);
+      await c.setRowValue(props.row, val, name, ignore);
     };
     const useByShowMode = () => {
       switch (c.treeGrid.editShowMode) {
@@ -82,8 +82,8 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",
       required: !this.controller.nodeEditItem.allowEmpty,
-      overflowMode: this.controller.overflowMode,
-      class: [this.ns, this.ns.m(this.controller.overflowMode)],
+      overflowMode: this.controller.treeGrid.overflowMode,
+      class: [this.ns, this.ns.m(this.controller.treeGrid.overflowMode)],
       ...this.gridEditItemProps
     }, {
       default: () => [this.controller.editorProvider && vue.h(vue.resolveComponent(this.controller.editorProvider.gridEditor), {
@@ -91,7 +91,7 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
         value: this.fieldValue,
         data: this.row.data,
         controller: this.controller.editor,
-        overflowMode: this.controller.overflowMode,
+        overflowMode: this.controller.treeGrid.overflowMode,
         onChange: this.rowDataChange,
         onInfoTextChange: this.onInfoTextChange,
         title: this.tooltip,

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs

@@ -24,13 +24,6 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
-    let emptyHiddenUnit = ibiz.config.grid.emptyHiddenUnit;
-    const {
-      emptyhiddenunit
-    } = props.controller.treeGrid.controlParams;
-    if (emptyhiddenunit) {
-      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
-    }
     const fieldValue = vue.computed(() => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
         return props.row.data._text;
@@ -55,7 +48,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
           return codeListText.value;
         }
         let text = nodeColumnC.formatValue(fieldValue.value);
-        if (emptyHiddenUnit) {
+        if (props.controller.treeGrid.emptyHiddenUnit) {
           if (text) {
             text += nodeColumnC.unitName || ((_a = nodeColumnC.nodeColumn) == null ? void 0 : _a.unitName) || "";
           }

package/lib/control/tree-grid-ex/tree-grid-ex.cjs

@@ -9,6 +9,9 @@ var qxUtil = require('qx-util');
 var useRowEditPopover = require('./use-row-edit-popover.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeGridExControl",
   props: {
@@ -35,10 +38,20 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
       const {
         isLoaded
       } = c.state;
+      const noDataSlots = {};
+      if (vue3Util.hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     const renderColumns = vue.computed(() => {
       const columns = [];

package/lib/control/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel__form.ibiz-control-form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}

package/lib/editor/autocomplete/autocomplete-editor.controller.cjs

@@ -46,6 +46,16 @@ class AutoCompleteEditorController extends runtime.EditorController {
      * @type {IAcItemProvider}
      */
     __publicField(this, "acItemProvider");
+    /**
+     * 分组行为状态
+     */
+    __publicField(this, "groupActionState", new runtime.ButtonContainerState());
+    /**
+     * @description 自填模式行为行为组
+     * @type {IAppDEUIActionGroupDetail[]}
+     * @memberof AutoCompleteEditorController
+     */
+    __publicField(this, "actionDetails", []);
   }
   async onInit() {
     super.onInit();
@@ -86,6 +96,37 @@ class AutoCompleteEditorController extends runtime.EditorController {
         }
       }
     }
+    if (this.model.uiactionGroup) {
+      this.actionDetails = this.model.uiactionGroup.uiactionGroupDetails || [];
+      if (this.actionDetails.length > 0) {
+        this.actionDetails.forEach((detail) => {
+          const actionid = detail.uiactionId;
+          if (actionid) {
+            const buttonState = new runtime.UIActionButtonState(
+              detail.id,
+              this.context.srfappid,
+              actionid
+            );
+            this.groupActionState.addState(detail.id, buttonState);
+          }
+        });
+        await this.groupActionState.init();
+        this.actionDetails.forEach((detail) => {
+          if (detail.capLanguageRes && detail.capLanguageRes.lanResTag) {
+            detail.caption = ibiz.i18n.t(
+              detail.capLanguageRes.lanResTag,
+              detail.caption
+            );
+          }
+          if (detail.tooltipLanguageRes && detail.tooltipLanguageRes.lanResTag) {
+            detail.tooltip = ibiz.i18n.t(
+              detail.tooltipLanguageRes.lanResTag,
+              detail.tooltip
+            );
+          }
+        });
+      }
+    }
   }
   /**
    * 加载实体数据集数据
@@ -93,7 +134,7 @@ class AutoCompleteEditorController extends runtime.EditorController {
    * @param {string} query 模糊匹配字符串
    * @param {IData} data 表单数据
    * @returns {*}  {Promise<IHttpResponse<IData[]>>}
-   * @memberof PickerEditorController
+   * @memberof AutoCompleteEditorController
    */
   async getServiceData(query, data) {
     const { context, params } = this.handlePublicParams(
@@ -152,6 +193,30 @@ class AutoCompleteEditorController extends runtime.EditorController {
     }
     return [];
   }
+  /**
+   * @description 分组行为项点击
+   * @param {IUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof AutoCompleteEditorController
+   */
+  async onActionClick(detail, data, event) {
+    if (event) {
+      event.stopPropagation();
+    }
+    const actionId = detail.uiactionId;
+    await runtime.UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.context,
+        params: this.params,
+        data: [data],
+        view: this.view,
+        event
+      },
+      detail.appId
+    );
+  }
 }
 
 exports.AutoCompleteEditorController = AutoCompleteEditorController;