@gct-paas/core-web 0.1.5-test.2 → 0.1.6-dev.1

package/es/modules/picture-cropper/src/CropperAvatar.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default from "./CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs";
-import './CropperAvatar.vue_vue_type_style_index_0_scoped_b1cbaaf1_lang.css';/* empty css                                                                    */
+import './CropperAvatar.vue_vue_type_style_index_0_scoped_ef939ff0_lang.css';/* empty css                                                                    */
 //#region src/modules/picture-cropper/src/CropperAvatar.vue
-var CropperAvatar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default, [["__scopeId", "data-v-b1cbaaf1"]]);
+var CropperAvatar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default, [["__scopeId", "data-v-ef939ff0"]]);
 //#endregion
 export { CropperAvatar_default as default };

package/es/modules/picture-cropper/src/{CropperAvatar.vue_vue_type_style_index_0_scoped_b1cbaaf1_lang.css → CropperAvatar.vue_vue_type_style_index_0_scoped_ef939ff0_lang.css}

@@ -1,8 +1,8 @@
-.gct-cropper-avatar[data-v-b1cbaaf1] {
+.gct-cropper-avatar[data-v-ef939ff0] {
   display: inline-block;
   text-align: center;
 }
-.gct-cropper-avatar-image-wrapper[data-v-b1cbaaf1] {
+.gct-cropper-avatar-image-wrapper[data-v-ef939ff0] {
   overflow: hidden;
   border: 1px solid var(--gct-color-border);
   border-radius: 50%;
@@ -10,10 +10,10 @@
   cursor: pointer;
   position: relative;
 }
-.gct-cropper-avatar-image-wrapper img[data-v-b1cbaaf1] {
+.gct-cropper-avatar-image-wrapper img[data-v-ef939ff0] {
   width: 100%;
 }
-.gct-cropper-avatar-image-mask[data-v-b1cbaaf1] {
+.gct-cropper-avatar-image-mask[data-v-ef939ff0] {
   position: absolute;
   width: inherit;
   height: inherit;
@@ -26,14 +26,14 @@
   left: -1px;
   top: -1px;
 }
-.gct-cropper-avatar-image-mask[data-v-b1cbaaf1] svg {
+.gct-cropper-avatar-image-mask[data-v-ef939ff0] svg {
   margin: auto;
   width: 24px;
   height: 24px;
 }
-.gct-cropper-avatar-image-mask[data-v-b1cbaaf1]:hover {
+.gct-cropper-avatar-image-mask[data-v-ef939ff0]:hover {
   opacity: 40;
 }
-.gct-cropper-avatar-upload-btn[data-v-b1cbaaf1] {
+.gct-cropper-avatar-upload-btn[data-v-ef939ff0] {
   margin: 10px auto;
 }

package/es/modules/picture-cropper/src/CropperFree.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
     };
     uploadApi: {
-        type: PropType<(params: UploadFileData) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<IObject>>;
     };
     aspectRatio: {
         type: NumberConstructor;
@@ -61,7 +61,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
     };
     uploadApi: {
-        type: PropType<(params: UploadFileData) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<IObject>>;
     };
     aspectRatio: {
         type: NumberConstructor;

package/es/modules/picture-cropper/src/CropperFree.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default from "./CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs";
-import './CropperFree.vue_vue_type_style_index_0_scoped_bab12130_lang.css';/* empty css                                                                  */
+import './CropperFree.vue_vue_type_style_index_0_scoped_c85d53db_lang.css';/* empty css                                                                  */
 //#region src/modules/picture-cropper/src/CropperFree.vue
-var CropperFree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default, [["__scopeId", "data-v-bab12130"]]);
+var CropperFree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default, [["__scopeId", "data-v-c85d53db"]]);
 //#endregion
 export { CropperFree_default as default };

package/es/modules/picture-cropper/src/CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs

@@ -67,7 +67,7 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 			emit("update:value", v);
 		});
 		onBeforeUnmount(() => {
-			if (previewInstance) previewInstance.close();
+			if (previewInstance && previewInstance.close) previewInstance.close();
 		});
 		onMounted(() => {
 			const dropzone = document.getElementById("dropzone");

package/es/modules/picture-cropper/src/{CropperFree.vue_vue_type_style_index_0_scoped_bab12130_lang.css → CropperFree.vue_vue_type_style_index_0_scoped_c85d53db_lang.css}

@@ -1,4 +1,4 @@
-.cropper-photo[data-v-bab12130] {
+.cropper-photo[data-v-c85d53db] {
   display: inline-block;
   position: relative;
   width: var(--width, 200px);
@@ -7,7 +7,7 @@
   text-align: center;
   cursor: pointer;
 }
-.cropper-photo__trigger[data-v-bab12130] {
+.cropper-photo__trigger[data-v-c85d53db] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -19,25 +19,25 @@
   background: #fbfbfc;
   color: #9b9b9b;
 }
-.cropper-photo__trigger .iconfont[data-v-bab12130] {
+.cropper-photo__trigger .iconfont[data-v-c85d53db] {
   color: #c3c3c3;
   font-size: 32px;
 }
-.cropper-photo__trigger .ant-icon[data-v-bab12130] {
+.cropper-photo__trigger .ant-icon[data-v-c85d53db] {
   margin-bottom: 3px;
   color: #666;
 }
-.cropper-photo__trigger .prompt[data-v-bab12130],
-.cropper-photo__trigger .auxiliary[data-v-bab12130] {
+.cropper-photo__trigger .prompt[data-v-c85d53db],
+.cropper-photo__trigger .auxiliary[data-v-c85d53db] {
   margin: 0;
 }
-.cropper-photo__trigger .prompt[data-v-bab12130] {
+.cropper-photo__trigger .prompt[data-v-c85d53db] {
   color: #797a7d;
 }
-.cropper-photo__trigger .auxiliary[data-v-bab12130] {
+.cropper-photo__trigger .auxiliary[data-v-c85d53db] {
   color: #c3c3c3;
 }
-.cropper-photo__mask[data-v-bab12130] {
+.cropper-photo__mask[data-v-c85d53db] {
   display: flex;
   position: absolute;
   top: 0;
@@ -51,31 +51,31 @@
   opacity: 0;
   background: rgba(0, 0, 0, 0.4);
 }
-.cropper-photo__mask .anticon[data-v-bab12130] {
+.cropper-photo__mask .anticon[data-v-c85d53db] {
   margin-right: 20px;
 }
-.cropper-photo__mask .anticon[data-v-bab12130]:last-child {
+.cropper-photo__mask .anticon[data-v-c85d53db]:last-child {
   margin-right: 0;
 }
-.cropper-photo__mask[data-v-bab12130]:hover {
+.cropper-photo__mask[data-v-c85d53db]:hover {
   opacity: 40;
 }
-.cropper-photo__wrapper[data-v-bab12130] {
+.cropper-photo__wrapper[data-v-c85d53db] {
   width: 100%;
   height: 100%;
   border: 1px solid var(--gct-color-border);
   border-radius: 4px;
 }
-.cropper-photo__wrapper img[data-v-bab12130] {
+.cropper-photo__wrapper img[data-v-c85d53db] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.not-allow[data-v-bab12130] {
+.not-allow[data-v-c85d53db] {
   cursor: default;
   pointer-events: none;
 }
-.defult-img[data-v-bab12130] {
+.defult-img[data-v-c85d53db] {
   position: absolute;
   z-index: 2;
   border: 1px solid #d9d9d9;

package/es/types/index.d.ts

@@ -6,6 +6,16 @@ import { TableEditorRegister } from '../modules/gct-table';
 import type { CSSProperties, VNode } from 'vue';
 import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import type { ModalWrapperProps } from '@/modules/global-modal';
+declare global {
+  type ArrayType<T> = T extends (infer R)[] ? R : never;
+
+  interface Window {
+    monacoLoader: {
+      loadMonaco: () => Promise<unknown>;
+    };
+    $t: (key: string) => string;
+  }
+}
 
 declare module '@gct-paas/core' {
   interface IGlobalRegister {

package/es/types/shims-modules.d.ts

@@ -0,0 +1,6 @@
+declare module '@wangeditor/editor-for-vue' {
+  import type { DefineComponent } from 'vue';
+
+  export const Editor: DefineComponent;
+  export const Toolbar: DefineComponent;
+}

package/es/utils/index.d.ts

@@ -1,4 +1,6 @@
 export { MessageUtil } from './message-util/message-util';
+export { validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange, } from './model-entity/model-entity';
 export * from './monaco-loader/monaco-loader';
 export { OverlayController, overlay, } from './overlay-controller/overlay-controller';
 export { withInstall, type CustomComponent, type WithInstall, } from './with-install';
+export { recursiveIterate, recursiveTransfer, findRecursiveChild, filterTreeData, } from './recursive';

package/es/utils/index.mjs

@@ -1,4 +1,6 @@
 import "./message-util/message-util.mjs";
+import "./model-entity/model-entity.mjs";
 import "./monaco-loader/monaco-loader.mjs";
 import "./overlay-controller/overlay-controller.mjs";
 import "./with-install.mjs";
+import "./recursive.mjs";

package/es/utils/model-entity/model-entity.d.ts

@@ -0,0 +1,28 @@
+import { FieldFormState } from '@gct-paas/core';
+interface MaxObj {
+    end?: number;
+}
+/**
+ * 校验特定配置中的：最小值是否大于最大值 (逻辑互斥校验)
+ * @param rule - 校验规则对象
+ * @param value - 当前字段的值 (此处不使用，为了兼容框架的 validator 签名)
+ * @param formData - 表单全局数据
+ */
+export declare function validateLengthRange(_rule: unknown, _value: unknown, formData: FieldFormState): Promise<void>;
+/**
+ * 校验默认值的【字符】是否符合配置的范围限制
+ * @param rule - 校验规则对象
+ * @param value - 当前输入的值 (字符串)
+ * @param formData - 表单全局数据
+ * @param maxObj - 备用的最大值配置对象 (可选)
+ */
+export declare function validateFieldDefaultForLength(_rule: unknown, value: string, formData: FieldFormState, maxObj?: MaxObj): Promise<void>;
+/**
+ * 校验默认值的【数值大小】是否符合配置的范围限制
+ * @param rule - 校验规则对象
+ * @param value - 当前输入的数值
+ * @param formData - 表单全局数据
+ * @param maxObj - 备用的最大值配置对象 (可选)
+ */
+export declare function validateFieldDefaultForValue(_rule: unknown, value: number | string, formData: FieldFormState, maxObj?: MaxObj): Promise<void>;
+export {};

package/es/utils/model-entity/model-entity.mjs

@@ -0,0 +1,47 @@
+import { t } from "@gct-paas/core";
+//#region src/utils/model-entity/model-entity.ts
+/**
+* 校验特定配置中的：最小值是否大于最大值 (逻辑互斥校验)
+* @param rule - 校验规则对象
+* @param value - 当前字段的值 (此处不使用，为了兼容框架的 validator 签名)
+* @param formData - 表单全局数据
+*/
+function validateLengthRange(_rule, _value, formData) {
+	const { minValue, maxValue } = formData.specificConfig || {};
+	if (typeof minValue === "number" && typeof maxValue === "number" && minValue > maxValue) return Promise.reject(/* @__PURE__ */ new Error("MinValue cannot be greater than MaxValue"));
+	return Promise.resolve();
+}
+/**
+* 校验默认值的【字符】是否符合配置的范围限制
+* @param rule - 校验规则对象
+* @param value - 当前输入的值 (字符串)
+* @param formData - 表单全局数据
+* @param maxObj - 备用的最大值配置对象 (可选)
+*/
+function validateFieldDefaultForLength(_rule, value, formData, maxObj) {
+	if (!value) return Promise.resolve();
+	const { minValue, maxValue: configMaxValue } = formData.specificConfig || {};
+	const maxValue = configMaxValue ?? maxObj?.end;
+	const currentLength = value.length;
+	if (typeof minValue === "number" && currentLength < minValue) return Promise.reject(`${t("sys.model.minLengthDefault")}${minValue}`);
+	if (typeof maxValue === "number" && currentLength > maxValue) return Promise.reject(`${t("sys.model.maxLengthDefault")}${maxValue}`);
+	return Promise.resolve();
+}
+/**
+* 校验默认值的【数值大小】是否符合配置的范围限制
+* @param rule - 校验规则对象
+* @param value - 当前输入的数值
+* @param formData - 表单全局数据
+* @param maxObj - 备用的最大值配置对象 (可选)
+*/
+function validateFieldDefaultForValue(_rule, value, formData, maxObj) {
+	if (value == null || value === "") return Promise.resolve();
+	const { minValue, maxValue: configMaxValue } = formData.specificConfig || {};
+	const maxValue = configMaxValue ?? maxObj?.end;
+	const numericValue = Number(value);
+	if (typeof minValue === "number" && numericValue < minValue) return Promise.reject(`${t("sys.model.minNumDefault")}${minValue}`);
+	if (typeof maxValue === "number" && numericValue > maxValue) return Promise.reject(`${t("sys.model.maxNumDefault")}${maxValue}`);
+	return Promise.resolve();
+}
+//#endregion
+export { validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange };

package/es/utils/overlay-controller/overlay-controller.d.ts

@@ -1,4 +1,5 @@
-import { IModalData, IModalOptions, IOverlayContainer, IOverlayController } from '@gct-paas/core';
+import { IAppFullScreenContainerOptions, IModalData, IModalOptions, IOverlayContainer, IOverlayController, IOverlayPopoverContainer, IPopoverOptions } from '@gct-paas/core';
+import { Placement, Strategy, Middleware, Platform } from '@floating-ui/dom';
 /**
  * 用不同呈现方式绘制组件的通用工具类
  *
@@ -11,6 +12,20 @@ import { IModalData, IModalOptions, IOverlayContainer, IOverlayController } from
 export declare class OverlayController implements IOverlayController {
     modal<T = IModalData>(component: unknown, props?: IParams, opts?: IModalOptions): Promise<T>;
     createModal(component: unknown, props?: IParams, opts?: IModalOptions): IOverlayContainer;
+    popover<T = void>(element: HTMLElement, component: unknown, props?: IParams, opts?: IPopoverOptions<Partial<{
+        placement?: Placement | undefined;
+        strategy?: Strategy | undefined;
+        middleware?: (Middleware | null | undefined | false)[] | undefined;
+        platform?: Platform | undefined;
+    }>>): Promise<T>;
+    createPopover(component: unknown, props?: IParams, opts?: IPopoverOptions<Partial<{
+        placement?: Placement | undefined;
+        strategy?: Strategy | undefined;
+        middleware?: (Middleware | null | undefined | false)[] | undefined;
+        platform?: Platform | undefined;
+    }>>): IOverlayPopoverContainer;
+    fullScreen<T = IModalData>(component: unknown, props?: IParams, opts?: IAppFullScreenContainerOptions): Promise<T>;
+    createFullScreen(component: unknown, props?: IParams, opts?: IAppFullScreenContainerOptions): IOverlayContainer;
 }
 /**
  * 唯一界面绘制控制器

package/es/utils/overlay-controller/overlay-controller.mjs

@@ -1,4 +1,6 @@
 import { createModal } from "../../components/app-modal/app-modal-component.mjs";
+import { createPopover } from "../../components/app-popover/app-popover-component.mjs";
+import { createAppFullScreenContainer } from "../../components/app-full-screen-container/app-full-screen-container.mjs";
 import { h, resolveComponent } from "vue";
 import { isFunction, isString } from "lodash-es";
 //#region src/utils/overlay-controller/overlay-controller.ts
@@ -23,6 +25,22 @@ var OverlayController = class {
 	createModal(component, props, opts) {
 		return createModal(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
 	}
+	popover(element, component, props, opts) {
+		const popover = this.createPopover(component, props, opts);
+		popover.present(element);
+		return popover.onWillDismiss();
+	}
+	createPopover(component, props, opts) {
+		return createPopover(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
+	}
+	fullScreen(component, props, opts) {
+		const fullContainer = this.createFullScreen(component, props, opts);
+		fullContainer.present();
+		return fullContainer.onWillDismiss();
+	}
+	createFullScreen(component, props, opts) {
+		return createAppFullScreenContainer(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
+	}
 };
 /**
 * 唯一界面绘制控制器

package/es/utils/recursive.d.ts

@@ -0,0 +1,72 @@
+/** 每一项回调函数 */
+interface ItemCallBackParams<T, P> {
+    /** 当前项 */
+    item: T;
+    /** 当前项索引 */
+    index: number;
+    /** 当前项的父项 */
+    parent?: P;
+}
+type ItemCallBack<T, P> = (args: ItemCallBackParams<T, P>) => boolean | undefined;
+/** 默认配置参数 */
+declare const IterateOpts: {
+    /** 子集合属性数组 */
+    childrenFields: string[];
+};
+/**
+ * 递归遍历子元素
+ * 遍历顺序先遍历同级元素,再按顺序递归遍历子元素
+ * @author lingxiaoming
+ * @date 2024-07-24 06:28:12
+ * @export
+ * @param {(T | T[])} parentOrArr 父元素或者数组
+ * @param {ItemCallBack} callback 每一项的执行回调
+ * @param {Partial<typeof IterateOpts>} [opts] 遍历额外选项
+ */
+export declare function recursiveIterate<T extends IData, P = T>(parentOrArr: P | T[], callback: ItemCallBack<T, P>, opts?: Partial<typeof IterateOpts>): void;
+/** 每一项回调函数 */
+interface ItemCompareCallBackParams<T, P> extends ItemCallBackParams<T, P> {
+    /** 要比较的值 */
+    key: string;
+    /** 要比较的字段属性标识 */
+    compareField: string;
+}
+type ItemCompareCallBack<T, P> = (args: ItemCompareCallBackParams<T, P>) => boolean | undefined;
+interface ICompareOpts<T = IData, P = IData> extends Partial<typeof IterateOpts> {
+    compareField?: string;
+    compareCallback?: ItemCompareCallBack<T, P>;
+}
+/**
+ * 递归找到对应的子元素和其对应的父元素
+ * @author lingxiaoming
+ * @date 2024-07-24 06:49:05
+ * @export
+ * @param {(IData | IData[])} parentOrArr
+ * @param {string} key
+ * @param {ICompareOpts} [opts]
+ * @return {*}
+ */
+export declare function findRecursiveChild<T extends IData, P = T>(parentOrArr: P | T[], key: string, opts?: ICompareOpts<T, P>): {
+    child: T;
+    parent: P | undefined;
+} | undefined;
+/**
+ * 递归转换树形对象
+ * @template T
+ * @template R
+ * @param data
+ * @param cb
+ * @return {*}
+ */
+export declare function recursiveTransfer<R extends IData = IData, T extends IData = IData>(data: T[], cb: (item: T, resolveChild: (data: T[]) => R[]) => R): R[];
+/**
+ * 过滤树结构的数据
+ *
+ * @export
+ * @param arr 树形的数组
+ * @param cb 过滤函数
+ * @param [opts]
+ * @return {*}
+ */
+export declare function filterTreeData<T extends IData>(arr: T[], cb: (item: T, parent?: T) => boolean, opts?: Partial<typeof IterateOpts>): T[];
+export {};

package/es/utils/recursive.mjs

@@ -0,0 +1,141 @@
+import { merge } from "lodash-es";
+//#region src/utils/recursive.ts
+/** 默认配置参数 */
+var IterateOpts = { childrenFields: ["children"] };
+var BreakError = /* @__PURE__ */ new Error("中断操作");
+/**
+* 获取子属性集合
+* @author lxm
+* @date 2023-04-20 08:54:32
+* @param {T} parent
+* @param {string[]} fields 子集合可能的属性名称
+* @return {*}  {(IData[] | undefined)}
+*/
+function getChildField(parent, fields) {
+	for (const field of fields) {
+		const fieldValue = parent[field];
+		if (Array.isArray(fieldValue) && fieldValue.length > 0) return fieldValue;
+	}
+}
+/**
+* 递归遍历
+* @author lingxiaoming
+* @date 2024-07-24 06:15:27
+* @param {(IData | undefined)} parent 遍历数组的父对象,可能没有
+* @param {IData[]} children 当前这轮的遍历数组
+* @param {ItemCallBack} callback 遍历执行的回调函数,返回true则中断遍历
+* @param {Partial<typeof IterateOpts>} [opts] 遍历额外选项
+*/
+function _recursiveIterate(parent, children, callback, opts) {
+	const { childrenFields } = merge({}, IterateOpts, opts || {});
+	if (children?.length) for (let index = 0; index < children.length; index++) {
+		const child = children[index];
+		if (callback({
+			item: child,
+			index,
+			parent
+		})) throw BreakError;
+		const subChildren = getChildField(child, childrenFields);
+		if (subChildren?.length) _recursiveIterate(child, subChildren, callback, opts);
+	}
+}
+/**
+* 递归遍历子元素
+* 遍历顺序先遍历同级元素,再按顺序递归遍历子元素
+* @author lingxiaoming
+* @date 2024-07-24 06:28:12
+* @export
+* @param {(T | T[])} parentOrArr 父元素或者数组
+* @param {ItemCallBack} callback 每一项的执行回调
+* @param {Partial<typeof IterateOpts>} [opts] 遍历额外选项
+*/
+function recursiveIterate(parentOrArr, callback, opts) {
+	const { childrenFields } = merge({}, IterateOpts, opts || {});
+	try {
+		const parent = Array.isArray(parentOrArr) ? void 0 : parentOrArr;
+		const children = Array.isArray(parentOrArr) ? parentOrArr : getChildField(parentOrArr, childrenFields);
+		if (children?.length) _recursiveIterate(parent, children, callback, opts);
+		else console.warn("没有可遍历的数组", parentOrArr, opts);
+	} catch (error) {
+		if (error !== BreakError) throw error;
+	}
+}
+/** 默认配置参数 */
+var CompareOpts = {
+	...IterateOpts,
+	compareField: "id",
+	compareCallback: (({ item, key, compareField }) => {
+		return item[compareField] === key;
+	})
+};
+/**
+* 递归找到对应的子元素和其对应的父元素
+* @author lingxiaoming
+* @date 2024-07-24 06:49:05
+* @export
+* @param {(IData | IData[])} parentOrArr
+* @param {string} key
+* @param {ICompareOpts} [opts]
+* @return {*}
+*/
+function findRecursiveChild(parentOrArr, key, opts) {
+	const { compareField, compareCallback } = merge({}, CompareOpts, opts || {});
+	let findChild;
+	let findParent;
+	recursiveIterate(parentOrArr, (arg) => {
+		if (compareCallback({
+			...arg,
+			key,
+			compareField
+		})) {
+			findChild = arg.item;
+			findParent = arg.parent;
+			return true;
+		}
+	}, opts);
+	return findChild ? {
+		child: findChild,
+		parent: findParent
+	} : void 0;
+}
+/**
+* 递归转换树形对象
+* @template T
+* @template R
+* @param data
+* @param cb
+* @return {*}
+*/
+function recursiveTransfer(data, cb) {
+	const resolveChild = (data) => recursiveTransfer(data, cb);
+	return data.map((item) => {
+		return cb(item, resolveChild);
+	});
+}
+/**
+* 过滤树结构的数据
+*
+* @export
+* @param arr 树形的数组
+* @param cb 过滤函数
+* @param [opts]
+* @return {*}
+*/
+function filterTreeData(arr, cb, opts) {
+	const { childrenFields } = merge({}, IterateOpts, opts || {});
+	function recursiveFilter(children, parent) {
+		return children.filter((item) => {
+			console.log("item", item.title);
+			const subArr = getChildField(item, childrenFields);
+			let filterSubArr = [];
+			if (subArr?.length) filterSubArr = recursiveFilter(subArr, item);
+			//! 子属性存在多个到时候有问题
+			item[childrenFields[0]] = filterSubArr;
+			if (filterSubArr.length) return true;
+			else return cb(item, parent);
+		});
+	}
+	return recursiveFilter(arr);
+}
+//#endregion
+export { filterTreeData, findRecursiveChild, recursiveIterate, recursiveTransfer };

package/es/utils/with-install.d.ts

@@ -9,6 +9,7 @@ export type WithInstall<T> = T & {
 } & EventShim;
 export type CustomComponent = Component & {
     displayName?: string;
+    __name?: string;
 };
 export declare const withInstall: <T extends CustomComponent>(component: T, alias?: string) => WithInstall<T>;
 export {};

package/es/utils/with-install.mjs

@@ -1,7 +1,7 @@
 //#region src/utils/with-install.ts
 var withInstall = (component, alias) => {
 	component.install = (app) => {
-		const compName = component.name || component.displayName;
+		const compName = component.name || component.displayName || component.__name;
 		if (!compName) return;
 		app.component(compName, component);
 		if (alias) app.config.globalProperties[alias] = component;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.5-test.2",
+  "version": "0.1.6-dev.1",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -32,39 +32,48 @@
   "author": "gct",
   "dependencies": {
     "@ant-design/icons-vue": "^6.1.0",
-    "@gct-paas/api": "0.1.4-test.0",
+    "@floating-ui/dom": "^1.7.6",
+    "@gct-paas/api": "^0.1.4-dev.4",
     "@gct-paas/flow": "0.0.1-dev.1",
     "@gct-paas/platform-icons": "^0.0.2",
     "@icon-park/vue-next": "^1.4.2",
     "@monaco-editor/loader": "^1.7.0",
     "@vueuse/core": "^14.1.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "ant-design-vue": "~3.2.20",
     "bignumber.js": "^9.3.1",
+    "bwip-js": "^4.9.2",
     "cropperjs": "^1.5.13",
     "dayjs": "^1.11.19",
+    "jsbarcode": "^3.12.3",
     "lodash-es": "^4.17.23",
     "monaco-editor": "^0.55.1",
     "overlayscrollbars": "^2.14.0",
     "overlayscrollbars-vue": "^0.5.9",
+    "pinia": "^3.0.4",
     "qx-util": "^0.4.8",
     "react-dnd-html5-backend": "^16.0.1",
+    "sortablejs": "^1.15.6",
     "sql-formatter": "^15.7.2",
     "vue": "^3.5.30",
     "vue3-dnd": "^2.1.0",
+    "vue3-sketch-ruler": "^2.3.3",
     "vuedraggable": "^4.1.0",
     "wujie": "^1.0.29",
     "wujie-vue3": "^1.0.29",
-    "@gct-paas/core": "0.1.5-test.2",
-    "@gct-paas/core-components": "0.1.5-test.2",
-    "@gct-paas/scss": "0.1.5-test.2"
+    "@gct-paas/core": "0.1.6-dev.1",
+    "@gct-paas/core-components": "0.1.6-dev.1",
+    "@gct-paas/scss": "0.1.6-dev.1"
   },
   "peerDependencies": {
-    "@gct-paas/api": "0.1.4-test.0",
+    "@gct-paas/api": "^0.1.4-dev.4",
+    "@types/sortablejs": "^1.15.1",
     "vant": ">=4",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.5-test.2",
-    "@gct-paas/core-components": "0.1.5-test.2",
-    "@gct-paas/scss": "0.1.5-test.2"
+    "@gct-paas/core": "0.1.6-dev.1",
+    "@gct-paas/core-components": "0.1.6-dev.1",
+    "@gct-paas/scss": "0.1.6-dev.1"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",