@ibiz-template/vue3-components 0.7.41-alpha.17 → 0.7.41-alpha.18

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, reactive, watch, nextTick, onMounted, resolveComponent, createVNode, toRaw, h, defineComponent } from 'vue';
+import { isVNode, ref, reactive, watch, onUnmounted, resolveComponent, createVNode, toRaw, h, defineComponent } from 'vue';
 import Sortable from '../../../../../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.mjs';
 import { FormMDCtrlRepeaterController, EditFormController, ControlVO } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
@@ -89,12 +89,13 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
       immediate: true,
       deep: true
     });
+    let sortable;
     const rowDrop = () => {
       var _a, _b;
       const wrapper = (_b = (_a = tableRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector(".el-table__body-wrapper tbody");
       if (!wrapper || !props.controller.enableSort)
         return;
-      Sortable.create(wrapper, {
+      sortable = Sortable.create(wrapper, {
         animation: 150,
         handle: ".".concat(ns.e("drag-icon")),
         ghostClass: "".concat(ns.e("sortable-ghost")),
@@ -107,9 +108,12 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    onMounted(() => {
-      nextTick(() => rowDrop());
+    watch(() => tableRef.value, () => {
+      if (!props.controller.enableSort)
+        return;
+      tableRef.value ? rowDrop() : sortable == null ? void 0 : sortable.destroy();
     });
+    onUnmounted(() => sortable == null ? void 0 : sortable.destroy());
     const renderRemoveBtn = (index) => {
       let _slot2;
       if (!props.controller.enableDelete) {

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}
+.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}.ibiz-form-tab-panel__badge .el-badge__content.is-fixed{top:var(--ibiz-spacing-super-tight);right:0}

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.mjs

@@ -101,7 +101,8 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
           return c.model.counterId ? createVNode(resolveComponent("el-badge"), {
             "class": [this.ns.e("badge"), this.ns.is("no-counter", !value && value !== 0 || c.model.counterMode === 1 && value <= 0)],
             "value": value,
-            "hidden": !value && value !== 0 || c.model.counterMode === 1 && value <= 0
+            "hidden": !value && value !== 0 || c.model.counterMode === 1 && value <= 0,
+            "max": 99
           }, _isSlot(_slot = renderItemText(c)) ? _slot : {
             default: () => [_slot]
           }) : renderItemText(c);

package/es/control/gantt/gantt.css

@@ -1 +1 @@
-.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root{--gantt-bg:var(--ibiz-color-bg-1);--gantt-bg-hover:var(--ibiz-color-disabled-border);--gantt-bg-active:var(--ibiz-color-disabled-border);--gantt-bg-checkmark:transparent;--gantt-bg-toolbar-item-hover:var(--ibiz-color-primary-light-default);--gantt-shadow:var(--ibiz-color-shadow);--gantt-shadow-toolbar-item:var(--ibiz-color-shadow);--gantt-border:var(--ibiz-color-tertiary-light-active);--gantt-border-hover:var(--ibiz-color-tertiary-light-active);--gantt-border-dashed:var(--ibiz-color-disabled-border);--gantt-border-toolbar-item:var(--ibiz-color-border);--gantt-border-separate-line:var(--ibiz-color-border);--gantt-text-0:var(--ibiz-color-text-0);--gantt-text-3:var(--ibiz-color-text-3);--gantt-white:var(--ibiz-color-white);--gantt-black:var(--ibiz-color-black);--gantt-color-primary:var(--ibiz-color-primary);--gantt-warning:var(--ibiz-color-warning)}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:var(--ibiz-spacing-none)}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.xg-slider-drag.xg-slider-level0{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider .xg-slider-block{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.is-no-width{display:none}.ibiz-control-gantt .xg-root .ibiz-control-gantt__slider--caption{position:sticky;left:8px}.ibiz-control-gantt .xg-root .is-exceeds-range .ibiz-control-gantt__slider::after{position:absolute;right:0;z-index:99;display:block;width:16px;height:100%;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-gantt__slider--container-title .icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);font-weight:var(--ibiz-font-weight-regular)}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt__slider--caption{overflow:hidden;color:var(--ibiz-color-primary-text);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-gantt__setting{display:flex;align-items:center}.ibiz-control-gantt__setting--icon{cursor:pointer;fill:var(--ibiz-color-primary)}.ibiz-control-gantt__slider-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}.xg-view-toolbar-switch-action{--gantt-text-switch-item:var(--ibiz-color-text-3);--gantt-bg-hover-switch-item:var(--ibiz-color-bg-0)}
+.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root{--gantt-bg:var(--ibiz-color-bg-1);--gantt-bg-hover:var(--ibiz-color-disabled-border);--gantt-bg-active:var(--ibiz-color-disabled-border);--gantt-bg-checkmark:transparent;--gantt-bg-toolbar-item-hover:var(--ibiz-color-primary-light-default);--gantt-shadow:var(--ibiz-color-shadow);--gantt-shadow-toolbar-item:var(--ibiz-color-shadow);--gantt-border:var(--ibiz-color-tertiary-light-active);--gantt-border-hover:var(--ibiz-color-tertiary-light-active);--gantt-border-dashed:var(--ibiz-color-disabled-border);--gantt-border-toolbar-item:var(--ibiz-color-border);--gantt-border-separate-line:var(--ibiz-color-border);--gantt-text-0:var(--ibiz-color-text-0);--gantt-text-3:var(--ibiz-color-text-3);--gantt-white:var(--ibiz-color-white);--gantt-black:var(--ibiz-color-black);--gantt-color-primary:var(--ibiz-color-primary);--gantt-warning:var(--ibiz-color-warning);--gantt-color-linking:var(--ibiz-color-primary);--gantt-link-path-hover:var(--ibiz-color-primary)}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:var(--ibiz-spacing-none)}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.xg-slider-drag.xg-slider-level0{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider .xg-slider-block{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.is-no-width{display:none}.ibiz-control-gantt .xg-root .ibiz-control-gantt__slider--caption{position:sticky;left:8px}.ibiz-control-gantt .xg-root .is-exceeds-range .ibiz-control-gantt__slider::after{position:absolute;right:0;z-index:99;display:block;width:16px;height:100%;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-gantt__slider--container-title .icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);font-weight:var(--ibiz-font-weight-regular)}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt__slider--caption{overflow:hidden;color:var(--ibiz-color-primary-text);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-gantt__setting{display:flex;align-items:center}.ibiz-control-gantt__setting--icon{cursor:pointer;fill:var(--ibiz-color-primary)}.ibiz-control-gantt__slider-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt__link-path-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}.xg-view-toolbar-switch-action{--gantt-text-switch-item:var(--ibiz-color-text-3);--gantt-bg-hover-switch-item:var(--ibiz-color-bg-0)}

package/es/control/gantt/gantt.d.ts

@@ -59,7 +59,7 @@ export declare const GanttControl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     ganttRef: Ref<import("@ibiz-template/core").IApiData | undefined>;
     isInited: Ref<boolean>;
-    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    data: import("vue").ComputedRef<IGanttNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<IDETreeColumn[]>;
     onCheck: (state: boolean, item: IGanttNodeData) => void;
@@ -79,6 +79,8 @@ export declare const GanttControl: import("vue").DefineComponent<{
     allowDrag: (draggingNode: IGanttNodeData) => boolean;
     handleDrop: (draggingNode: IGanttNodeData, dropNode: IGanttNodeData, dropType: NodeDropType) => void;
     onHeaderDragend: (index: number, width: number) => void;
+    handleClickLink: (_link?: IData, _event?: MouseEvent) => void;
+    handleFullscreenChange: (_state: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 甘特模型数据
@@ -132,7 +134,7 @@ export declare const GanttControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     loadDefault: boolean;
 }, {}>;

package/es/control/gantt/gantt.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, nextTick, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace, useUIStore, hasEmptyPanelRenderer, IBizCustomRender, IBizControlShell } from '@ibiz-template/vue3-util';
 import { GanttController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
@@ -71,10 +71,12 @@ const GanttControl = /* @__PURE__ */ defineComponent({
     const isInited = ref(false);
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let overlay = null;
+    let linkOverlay = null;
     const sliderMove = ref(false);
     const iBizRawItem = resolveComponent("IBizRawItem");
     const iBizIcon = resolveComponent("IBizIcon");
     let forbidClick = false;
+    let forbidOperation = false;
     const selection = [];
     const app = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.app;
     onMounted(() => {
@@ -154,18 +156,90 @@ const GanttControl = /* @__PURE__ */ defineComponent({
     const locale = computed(() => {
       return ibiz.i18n.getLang().toLowerCase();
     });
+    watch([() => ganttRef.value, () => c.state.selectedData], ([table, newVal]) => {
+      if (forbidOperation || !table)
+        return;
+      nextTick(() => {
+        var _a2, _b;
+        if (c.state.singleSelect) {
+          if (newVal[0]) {
+            (_a2 = ganttRef.value) == null ? void 0 : _a2.setSelected(newVal[0]);
+          } else {
+            (_b = ganttRef.value) == null ? void 0 : _b.setSelected();
+          }
+        } else {
+          selection.length = 0;
+          selection.push(...newVal);
+          newVal.forEach((item) => {
+            var _a3;
+            return (_a3 = ganttRef.value) == null ? void 0 : _a3.setChecked(item, true);
+          });
+        }
+      });
+    });
     const findNodeLayoutPanel = (id) => {
       var _a2;
       let layoutPanel;
       const nodeModel = c.getNodeModel(id);
       (_a2 = nodeModel == null ? void 0 : nodeModel.controlRenders) == null ? void 0 : _a2.forEach((renderItem) => {
-        if (renderItem.renderType === "LAYOUTPANEL") {
+        if (renderItem.renderType === "LAYOUTPANEL" && (renderItem.id || "").split("_")[0] !== "nodelinkrender") {
           layoutPanel = renderItem.layoutPanel;
         }
       });
       return layoutPanel;
     };
+    const findNodeLinkLayoutPanel = (id) => {
+      var _a2;
+      let layoutPanel;
+      const nodeModel = c.getNodeModel(id);
+      (_a2 = nodeModel == null ? void 0 : nodeModel.controlRenders) == null ? void 0 : _a2.find((renderItem) => {
+        if (renderItem.renderType === "LAYOUTPANEL" && (renderItem.id || "").split("_")[0] === "nodelinkrender") {
+          layoutPanel = renderItem.layoutPanel;
+          return true;
+        }
+        return false;
+      });
+      return layoutPanel;
+    };
+    let fullscreen = false;
+    const oldAllPopover = [];
+    const getAllPopover = () => {
+      var _a2;
+      const allPopover = {};
+      const elPopover = (_a2 = document.querySelector(".el-popover")) == null ? void 0 : _a2.parentElement;
+      if (elPopover)
+        Object.assign(allPopover, {
+          elPopover
+        });
+      return allPopover;
+    };
+    const popoverAppendTarget = (_popover, _target) => {
+      _popover.forEach((_element) => _element.parentElement !== _target && (_target == null ? void 0 : _target.append(_element)));
+    };
+    const popoverAppendGantt = () => {
+      var _a2;
+      const targetContainer = (_a2 = ganttRef.value) == null ? void 0 : _a2.getElementRefs().rootRef.value;
+      const allPopoverNode = Object.values(getAllPopover()).filter((_element) => {
+        return _element && _element.parentElement === document.body;
+      });
+      oldAllPopover.push(...allPopoverNode);
+      popoverAppendTarget(allPopoverNode, targetContainer);
+    };
+    const popoverAppendBody = () => {
+      const allPopoverNode = oldAllPopover.filter((_element) => !!_element);
+      oldAllPopover.length = 0;
+      popoverAppendTarget(allPopoverNode, document.body);
+    };
+    const handleFullscreenChange = (_state) => {
+      fullscreen = _state;
+      if (_state) {
+        popoverAppendGantt();
+      } else {
+        popoverAppendBody();
+      }
+    };
     const onCheck = (state, item) => {
+      forbidOperation = true;
       if (state) {
         selection.push(item);
       } else {
@@ -175,16 +249,21 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         }
       }
       c.setSelection(selection);
+      setTimeout(() => {
+        forbidOperation = false;
+      }, 200);
     };
     const onNodeClick = (nodeData, evt) => {
       if (forbidClick || sliderMove.value) {
         sliderMove.value = false;
         return;
       }
+      forbidOperation = true;
       c.onTreeNodeClick(nodeData, evt);
       forbidClick = true;
       setTimeout(() => {
         forbidClick = false;
+        forbidOperation = false;
       }, 200);
     };
     const onNodeDbClick = (nodeData) => {
@@ -432,9 +511,11 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       }, [item._text])])]);
     };
     const openPopover = (row, evt) => {
+      var _a2;
       if (overlay) {
         return;
       }
+      const appendTo = fullscreen && ((_a2 = ganttRef.value) == null ? void 0 : _a2.getElementRefs().rootRef.value);
       const panel = findNodeLayoutPanel(row._nodeId);
       const component = panel ? renderNodePanel(panel, row._deData) : renderNodeInfo(row);
       overlay = ibiz.overlay.createPopover((modal) => {
@@ -446,7 +527,8 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         height: "auto",
         noArrow: true,
         placement: "bottom",
-        modalClass: ns.e("slider-popover")
+        modalClass: ns.e("slider-popover"),
+        appendTo
       });
       overlay == null ? void 0 : overlay.present(evt.target.children[0]);
     };
@@ -530,6 +612,38 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         c.saveColumnState();
       }
     };
+    const openLinkPathPopover = async (row, panelData, evt) => {
+      var _a2;
+      const panel = findNodeLinkLayoutPanel(row._nodeId);
+      if (linkOverlay || !panel) {
+        return;
+      }
+      const appendTo = fullscreen && ((_a2 = ganttRef.value) == null ? void 0 : _a2.getElementRefs().rootRef.value);
+      const component = renderNodePanel(panel, panelData);
+      linkOverlay = ibiz.overlay.createPopover((modal) => {
+        return h(component, {
+          modal
+        });
+      }, void 0, {
+        width: "auto",
+        height: "auto",
+        noArrow: true,
+        autoClose: true,
+        modalClass: ns.e("link-path-popover"),
+        appendTo
+      });
+      linkOverlay == null ? void 0 : linkOverlay.present(evt.currentTarget);
+      await linkOverlay.onWillDismiss();
+      linkOverlay = null;
+    };
+    const handleClickLink = (_link, _event) => {
+      if (_link && _event) {
+        const curLink = c.state.links.find((_item) => _item._uuid === _link.id);
+        if (curLink) {
+          openLinkPathPopover(curLink._fromData, curLink._deData, _event);
+        }
+      }
+    };
     return {
       c,
       ns,
@@ -552,7 +666,9 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       allowDrop,
       allowDrag,
       handleDrop,
-      onHeaderDragend
+      onHeaderDragend,
+      handleClickLink,
+      handleFullscreenChange
     };
   },
   render() {
@@ -568,6 +684,7 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "ref": "ganttRef",
         "data-id": "_id",
         "data": this.data,
+        "links": this.c.state.links,
         "row-height": 46,
         "expand-all": false,
         "headerDrag": true,
@@ -576,11 +693,17 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "children": "_children",
         "leaf": "_leaf",
         "expand-key": "_defaultExpand",
+        "link-props": {
+          fromKey: "_from",
+          toKey: "_to",
+          linkKey: "_uuid"
+        },
         "locale": this.locale,
         "unit": this.c.state.unit,
         "draggable": {
           level: "all",
-          draggable: true
+          draggable: false,
+          draggableStateKey: "_draggable"
         },
         "allow-drop": this.allowDrop,
         "allow-drag": this.allowDrag,
@@ -593,6 +716,8 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "onRowChecked": this.onCheck,
         "onHeaderDragend": this.onHeaderDragend,
         "onMoveSlider": this.onSliderMove,
+        "onClickLink": this.handleClickLink,
+        "onFullscreenChange": this.handleFullscreenChange,
         "primaryColor": this.ganttStyle.primaryColor,
         "headerStyle": {
           textColor: this.ganttStyle.textColor,

package/es/control/gantt/index.d.ts

@@ -31,7 +31,7 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     ns: import("@ibiz-template/core").Namespace;
     ganttRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     isInited: import("vue").Ref<boolean>;
-    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    data: import("vue").ComputedRef<import("@ibiz-template/runtime").IGanttNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
     onCheck: (state: boolean, item: import("@ibiz-template/runtime").IGanttNodeData) => void;
@@ -53,6 +53,8 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     allowDrag: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData) => boolean;
     handleDrop: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData, dropNode: import("@ibiz-template/runtime").IGanttNodeData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
     onHeaderDragend: (index: number, width: number) => void;
+    handleClickLink: (_link?: import("@ibiz-template/core").IApiData | undefined, _event?: MouseEvent | undefined) => void;
+    handleFullscreenChange: (_state: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEGantt>;
@@ -83,8 +85,8 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     loadDefault: boolean;
 }, {}>>;
 export default IBizGanttControl;

package/es/control/grid/grid/grid.d.ts

@@ -226,8 +226,8 @@ export declare const GridControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     rowEditOpen: boolean;
     isSimple: boolean;
     loadDefault: boolean;

package/es/control/grid/grid/index.d.ts

@@ -162,8 +162,8 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     rowEditOpen: boolean;
     isSimple: boolean;
     loadDefault: boolean;

package/es/control/grid/grid-column/grid-field-column/attachment-column/attachment-column.mjs

@@ -23,7 +23,7 @@ const AttachmentColumn = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("attachment-column");
     const {
-      downloadUrl,
+      getDownloadUrl,
       files,
       onDownload
     } = useFilesParse(props, props.controller);
@@ -52,7 +52,16 @@ const AttachmentColumn = /* @__PURE__ */ defineComponent({
       await overlay.onWillDismiss();
     };
     const handlePDFPreview = async (file) => {
-      const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
+      const downloadUrl = getDownloadUrl(props.data, file);
+      let url = file.url || downloadUrl.replace("%fileId%", file.id);
+      if (ibiz.config.common.enableDownloadTicket) {
+        const downloadTicket = await ibiz.util.file.getDownloadTicket(props.controller.context, {
+          fileId: file.id
+        });
+        if (downloadTicket && downloadTicket.ticket) {
+          url = downloadUrl.replace("%fileId%", downloadTicket.ticket);
+        }
+      }
       const response = await ibiz.net.request(url, {
         method: "get",
         responseType: "blob",

package/es/control/grid/grid-column/grid-field-column/attachment-column/file-util.d.ts

@@ -16,7 +16,6 @@ export declare const getFileType: (extension: string) => FileType;
  */
 export declare function useFilesParse(props: IParams, c: GridFieldColumnController): {
     uploadUrl: Ref<string>;
-    downloadUrl: Ref<string>;
     files: Ref<{
         id: string;
         name: string;
@@ -24,5 +23,6 @@ export declare function useFilesParse(props: IParams, c: GridFieldColumnControll
         base64?: string | undefined;
     }[]>;
     onDownload: (file: IData) => void;
+    getDownloadUrl: (data: IData, file: IData) => string;
 };
 export {};

package/es/control/grid/grid-column/grid-field-column/attachment-column/file-util.mjs

@@ -22,7 +22,6 @@ const getFileType = (extension) => {
 function useFilesParse(props, c) {
   const files = ref([]);
   const uploadUrl = ref("");
-  const downloadUrl = ref("");
   const svgBlob = /* @__PURE__ */ new Map();
   const fetchSVGAsBase64 = async (url) => {
     try {
@@ -61,9 +60,29 @@ function useFilesParse(props, c) {
       });
     }
   };
+  const getDownloadUrl = (data, file) => {
+    const editorParams = {};
+    if (file && file.folder) {
+      editorParams.osscat = file.folder;
+    }
+    const urls = ibiz.util.file.calcFileUpDownUrl(
+      c.context,
+      c.params,
+      data,
+      editorParams
+    );
+    return urls.downloadUrl;
+  };
   const onDownload = (file) => {
-    const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-    ibiz.util.file.fileDownload(url, file.name);
+    const downloadUrl = getDownloadUrl(props.data, file);
+    const url = file.url || downloadUrl.replace("%fileId%", file.id);
+    ibiz.util.file.fileDownload(url, file.name, {
+      context: c.context,
+      params: c.params,
+      data: props.data,
+      file: { fileId: file.id, ...file },
+      extraParams: {}
+    });
   };
   watch(
     () => props.value,
@@ -83,7 +102,6 @@ function useFilesParse(props, c) {
           {}
         );
         uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
       }
     },
     { immediate: true, deep: true }
@@ -91,28 +109,25 @@ function useFilesParse(props, c) {
   watch(
     files,
     (newVal) => {
-      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+      if (newVal == null ? void 0 : newVal.length) {
         newVal.forEach((file) => {
+          const downloadUrl = getDownloadUrl(props.data, file);
           Object.assign(file, {
-            url: file.url || downloadUrl.value.replace("%fileId%", file.id)
-          });
-          if (file.name.split(".").pop() === "svg") {
-            calcSvgPreview(file);
-          }
-        });
-      }
-    },
-    { immediate: true }
-  );
-  watch(
-    downloadUrl,
-    (newVal) => {
-      if (newVal && files.value.length) {
-        files.value.forEach((file) => {
-          Object.assign(file, {
-            url: downloadUrl.value.replace("%fileId%", file.id)
+            url: file.url || downloadUrl.replace("%fileId%", file.id)
           });
-          if (file.name.split(".").pop() === "svg") {
+          if (ibiz.config.common.enableDownloadTicket) {
+            ibiz.util.file.getDownloadTicket(c.context, { fileId: file.id }).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                file.url = downloadUrl.replace(
+                  "%fileId%",
+                  downloadTicket.ticket
+                );
+                if (file.name.split(".").pop() === "svg") {
+                  calcSvgPreview(file);
+                }
+              }
+            });
+          } else if (file.name.split(".").pop() === "svg") {
             calcSvgPreview(file);
           }
         });
@@ -124,7 +139,7 @@ function useFilesParse(props, c) {
     files,
     uploadUrl,
     onDownload,
-    downloadUrl
+    getDownloadUrl
   };
 }
 

package/es/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--ellipsis{overflow:hidden}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}

package/es/control/grid/virtualized-table/index.d.ts

@@ -127,8 +127,8 @@ export declare const IBizVirtualizedTableControl: import("@ibiz-template/vue3-ut
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     rowEditOpen: boolean;
     isSimple: boolean;
     loadDefault: boolean;

package/es/control/grid/virtualized-table/virtualized-table.d.ts

@@ -192,8 +192,8 @@ export declare const VirtualizedTableControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     rowEditOpen: boolean;
     isSimple: boolean;
     loadDefault: boolean;

package/es/control/kanban/index.d.ts

@@ -108,8 +108,8 @@ export declare const IBizKanbanControl: import("@ibiz-template/vue3-util").TypeW
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>>;

package/es/control/kanban/kanban.d.ts

@@ -170,8 +170,8 @@ export declare const KanbanControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>;

package/es/control/list/index.d.ts

@@ -115,8 +115,8 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>>;

package/es/control/list/list.d.ts

@@ -171,8 +171,8 @@ export declare const ListControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>;

package/es/control/list/list.mjs

@@ -345,7 +345,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
     const renderGroup = (group) => {
       return createVNode(resolveComponent("el-collapse-item"), {
         "class": ns.be("group-content", "item"),
-        "name": group.key
+        "name": group.key.toString()
       }, {
         title: () => {
           return createVNode("div", {

package/es/control/map/map.mjs

@@ -108,7 +108,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
             this.c.onPointClick(e);
           },
           "onAreaClick": (e) => {
-            this.c.onAreaClick(e);
+            this.c.onAreaClick(e, "", "");
           }
         }, null), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),

package/es/control/tree/index.d.ts

@@ -1044,8 +1044,8 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
     checkStrictly: boolean;