@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.7

package/es/common/data-import2/data-import2.mjs

@@ -1,7 +1,7 @@
 import { isVNode, ref, watch, onMounted, computed, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
-import { CoreConst, getAppCookie, showTitle } from '@ibiz-template/core';
+import { showTitle } from '@ibiz-template/core';
 import { clone } from 'ramda';
 import './data-import2.css';
 import { getDefaultDataImport, getImportSchema, updateImportSchema, createImportSchema, asyncImportData2, fetchImportSchemas } from '@ibiz-template/runtime';
@@ -234,8 +234,9 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       }
       columnMappingListQuery();
     });
+    const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
+      ...uploadHeaders
     });
     const UploadUrl = computed(() => {
       let uploadFileUrl;

package/es/common/editor-empty-text/editor-empty-text.css

@@ -0,0 +1 @@
+.ibiz-editor-empty-text.is-placeholder{color:var(--ibiz-color-text-3);white-space:nowrap}

package/es/common/editor-empty-text/editor-empty-text.d.ts

@@ -0,0 +1,25 @@
+import './editor-empty-text.scss';
+export declare const IBizEditorEmptyText: import("vue").DefineComponent<{
+    showPlaceholder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeHolder: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPlaceholder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeHolder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    placeHolder: string;
+    showPlaceholder: boolean;
+}, {}>;

package/es/common/editor-empty-text/editor-empty-text.mjs

@@ -0,0 +1,31 @@
+import { createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './editor-empty-text.css';
+
+"use strict";
+const IBizEditorEmptyText = /* @__PURE__ */ defineComponent({
+  name: "IBizEditorEmptyText",
+  props: {
+    showPlaceholder: {
+      type: Boolean,
+      default: false
+    },
+    placeHolder: {
+      type: String,
+      default: ""
+    }
+  },
+  setup() {
+    const ns = useNamespace("editor-empty-text");
+    return {
+      ns
+    };
+  },
+  render() {
+    return createVNode("span", {
+      "class": [this.ns.b(), this.ns.is("placeholder", this.showPlaceholder)]
+    }, [this.showPlaceholder && this.placeHolder ? this.placeHolder : ibiz.config.common.emptyText]);
+  }
+});
+
+export { IBizEditorEmptyText };

package/es/common/index.mjs

@@ -32,10 +32,12 @@ import { IBizControlNavigation } from './control-navigation/control-navigation.m
 import { IBizGanttSetting } from './gantt-setting/gantt-setting.mjs';
 import { IBizNavSplit } from './nav-split/nav-split.mjs';
 import { IBizCropping } from './cropping/cropping.mjs';
+import { IBizEditorEmptyText } from './editor-empty-text/editor-empty-text.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(IBizEditorEmptyText.name, IBizEditorEmptyText);
     v.component(IBizCropping.name, IBizCropping);
     v.component(IBizControlBase.name, IBizControlBase);
     v.component(IBizQuickEdit.name, IBizQuickEdit);

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.7_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/tree/el-tree-util.d.ts

@@ -978,3 +978,14 @@ export declare function getNodeControlPanel(control: {
 export declare function getNewNodeControlPanel(control: {
     controlRenders?: IControlRender[];
 }): IPanel | undefined;
+/**
+ * @description 树加载更多工具
+ * @export
+ * @param {(Ref<InstanceType<typeof ElTree> | null>)} treeRef
+ * @param {TreeController} c
+ * @returns {*}
+ */
+export declare function useLoadMoreUtil(treeRef: Ref<InstanceType<typeof ElTree> | null>, c: TreeController): {
+    toLoadMoreNode: (parentId: string) => IData;
+    addLoadMoreNode: (parentId: string, parentNode: IData) => void;
+};

package/es/control/tree/el-tree-util.mjs

@@ -170,5 +170,39 @@ function getNewNodeControlPanel(control) {
     }
   }
 }
+function useLoadMoreUtil(treeRef, c) {
+  const toLoadMoreNode = (parentId) => {
+    const _loadMoreNodeData = {
+      _id: "".concat(parentId, "_load_more"),
+      _text: ibiz.i18n.t("control.common.loadMore"),
+      _leaf: true,
+      _disableSelect: true,
+      _load_more: true
+    };
+    return _loadMoreNodeData;
+  };
+  const addLoadMoreNode = (parentId, parentNode) => {
+    if (!treeRef.value || !parentId || !parentNode) {
+      return;
+    }
+    const _loadMoreNodeData = toLoadMoreNode(parentId);
+    if (treeRef.value.getNode(_loadMoreNodeData)) {
+      treeRef.value.remove(_loadMoreNodeData);
+    }
+    const infoItems = c.getLoadMoreInfoItems(parentId);
+    if (infoItems) {
+      const result = infoItems.some((infoItem) => {
+        return infoItem.curPage < infoItem.totalPage - 1;
+      });
+      if (result) {
+        treeRef.value.append(_loadMoreNodeData, parentNode);
+      }
+    }
+  };
+  return {
+    toLoadMoreNode,
+    addLoadMoreNode
+  };
+}
 
-export { findChildItems, findNodeData, formatNodeDropType, getNewNodeControlPanel, getNodeControlPanel, useAppTreeBase, useElTreeUtil };
+export { findChildItems, findNodeData, formatNodeDropType, getNewNodeControlPanel, getNodeControlPanel, useAppTreeBase, useElTreeUtil, useLoadMoreUtil };

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

@@ -981,6 +981,7 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     onNodeTextEditBlur: () => Promise<void>;
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
+    handleLoadMore: (e: MouseEvent, item: import("@ibiz-template/core").IApiData) => Promise<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").IDETree>;

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-color-primary);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-right:var(--ibiz-spacing-base);padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}

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

@@ -257,12 +257,11 @@ export declare const TreeControl: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        /**
+        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void; /**
          * 处理键盘ESC事件
          * @author tony001
          * @date 2023-12-15 05:37:03
          */
-        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -1032,6 +1031,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
     onNodeTextEditBlur: () => Promise<void>;
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
+    handleLoadMore: (e: MouseEvent, item: IData) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 树模型数据

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, onUnmounted, watch, nextTick, computed, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
@@ -6,7 +6,7 @@ import { TreeController, AppDataEntity, PanelItemEventName } from '@ibiz-templat
 import './tree.css';
 import { RuntimeError } from '@ibiz-template/core';
 import { isNil } from 'ramda';
-import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
+import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, useLoadMoreUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -305,6 +305,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       updateUI,
       triggerNodeExpand
     } = useElTreeUtil(treeRef, c);
+    const {
+      addLoadMoreNode
+    } = useLoadMoreUtil(treeRef, c);
     const toElNodes = (nodes) => {
       return nodes.map((node) => ({
         _id: node._id,
@@ -323,6 +326,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         const elNodes = toElNodes(children);
         treeRef.value.updateKeyChildren(parentNode._id, elNodes);
         updateUI();
+        nextTick(() => {
+          addLoadMoreNode(parentNode._id, parentNode);
+        });
       }
     });
     c.evt.on("onAfterNodeDrop", (event) => {
@@ -386,6 +392,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       ibiz.log.debug("\u7ED9\u6811\u8FD4\u56DE\u503C", nodes);
       callback(toElNodes(nodes));
       updateUI();
+      nextTick(() => {
+        var _a, _b, _c;
+        addLoadMoreNode(item.level === 0 ? (_b = (_a = c.state.rootNodes) == null ? void 0 : _a[0]) == null ? void 0 : _b._id : (_c = item.data) == null ? void 0 : _c._id, item);
+      });
     };
     let selectionWait = false;
     c.evt.on("onLoadSuccess", () => {
@@ -633,12 +643,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       debounceSearch();
     };
     const allowDrop = (draggingNode, dropNode, type) => {
+      var _a;
+      if ((_a = dropNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const draggingNodeData = findNodeData(draggingNode.data._uuid, c);
       const dropNodeData = findNodeData(dropNode.data._uuid, c);
       const result = c.calcAllowDrop(draggingNodeData, dropNodeData, type);
       return result;
     };
     const allowDrag = (draggingNode) => {
+      var _a;
+      if ((_a = draggingNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const nodeData = findNodeData(draggingNode.data._uuid, c);
       return c.calcAllowDrag(nodeData);
     };
@@ -724,6 +742,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }
       }, null)]);
     };
+    const handleLoadMore = async (e, item) => {
+      var _a, _b;
+      e.stopPropagation();
+      if (!item) {
+        return;
+      }
+      if (item.level === 0) {
+        await c.loadNodes(void 0, true);
+        return;
+      }
+      const nodeData = findNodeData((_a = item.data) == null ? void 0 : _a._uuid, c);
+      if (!nodeData) {
+        return;
+      }
+      await c.loadNodes(nodeData, true);
+      const elNodes = toElNodes(nodeData._children || []);
+      (_b = treeRef.value) == null ? void 0 : _b.updateKeyChildren(nodeData._id, elNodes);
+      updateUI();
+      nextTick(() => {
+        addLoadMoreNode(nodeData._id, nodeData);
+      });
+    };
     return {
       c,
       ns,
@@ -752,7 +792,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       handleDrop,
       onNodeTextEditBlur,
       renderNewNode,
-      handleEditKeyDown
+      handleEditKeyDown,
+      handleLoadMore
     };
   },
   render() {
@@ -794,7 +835,13 @@ const TreeControl = /* @__PURE__ */ defineComponent({
             label: "_text",
             children: "_children",
             isLeaf: "_leaf",
-            disabled: "_disableSelect"
+            disabled: "_disableSelect",
+            class: (data) => {
+              if (data == null ? void 0 : data._load_more) {
+                return this.ns.is("load-more", true);
+              }
+              return "";
+            }
           },
           "lazy": true,
           "load": this.loadData,
@@ -811,9 +858,18 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "onNodeDrop": this.handleDrop
         }, this.$attrs), {
           default: ({
-            data
+            data,
+            node
           }) => {
             var _a, _b;
+            if (data._load_more) {
+              return createVNode("div", {
+                "class": this.ns.b("node"),
+                "onClick": (e) => {
+                  this.handleLoadMore(e, node == null ? void 0 : node.parent);
+                }
+              }, [data._text]);
+            }
             if (this.newNodeKey === data._id)
               return this.renderNewNode();
             const nodeData = this.findNodeData(data._uuid, this.c);

package/es/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 .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;--ibiz-control-wizard-panel-step-icon-width:22px;height:100%}.ibiz-control-wizardpanel .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-header--step-icon{font-size:var(--ibiz-control-wizard-panel-step-icon-width)}.ibiz-control-wizardpanel-header .el-step__icon{--el-bg-color:var(--ibiz-color-bg-1)}.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/es/control/wizard-panel/wizard-panel.mjs

@@ -1,5 +1,5 @@
 import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, IBizIcon } from '@ibiz-template/vue3-util';
 import './wizard-panel.css';
 import { WizardPanelController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
@@ -105,7 +105,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
         dewizardSteps
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
-        let _slot;
+        let _slot2;
         let 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())]);
         if (active === -1)
           active = 0;
@@ -114,12 +114,28 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
           "align-center": true,
           "finish-status": "success",
           "active": active
-        }, _isSlot(_slot = dewizardSteps.map((step) => {
-          return createVNode(resolveComponent("el-step"), {
-            "title": showTitle(step.title)
-          }, null);
-        })) ? _slot : {
-          default: () => [_slot]
+        }, _isSlot(_slot2 = dewizardSteps.map((step) => {
+          const _slot = {
+            title: () => {
+              var _a2;
+              return createVNode("span", {
+                "class": [this.ns.bm("header", "title"), (_a2 = step.titleSysCss) == null ? void 0 : _a2.cssName]
+              }, [showTitle(step.title)]);
+            }
+          };
+          if (step.sysImage) {
+            Object.assign(_slot, {
+              icon: () => createVNode(IBizIcon, {
+                "class": this.ns.bm("header", "step-icon"),
+                "icon": step.sysImage
+              }, null)
+            });
+          }
+          return createVNode(resolveComponent("el-step"), null, _isSlot(_slot) ? _slot : {
+            default: () => [_slot]
+          });
+        })) ? _slot2 : {
+          default: () => [_slot2]
         });
       }
     }

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

@@ -292,7 +292,10 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     }, [this.curValue]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.curValue : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.curValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

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

@@ -467,7 +467,10 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.valueText ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.valueText ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

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

@@ -4,7 +4,7 @@ import { createUUID } from 'qx-util';
 import { ElMessageBox } from 'element-plus';
 import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
-import { StringUtil, CoreConst, getAppCookie, IBizContext } from '@ibiz-template/core';
+import { StringUtil, IBizContext } from '@ibiz-template/core';
 import '../../../util/index.mjs';
 import './monaco-editor.css';
 import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
@@ -242,13 +242,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = getAppCookie(CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const uploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({

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

@@ -371,7 +371,10 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       return createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : ibiz.config.common.emptyText]);
+    }) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

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

@@ -374,7 +374,10 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

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

@@ -356,7 +356,10 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { isNil } from 'ramda';
@@ -131,7 +131,10 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
         }
         this.openLinkView();
       }
-    }, [isEmpty ? ibiz.config.common.emptyText : this.curValue])]);
+    }, [isEmpty ? createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.controller.emptyShowPlaceholder,
+      "placeHolder": this.controller.placeHolder
+    }, null) : this.curValue])]);
   }
 });
 

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

@@ -505,7 +505,10 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("content-item")
     }, [this.valueText]) : this.valueText.split(",").map((item) => createVNode("span", {
       "class": this.ns.b("content-item")
-    }, [item])) : ibiz.config.common.emptyText]);
+    }, [item])) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

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

@@ -156,7 +156,10 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     const readonlyContent = this.formatValue;
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.formatValue ? this.formatValue : ibiz.config.common.emptyText]);
+    }, [this.formatValue ? this.formatValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.e(this.editorModel.editorType), this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs

@@ -192,7 +192,10 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, this.$attrs), null) : ibiz.config.common.emptyText]);
+    }, this.$attrs), null) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

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

@@ -476,7 +476,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       }, [createVNode("span", {
         "class": this.ns.be("content-item", "label")
       }, [text])]);
-    }) : ibiz.config.common.emptyText]);
+    }) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

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

@@ -87,7 +87,10 @@ const IBizEmojiPicker = /* @__PURE__ */ defineComponent({
     const renderFormDefaultContent = () => {
       return createVNode("div", {
         "class": [ns.b("form-default-content"), ns.is("clear", !!emoji.value)]
-      }, [emoji.value ? emoji.value : ibiz.config.common.emptyText]);
+      }, [emoji.value ? emoji.value : createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": c.emptyShowPlaceholder,
+        "placeHolder": c.placeHolder
+      }, null)]);
     };
     const renderReference = () => {
       return createVNode(resolveComponent("el-button"), {