@ibiz-template/vue3-components 0.7.4 → 0.7.6

package/es/control/grid/grid/grid.mjs

@@ -1,7 +1,8 @@
 import { resolveComponent, mergeProps, h, createVNode, createTextVNode, renderSlot, onUnmounted, defineComponent } from 'vue';
 import { useControlController, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
-import { useITableEvent, useGridHeaderStyle, useAppGridBase } from './grid-control.util.mjs';
+import { NOOP } from '@ibiz-template/core';
+import { useITableEvent, useGridHeaderStyle, useGridDraggable, useAppGridBase } from './grid-control.util.mjs';
 import './grid.css';
 import { useRowEditPopover } from '../row-edit-popover/use-row-edit-popover.mjs';
 import '../../../util/index.mjs';
@@ -164,6 +165,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
     const {
       headerCssVars
     } = useGridHeaderStyle(tableRef, ns);
+    const {
+      cleanup = NOOP
+    } = useGridDraggable(tableRef, ns, c);
     const renderNoData = () => {
       var _a;
       const {
@@ -227,8 +231,41 @@ const GridControl = /* @__PURE__ */ defineComponent({
       }
       return renderChildColumn(c, model, renderColumns.value, index);
     };
+    const renderDragIconColumn = () => {
+      return createVNode(resolveComponent("el-table-column"), {
+        "class-name": ns.e("drag-icon"),
+        "type": "default",
+        "width": "16"
+      }, {
+        default: () => {
+          return createVNode("svg", {
+            "viewBox": "0 0 16 16",
+            "class": "icon",
+            "xmlns": "http://www.w3.org/2000/svg",
+            "height": "1em",
+            "width": "1em",
+            "preserveAspectRatio": "drag-icon",
+            "focusable": "false"
+          }, [createVNode("g", {
+            "id": "drag-icon/drag--",
+            "stroke-width": "1",
+            "fill-rule": "evenodd"
+          }, [createVNode("g", {
+            "id": "drag-icon",
+            "transform": "translate(5 1)",
+            "fill-rule": "nonzero"
+          }, [createVNode("path", {
+            "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z",
+            "id": "drag-icon-air"
+          }, null)])])]);
+        }
+      });
+    };
     onUnmounted(() => {
       zIndex.decrement();
+      if (cleanup !== NOOP) {
+        cleanup();
+      }
     });
     return {
       c,
@@ -251,7 +288,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       renderPopover,
       defaultSort,
       renderBatchToolBar,
-      headerCssVars
+      headerCssVars,
+      renderDragIconColumn
     };
   },
   render() {
@@ -289,7 +327,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       }, {
         empty: this.renderNoData,
         default: () => {
-          return [!state.singleSelect && createVNode(resolveComponent("el-table-column"), {
+          return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && createVNode(resolveComponent("el-table-column"), {
             "class-name": this.ns.e("selection"),
             "type": "selection",
             "width": "55"

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

@@ -94,6 +94,7 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
         [key: string]: any;
     }> | undefined;
     headerCssVars: IData;
+    renderDragIconColumn: () => JSX.Element;
 }, 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").IDEGrid>;

package/es/control/grid/grid/index.mjs

@@ -4,7 +4,7 @@ import '../grid-column/index.mjs';
 import { IBizRowEditPopover } from '../row-edit-popover/row-edit-popover.mjs';
 import { GridControl } from './grid.mjs';
 import { GridProvider } from './grid.provider.mjs';
-export { useAppGridBase, useAppGridPagination, useGridHeaderStyle, useITableEvent } from './grid-control.util.mjs';
+export { useAppGridBase, useAppGridPagination, useGridDraggable, useGridHeaderStyle, useITableEvent } from './grid-control.util.mjs';
 import { IBizGridFieldColumn } from '../grid-column/grid-field-column/index.mjs';
 import { IBizGridUAColumn } from '../grid-column/grid-ua-column/index.mjs';
 import { IBizGridFieldEditColumn } from '../grid-column/grid-field-edit-column/index.mjs';

package/es/control/grid/grid-column/grid-field-column/grid-field-column.d.ts

@@ -22,6 +22,7 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     codeListValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
+    items: import("vue").Ref<readonly IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof GridFieldColumnController;

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

@@ -1,5 +1,5 @@
 import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
 import './grid-field-column.css';
 import { GridFieldColumnController, GridRowState, ValueExUtil } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
@@ -51,6 +51,16 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, props.row, event);
     };
+    const items = ref([]);
+    if (props.controller.codeList) {
+      items.value = props.controller.codeListItems;
+    }
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
     return {
       ns,
       onCellClick,
@@ -62,7 +72,8 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       formatValue,
       codeListValue,
       tooltip,
-      zIndex
+      zIndex,
+      items
     };
   },
   render() {
@@ -85,7 +96,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     } else if (c.codeList) {
       content = createVNode(resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),
-        "codeListItems": c.codeListItems,
+        "codeListItems": this.items,
         "codeList": c.codeList,
         "value": this.codeListValue,
         "onClick": this.onTextClick,

package/es/control/grid/grid-column/grid-field-column/index.d.ts

@@ -19,6 +19,7 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
     codeListValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
+    items: import("vue").Ref<readonly IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof import("@ibiz-template/runtime").GridFieldColumnController;

package/es/control/grid/index.mjs

@@ -1,6 +1,6 @@
 export { IBizGridControl } from './grid/index.mjs';
 import './grid-column/index.mjs';
-export { useAppGridBase, useAppGridPagination, useGridHeaderStyle, useITableEvent } from './grid/grid-control.util.mjs';
+export { useAppGridBase, useAppGridPagination, useGridDraggable, useGridHeaderStyle, useITableEvent } from './grid/grid-control.util.mjs';
 export { IBizGridFieldColumn } from './grid-column/grid-field-column/index.mjs';
 export { IBizGridUAColumn } from './grid-column/grid-ua-column/index.mjs';
 export { IBizGridFieldEditColumn } from './grid-column/grid-field-edit-column/index.mjs';

package/es/control/index.mjs

@@ -25,7 +25,7 @@ export { IBizMapControl } from './map/index.mjs';
 export { IBizReportPanelControl } from './report-panel/index.mjs';
 export { IBizGanttControl } from './gantt/index.mjs';
 export { IBizContextMenuControl } from './context-menu/index.mjs';
-export { useAppGridBase, useAppGridPagination, useGridHeaderStyle, useITableEvent } from './grid/grid/grid-control.util.mjs';
+export { useAppGridBase, useAppGridPagination, useGridDraggable, useGridHeaderStyle, useITableEvent } from './grid/grid/grid-control.util.mjs';
 export { IBizGridControl } from './grid/grid/index.mjs';
 export { IBizGridFieldColumn } from './grid/grid-column/grid-field-column/index.mjs';
 export { IBizGridUAColumn } from './grid/grid-column/grid-ua-column/index.mjs';

package/es/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/es/control/kanban/kanban.mjs

@@ -292,7 +292,8 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
         }, null)]
       }), showActionBar && createVNode(resolveComponent("el-dropdown"), {
         "class": ns.be("group", "header-actions"),
-        "trigger": "click"
+        "trigger": "click",
+        "teleported": false
       }, {
         default: () => createVNode("span", null, [createTextVNode("\xB7\xB7\xB7")]),
         dropdown: () => createVNode("div", {

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, reactive, watch, computed, nextTick, resolveComponent, createVNode, onMounted, onUnmounted, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { debounce } from 'lodash-es';
@@ -69,16 +69,21 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new TreeController(...args));
     const cascadeSelect = ref(false);
     const counterData = reactive({});
+    const fn = (counter) => {
+      Object.assign(counterData, counter);
+    };
     c.evt.on("onCreated", () => {
       if (c.counter) {
-        c.counter.onChange((counter) => {
-          Object.assign(counterData, counter);
-        }, true);
+        c.counter.onChange(fn, true);
       }
       if (c.controlParams.cascadeselect) {
         cascadeSelect.value = true;
       }
     });
+    onUnmounted(() => {
+      var _a;
+      (_a = c.counter) == null ? void 0 : _a.offChange(fn);
+    });
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const treeRef = ref(null);
     const treeviewRef = ref(null);

package/es/control/wizard-panel/wizard-panel.mjs

@@ -35,16 +35,15 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const {
-      activeFormTag
+      activeFormTag,
+      buttonsState
     } = this.c.state;
     let stepsTitle = null;
     let formComponent = null;
     let footer = null;
     if (activeFormTag && this.c.activeWizardForm) {
-      const wizardForm = this.c.activeWizardForm;
-      const supportActions = wizardForm.stepActions;
       if (this.c.providers[activeFormTag]) {
         const component = resolveComponent(this.c.providers[activeFormTag].component);
         const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
@@ -64,22 +63,22 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       const {
         dewizard
       } = this.c.model;
-      footer = supportActions && dewizard && createVNode("div", {
+      footer = dewizard && createVNode("div", {
         "key": "".concat(activeFormTag, "footer"),
         "class": this.ns.b("footer")
-      }, [supportActions.includes("PREV") && createVNode(resolveComponent("el-button"), {
+      }, [((_b = buttonsState["".concat(activeFormTag, "@PREV")]) == null ? void 0 : _b.visible) && createVNode(resolveComponent("el-button"), {
         "onClick": () => {
           this.c.onPrevClick();
         }
       }, {
         default: () => [dewizard.prevCaption ? dewizard.prevCaption : "\u540E\u9000"]
-      }), supportActions.includes("NEXT") && createVNode(resolveComponent("el-button"), {
+      }), ((_c = buttonsState["".concat(activeFormTag, "@NEXT")]) == null ? void 0 : _c.visible) && createVNode(resolveComponent("el-button"), {
         "onClick": () => {
           this.c.onNextClick();
         }
       }, {
         default: () => [dewizard.nextCaption ? dewizard.nextCaption : "\u524D\u8FDB"]
-      }), supportActions.includes("FINISH") && createVNode(resolveComponent("el-button"), {
+      }), ((_d = buttonsState["".concat(activeFormTag, "@FINISH")]) == null ? void 0 : _d.visible) && createVNode(resolveComponent("el-button"), {
         "onClick": () => {
           this.c.onFinishClick();
         }
@@ -91,7 +90,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
         let _slot;
-        const active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_b = this.c.state.activeFormTag) == null ? void 0 : _b.toLowerCase())]) + 1;
+        const active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase())]) + 1;
         stepsTitle = createVNode(resolveComponent("el-steps"), {
           "class": this.ns.b("header"),
           "align-center": true,

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -166,7 +166,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       "placeholder": this.c.placeHolder,
       "placement": "bottom",
       "clearable": this.autoCompleteClearable,
-      "popper-class": [this.ns.e("transfer")],
+      "popper-class": this.ns.e("transfer"),
       "teleported": !this.showFormDefaultContent,
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getCheckboxListProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getCheckboxListProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-checkbox-list.css';
 
@@ -38,6 +38,12 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
       }
       return "str";
     });
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     let valueSeparator = ",";
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -33,6 +33,15 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    watch(() => props.readonly, (newVal) => {
+      if (editor) {
+        editor.updateOptions({
+          readOnly: newVal
+        });
+      }
+    }, {
+      immediate: true
+    });
     const codeEditBox = ref();
     const editorInit = () => {
       nextTick(() => {
@@ -56,8 +65,11 @@ const IBizCode = /* @__PURE__ */ defineComponent({
               minimap: {
                 enabled: true
               },
-              readOnly: false,
+              readOnly: props.readonly,
               // 只读
+              readOnlyMessage: {
+                value: "\u5F53\u524D\u4E3A\u53EA\u8BFB\u6A21\u5F0F\uFF0C\u4E0D\u53EF\u7F16\u8F91"
+              },
               fontSize: 16,
               // 字体大小
               scrollBeyondLastLine: false,

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -259,7 +259,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       "value-key": this.c.textName,
       "placeholder": this.c.placeHolder,
       "clearable": true,
-      "popper-class": [this.ns.e("transfer")],
+      "popper-class": this.ns.e("transfer"),
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
       "onBlur": this.onBlur,

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,5 +1,5 @@
 import { isVNode, ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace, useClickOutside } from '@ibiz-template/vue3-util';
+import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
 import './ibiz-dropdown.css';
 
 "use strict";
@@ -26,6 +26,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     const isLoading = ref(false);
     let editorState = "";
     let funcs;
+    const codeItemValueNumber = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -64,6 +65,13 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       return list;
     };
     const loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
       isLoading.value = true;
       const codeList = await c.loadCodeList(props.data);
       isLoadedCodeList.value = true;
@@ -102,20 +110,20 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     };
     const curValue = computed({
       get() {
-        var _a, _b;
+        var _a, _b, _c;
         if (!isLoadedCodeList.value) {
           return c.multiple ? [] : "";
         }
         if (editorItems && editorItems.length > 0 && !c.multiple) {
-          return props.data[editorItems[0].id];
+          return (_a = props.data[editorItems[0].id]) == null ? void 0 : _a.toString();
         }
         if (props.value && typeof props.value === "string") {
-          return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
+          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(",") : props.value.toString();
         }
         if (props.value && Array.isArray(props.value)) {
           return c.multiple ? props.value : props.value.toString();
         }
-        return (_b = props.value) == null ? void 0 : _b.toString();
+        return (_c = props.value) == null ? void 0 : _c.toString();
       },
       set(select) {
         if (Array.isArray(select)) {
@@ -129,13 +137,13 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           }
           emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
-          emit("change", select, editorItems[0].id);
-          const selectItem = getCodeListItemByValue(select);
+          emit("change", codeItemValueNumber.value ? Number(select) : select, editorItems[0].id);
+          const selectItem = getCodeListItemByValue(codeItemValueNumber.value ? Number(select) : select);
           if (selectItem) {
             emit("change", selectItem.text);
           }
         } else {
-          emit("change", select);
+          emit("change", codeItemValueNumber.value ? Number(select) : select);
         }
         setEditable(false);
       }
@@ -146,7 +154,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const textArr = [];
       valueArr.forEach((item) => {
         list.forEach((codeItem) => {
-          if (codeItem.value === item) {
+          if (codeItemValueNumber.value ? codeItem.value === Number(item) : codeItem.value === item) {
             textArr.push(codeItem.text);
           }
         });
@@ -197,6 +205,12 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     onMounted(() => {
       if (editorRef.value) {
         funcs = useClickOutside(editorRef, async (_evt) => {

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getListBoxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getListBoxProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
 
@@ -52,6 +52,12 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       }
     };
     loadListBoxItems();
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const currentMode = computed(() => {
       if (codeList && codeList.orMode) {
         return codeList.orMode.toLowerCase();

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -1,5 +1,5 @@
 import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRadioProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getRadioProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-radio.css';
 import { notNilEmpty } from 'qx-util';
 
@@ -39,6 +39,12 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       immediate: true,
       deep: true
     });
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const valueText = computed(() => {
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";

package/es/editor/span/span/span.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getSpanProps, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getSpanProps, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
 import { DataTypes } from '@ibiz-template/core';
@@ -95,6 +95,12 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
         deep: true
       });
     }
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));

package/es/index.mjs

@@ -17,7 +17,7 @@ export { IBizSplitTrigger } from './common/split-trigger/split-trigger.mjs';
 export { IBizSortBar } from './common/sort-bar/sort-bar.mjs';
 export { IBizAppMenuControl } from './control/app-menu/index.mjs';
 export { IBizAppMenuIconViewControl } from './control/app-menu-icon-view/index.mjs';
-export { useAppGridBase, useAppGridPagination, useGridHeaderStyle, useITableEvent } from './control/grid/grid/grid-control.util.mjs';
+export { useAppGridBase, useAppGridPagination, useGridDraggable, useGridHeaderStyle, useITableEvent } from './control/grid/grid/grid-control.util.mjs';
 export { IBizGridControl } from './control/grid/grid/index.mjs';
 export { IBizGridFieldColumn } from './control/grid/grid-column/grid-field-column/index.mjs';
 export { IBizGridUAColumn } from './control/grid/grid-column/grid-ua-column/index.mjs';

package/es/panel-component/nav-pos-index/nav-pos-index.controller.d.ts

@@ -35,6 +35,14 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @type {boolean}
      */
     autoGoLast: boolean;
+    /**
+     * 无缓存
+     * @author lxm
+     * @date 2024-04-22 04:12:41
+     * @readonly
+     * @type {boolean}
+     */
+    noCache: boolean;
     protected createState(): NavPosIndexState;
     setRouter(router: Router): void;
     /**
@@ -60,6 +68,16 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @type {(IAppMenuController | undefined)}
      */
     get appmenu(): IAppMenuController | undefined;
+    /**
+     * 自定义补充参数
+     *
+     * @author zk
+     * @date 2023-09-27 03:09:02
+     * @type {IData}
+     * @memberof NavPosController
+     */
+    rawItemParams: IData;
+    protected onInit(): Promise<void>;
     /**
      * 改变显示视图
      * @author lxm
@@ -124,4 +142,13 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @protected
      */
     protected goLast(): void;
+    /**
+     * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+     *
+     * @author zk
+     * @date 2023-09-27 03:09:55
+     * @protected
+     * @memberof NavPosController
+     */
+    protected handleRawItemParams(): void;
 }