@ibiz-template/runtime 0.5.7-alpha.1 → 0.5.7-alpha.3

package/out/service/utils/dyna-sys-params/dyna-sys-params.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 计算动态系统接口参数
+ * @author lxm
+ * @date 2024-01-25 03:30:18
+ * @export
+ * @param {string} appDataEntityId 实体id
+ * @param {IContext} context 视图上下文
+ * @param {{
+ *     viewParams?: IParams; 视图参数
+ *     appId?: string; 应用id
+ *   }} [opts={}]
+ */
+export declare function calcDynaSysParams(appDataEntityId: string, context: IContext, opts?: {
+    viewParams?: IParams;
+    appId?: string;
+}): Promise<{
+    srfkey?: string | undefined;
+    srfparentkey?: string | undefined;
+    srfparentdeanme?: string | undefined;
+}>;
+//# sourceMappingURL=dyna-sys-params.d.ts.map

package/out/service/utils/dyna-sys-params/dyna-sys-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dyna-sys-params.d.ts","sourceRoot":"","sources":["../../../../src/service/utils/dyna-sys-params/dyna-sys-params.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAsB,iBAAiB,CACrC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,GAAE;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CACX,GACL,OAAO,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACtC,CAAC,CAwCD"}

package/out/service/utils/dyna-sys-params/dyna-sys-params.js

@@ -0,0 +1,48 @@
+import { getMatchResPath } from '../res-path/res-path';
+/**
+ * 计算动态系统接口参数
+ * @author lxm
+ * @date 2024-01-25 03:30:18
+ * @export
+ * @param {string} appDataEntityId 实体id
+ * @param {IContext} context 视图上下文
+ * @param {{
+ *     viewParams?: IParams; 视图参数
+ *     appId?: string; 应用id
+ *   }} [opts={}]
+ */
+export async function calcDynaSysParams(appDataEntityId, context, opts = {}) {
+    const appId = opts.appId || context.srfappid;
+    const viewParams = opts.viewParams || {};
+    const loadModelParams = {};
+    const appDe = await ibiz.hub.getAppDataEntity(appDataEntityId, appId);
+    // *计算srfkey
+    if (viewParams.srfkey) {
+        loadModelParams.srfkey = viewParams.srfkey;
+    }
+    else {
+        // * 计算资源路径上下文参数
+        // 主键
+        const srfkey = context[appDe.codeName.toLowerCase()];
+        if (srfkey) {
+            loadModelParams.srfkey = srfkey;
+        }
+    }
+    // *计算上层父实体主键和name
+    if (viewParams.srfparentkey && viewParams.srfparentdeanme) {
+        loadModelParams.srfparentkey = viewParams.srfparentkey;
+        loadModelParams.srfparentdeanme = viewParams.srfparentdeanme;
+    }
+    else {
+        // 上层资源路径主实体名称和主键
+        const match = getMatchResPath(context, appDe);
+        if (match && match.keys.length > 1) {
+            const parentDeKey = match.keys[match.keys.length - 2];
+            loadModelParams.srfparentkey =
+                viewParams.srfparentkey || context[parentDeKey];
+            loadModelParams.srfparentdeanme =
+                viewParams.srfparentdeanme || parentDeKey;
+        }
+    }
+    return loadModelParams;
+}

package/out/service/utils/dynamic-code-list/dynamic-code-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-code-list.d.ts","sourceRoot":"","sources":["../../../../src/service/utils/dynamic-code-list/dynamic-code-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD;;;;;;GAMG;AACH,KAAK,SAAS,GAAG;IACf;;;;;;OAMG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;CACnC,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,oBAAoB;IAC/B,SAAS,CAAC,GAAG,EAAG,WAAW,CAAC;IAE5B;;;;;;;OAOG;IACH,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,KAAK,yBAAgC;IAE/C;;;;;;;OAOG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAS;IAExC;;;;;;OAMG;IACH,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;gBAE1B,QAAQ,EAAE,YAAY;IAIlC;;;;;;OAMG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAqB3B;;;;;;;OAOG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,GAAG,YAAY;IAwEhD;;;;;;;;;OASG;cACa,IAAI,CAClB,OAAO,EAAE,QAAQ,EACjB,MAAM,GAAE,OAAY,GACnB,OAAO,CAAC,YAAY,EAAE,CAAC;IA4E1B;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,GAAG,SAAS;IAmBrE;;;;;;;;OAQG;IACG,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAE,OAAY,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;CAyC5E"}
+{"version":3,"file":"dynamic-code-list.d.ts","sourceRoot":"","sources":["../../../../src/service/utils/dynamic-code-list/dynamic-code-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD;;;;;;GAMG;AACH,KAAK,SAAS,GAAG;IACf;;;;;;OAMG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;CACnC,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,oBAAoB;IAC/B,SAAS,CAAC,GAAG,EAAG,WAAW,CAAC;IAE5B;;;;;;;OAOG;IACH,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,KAAK,yBAAgC;IAE/C;;;;;;;OAOG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAS;IAExC;;;;;;OAMG;IACH,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;gBAE1B,QAAQ,EAAE,YAAY;IAIlC;;;;;;OAMG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAqB3B;;;;;;;OAOG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,GAAG,YAAY;IAwEhD;;;;;;;;;OASG;cACa,IAAI,CAClB,OAAO,EAAE,QAAQ,EACjB,MAAM,GAAE,OAAY,GACnB,OAAO,CAAC,YAAY,EAAE,CAAC;IA+E1B;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,GAAG,SAAS;IAmBrE;;;;;;;;OAQG;IACG,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAE,OAAY,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;CAyC5E"}

package/out/service/utils/dynamic-code-list/dynamic-code-list.js

@@ -44,7 +44,7 @@ export class DynamicCodeListCache {
             const { predefinedType } = this.codeList;
             if (predefinedType) {
                 this.isPredefined = true;
-                if (!['OPERATOR', 'RUNTIME'].includes(predefinedType)) {
+                if (!['OPERATOR', 'RUNTIME', 'DEMAINSTATE'].includes(predefinedType)) {
                     throw new ModelError(this.codeList, `预定义类型${predefinedType}暂不支持`);
                 }
                 return;
@@ -149,10 +149,14 @@ export class DynamicCodeListCache {
         }
         // *预定义加载
         if (this.isPredefined && this.codeList.codeName) {
-            const index = this.codeList.codeName.indexOf('__');
-            const tag = index !== -1
-                ? this.codeList.codeName.substring(index + 2)
-                : this.codeList.codeName;
+            let tag = this.codeList.codeName;
+            if (this.codeList.predefinedType === 'OPERATOR') {
+                const index = this.codeList.codeName.indexOf('__');
+                tag =
+                    index !== -1
+                        ? this.codeList.codeName.substring(index + 2)
+                        : this.codeList.codeName;
+            }
             const res = await app.net.get(`/dictionaries/codelist/${tag}`, tempParams);
             return Object.freeze(res.data.items);
         }

package/out/service/utils/index.d.ts

@@ -6,4 +6,5 @@ export { DECache } from './de-cache/de-cache';
 export { getMatchResPath, calcResPath } from './res-path/res-path';
 export { SearchFilter } from './search-filter/search-filter';
 export { fieldValueToBoolean } from './util/util';
+export { calcDynaSysParams } from './dyna-sys-params/dyna-sys-params';
 //# sourceMappingURL=index.d.ts.map

package/out/service/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/service/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/service/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

package/out/service/utils/index.js

@@ -6,3 +6,4 @@ export { DECache } from './de-cache/de-cache';
 export { getMatchResPath, calcResPath } from './res-path/res-path';
 export { SearchFilter } from './search-filter/search-filter';
 export { fieldValueToBoolean } from './util/util';
+export { calcDynaSysParams } from './dyna-sys-params/dyna-sys-params';

package/out/service/vo/tree-node-data/tree-data-set-node-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-data-set-node-data.d.ts","sourceRoot":"","sources":["../../../../src/service/vo/tree-node-data/tree-data-set-node-data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,YAAa,YAAW,aAAa;IACpE,KAAK,EAAE,MAAM,CAAC;IAEd,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,KAAK,CAAC;IAEvB;;;;OAIG;IACK,KAAK,EAAE,MAAM,mBAAmB,CAAC;gBAGvC,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,aAAa,GAAG,SAAS,EACzC,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB;IAoMH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,GAAG,SAAS;IAiBhE;;;;;;;OAOG;IACH,SAAS,CAAC,kBAAkB,CAC1B,QAAQ,EAAE,mBAAmB,GAC5B,MAAM,GAAG,SAAS;IAYrB;;;;;;;OAOG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS;CAStE"}
+{"version":3,"file":"tree-data-set-node-data.d.ts","sourceRoot":"","sources":["../../../../src/service/vo/tree-node-data/tree-data-set-node-data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,YAAa,YAAW,aAAa;IACpE,KAAK,EAAE,MAAM,CAAC;IAEd,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,KAAK,CAAC;IAEvB;;;;OAIG;IACK,KAAK,EAAE,MAAM,mBAAmB,CAAC;gBAGvC,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,aAAa,GAAG,SAAS,EACzC,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB;IA4MH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,GAAG,SAAS;IAiBhE;;;;;;;OAOG;IACH,SAAS,CAAC,kBAAkB,CAC1B,QAAQ,EAAE,mBAAmB,GAC5B,MAAM,GAAG,SAAS;IAYrB;;;;;;;OAOG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS;CAStE"}

package/out/service/vo/tree-node-data/tree-data-set-node-data.js

@@ -82,6 +82,10 @@ export class TreeDataSetNodeData extends TreeNodeData {
         const dataItemKeyMap = new Map();
         const dataItemDefaultMap = new Map();
         (_a = model.detreeNodeDataItems) === null || _a === void 0 ? void 0 : _a.forEach(dataItem => {
+            // 没有实体的数据项不处理，如操作列的数据项
+            if (!dataItem.appDEFieldId) {
+                return;
+            }
             const dataItemKey = dataItem.id.toLowerCase();
             // *后台实体属性
             const deFieldKey = dataItem.appDEFieldId.toLowerCase();
@@ -94,6 +98,10 @@ export class TreeDataSetNodeData extends TreeNodeData {
         /** 表格列和数据项的映射 */
         const nodeColumnKeyMap = new Map();
         (_b = model.detreeNodeColumns) === null || _b === void 0 ? void 0 : _b.forEach(column => {
+            // 只映射属性列
+            if (column.columnType !== 'DEFGRIDCOLUMN') {
+                return;
+            }
             const columnKey = column.detreeColumnId; // 不配树表格列不会有这个模型
             const dataItemKey = column.dataItemName; // 配了就一定有数据项名称
             if (!columnKey || !dataItemKey) {

package/out/ui-action/uiaction-util.d.ts

@@ -28,5 +28,28 @@ export declare class UIActionUtil {
      * @param {IUILogicParams} params 界面行为参数
      */
     static execAndResolved(actionId: string, params: IUILogicParams, appId: string): Promise<void>;
+    /**
+     * 处理异步行为
+     *
+     * @author zk
+     * @date 2024-01-23 11:01:58
+     * @static
+     * @param {(Event | undefined)} event
+     * @return {*}  {Promise<void>}
+     * @memberof UIActionUtil
+     */
+    private static handleAsyncAction;
+    /**
+     * 处理异步行为动画
+     *
+     * @author zk
+     * @date 2024-01-24 04:01:29
+     * @private
+     * @static
+     * @param {(Event | undefined)} event
+     * @return {*}  {Promise<void>}
+     * @memberof UIActionUtil
+     */
+    private static handleAsyncActionAnime;
 }
 //# sourceMappingURL=uiaction-util.d.ts.map

package/out/ui-action/uiaction-util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uiaction-util.d.ts","sourceRoot":"","sources":["../../src/ui-action/uiaction-util.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/D;;;;;;;GAOG;AACH,qBAAa,YAAY;IACvB;;;;;;;;;OASG;WACU,IAAI,CACf,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,eAAe,CAAC;IAgB3B;;;;;;;OAOG;WACU,eAAe,CAC1B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,IAAI,CAAC;CAoBjB"}
+{"version":3,"file":"uiaction-util.d.ts","sourceRoot":"","sources":["../../src/ui-action/uiaction-util.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/D;;;;;;;GAOG;AACH,qBAAa,YAAY;IACvB;;;;;;;;;OASG;WACU,IAAI,CACf,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,eAAe,CAAC;IAgB3B;;;;;;;OAOG;WACU,eAAe,CAC1B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,IAAI,CAAC;IA6BhB;;;;;;;;;OASG;mBACkB,iBAAiB;IAMtC;;;;;;;;;;OAUG;mBACkB,sBAAsB;CAW5C"}

package/out/ui-action/uiaction-util.js

@@ -1,5 +1,5 @@
 import { RuntimeError } from '@ibiz-template/core';
-import { SysUIActionTag, ViewCallTag } from '../constant';
+import { PresetIdentifier, SysUIActionTag, ViewCallTag } from '../constant';
 import { getUIActionById } from '../model';
 import { getUIActionProvider } from '../register';
 /**
@@ -65,5 +65,43 @@ export class UIActionUtil {
                 default:
             }
         }
+        const action = await getUIActionById(actionId, appId);
+        // 异步行为模型配置方式:
+        // 1、配置实体行为 返回值类型选择为 异步操作对象
+        // 2、配置界面行为 界面行为类型选择 后台调用 、配置实体行为
+        // 界面行为模型基于选择的实体行为的返回值类型计算异步行为（asyncAction）模型
+        if (action.asyncAction && !result.cancel) {
+            this.handleAsyncAction(params.event);
+        }
+    }
+    /**
+     * 处理异步行为
+     *
+     * @author zk
+     * @date 2024-01-23 11:01:58
+     * @static
+     * @param {(Event | undefined)} event
+     * @return {*}  {Promise<void>}
+     * @memberof UIActionUtil
+     */
+    static async handleAsyncAction(event) {
+        this.handleAsyncActionAnime(event);
+    }
+    /**
+     * 处理异步行为动画
+     *
+     * @author zk
+     * @date 2024-01-24 04:01:29
+     * @private
+     * @static
+     * @param {(Event | undefined)} event
+     * @return {*}  {Promise<void>}
+     * @memberof UIActionUtil
+     */
+    static async handleAsyncActionAnime(event) {
+        if (!event || !event.target) {
+            return;
+        }
+        await ibiz.util.anime.moveAndResize(event.target, `#${PresetIdentifier.MESSAGE}`);
     }
 }

package/out/utils/anime/anime-element-util.d.ts

@@ -0,0 +1,44 @@
+export declare function cloneElement(clone: string | HTMLElement, teleport?: HTMLElement, isRemoveChild?: boolean): HTMLElement;
+/**
+ * 获取元素属性
+ *
+ * @author zk
+ * @date 2024-01-25 11:01:06
+ * @export
+ * @param {HTMLElement} element
+ * @return {*}  {{
+ *   width: number;
+ *   height: number;
+ *   min: number;
+ *   padding: number;
+ *   boundingLeft: number;
+ *   boundingTop: number;
+ * }}
+ */
+export declare function getElementAttribute(element: HTMLElement): {
+    width: number;
+    height: number;
+    padding: number;
+    boundingLeft: number;
+    boundingTop: number;
+};
+/**
+ * 获取事件动画元素
+ *
+ * @author zk
+ * @date 2024-01-23 11:01:16
+ * @param {string} tag
+ * @return {*}  {(HTMLElement | undefined)}
+ * @memberof AnimeElementUtil
+ */
+export declare function getAnimationElement(element: string | HTMLElement): HTMLElement | undefined;
+/**
+ * 销毁事件动画元素
+ *
+ * @author zk
+ * @date 2024-01-23 10:01:39
+ * @param {HTMLElement} ele
+ * @memberof AnimeElementUtil
+ */
+export declare function destroyElement(ele: HTMLElement): void;
+//# sourceMappingURL=anime-element-util.d.ts.map

package/out/utils/anime/anime-element-util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anime-element-util.d.ts","sourceRoot":"","sources":["../../../src/utils/anime/anime-element-util.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,WAAW,EAC3B,QAAQ,GAAE,WAA2B,EACrC,aAAa,GAAE,OAAc,GAC5B,WAAW,CAiBb;AA2CD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB,CAeA;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,GAAG,WAAW,GAC5B,WAAW,GAAG,SAAS,CAMzB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAIrD"}

package/out/utils/anime/anime-element-util.js

@@ -0,0 +1,108 @@
+//  基础样式
+const baseStyle = {
+    position: 'fixed',
+    zIndex: '10000',
+};
+export function cloneElement(clone, teleport = document.body, isRemoveChild = true) {
+    const element = getAnimationElement(clone);
+    if (element == null) {
+        throw new Error('Cannot clone a null or undefined element.');
+    }
+    // 使用 DOM 的 cloneNode 方法深复制元素
+    const clonedElement = element.cloneNode(true);
+    if (isRemoveChild) {
+        while (clonedElement.firstChild) {
+            clonedElement.removeChild(clonedElement.firstChild);
+        }
+    }
+    const styles = getElementAttribute(element);
+    setElementStyle(clonedElement, styles);
+    teleport.appendChild(clonedElement);
+    // 返回克隆后的元素
+    return clonedElement;
+}
+/**
+ * 设置元素样式
+ *
+ * @author zk
+ * @date 2024-01-25 11:01:37
+ * @param {HTMLElement} element
+ * @param {{
+ *     width: number;
+ *     height: number;
+ *     padding: number;
+ *     boundingLeft: number;
+ *     boundingTop: number;
+ *   }} {
+ *     width,
+ *     height,
+ *     boundingLeft,
+ *     boundingTop,
+ *   }
+ */
+function setElementStyle(element, { width, height, boundingLeft, boundingTop, }) {
+    element.style.left = `${boundingLeft}px`;
+    element.style.top = `${boundingTop}px`;
+    element.style.width = `${width}px`;
+    element.style.height = `${height}px`;
+    Object.assign(element.style, baseStyle);
+}
+/**
+ * 获取元素属性
+ *
+ * @author zk
+ * @date 2024-01-25 11:01:06
+ * @export
+ * @param {HTMLElement} element
+ * @return {*}  {{
+ *   width: number;
+ *   height: number;
+ *   min: number;
+ *   padding: number;
+ *   boundingLeft: number;
+ *   boundingTop: number;
+ * }}
+ */
+export function getElementAttribute(element) {
+    const width = element.offsetWidth;
+    const height = element.offsetHeight;
+    const styles = window.getComputedStyle(element);
+    const padding = parseFloat(styles.padding);
+    const { left: boundingLeft, top: boundingTop } = element.getBoundingClientRect();
+    return {
+        width,
+        height,
+        padding,
+        boundingLeft,
+        boundingTop,
+    };
+}
+/**
+ * 获取事件动画元素
+ *
+ * @author zk
+ * @date 2024-01-23 11:01:16
+ * @param {string} tag
+ * @return {*}  {(HTMLElement | undefined)}
+ * @memberof AnimeElementUtil
+ */
+export function getAnimationElement(element) {
+    if (typeof element === 'string') {
+        return document.querySelector(element);
+    }
+    // 参数本身是HTMLElement类型
+    return element;
+}
+/**
+ * 销毁事件动画元素
+ *
+ * @author zk
+ * @date 2024-01-23 10:01:39
+ * @param {HTMLElement} ele
+ * @memberof AnimeElementUtil
+ */
+export function destroyElement(ele) {
+    if (ele) {
+        ele.remove();
+    }
+}

package/out/utils/anime/anime-util/anime-util.d.ts

@@ -0,0 +1,60 @@
+import { IAnimationOptions } from '../../../interface';
+type AnimeTarget = string | HTMLElement;
+/**
+ * 动画工具类
+ *
+ * @author zk
+ * @date 2024-01-24 09:01:05
+ * @export
+ * @class AnimeUtil
+ */
+export declare class AnimeUtil {
+    /**
+     * 元素移动到指定位置 移动点至指定元素
+     *
+     * @author zk
+     * @date 2024-01-24 09:01:37
+     * @param {Event} event
+     * @param {HTMLElement} toElement
+     * @param {anime.AnimeParams} [options={}]
+     * @return {*}  {Promise<boolean>}
+     * @memberof AnimeUtil
+     */
+    movePoint(element: AnimeTarget, tElement: AnimeTarget, options?: IAnimationOptions): Promise<boolean>;
+    /**
+     * 元素移动动画 元素a 移动到元素b
+     *
+     * @author zk
+     * @date 2024-01-24 06:01:35\
+     * @param {HTMLElement} element
+     * @param {HTMLElement} toElement
+     * @param {IAnimationOptions} [options={}]
+     * @return {*}  {Promise<boolean>}
+     * @memberof AnimeUtil
+     */
+    moveToTarget(element: HTMLElement, toElement: HTMLElement, options?: IAnimationOptions): Promise<boolean>;
+    /**
+     * 目标调整大小
+     *
+     * @author zk
+     * @date 2024-01-22 03:01:42
+     * @param {HTMLElement} target
+     * @param {anime.AnimeParams} [options={}]
+     * @param {IData} [builtInParams={}]
+     */
+    resize(targets: AnimeTarget | AnimeTarget[], options?: IAnimationOptions): Promise<boolean>;
+    /**
+     * 目标移动和调整大小
+     *
+     * @author zk
+     * @date 2024-01-24 06:01:15
+     * @param {HTMLElement} element
+     * @param {HTMLElement} toElement
+     * @param {IAnimationOptions} [options={}]
+     * @return {*}  {Promise<boolean>}
+     * @memberof AnimeUtil
+     */
+    moveAndResize(element: AnimeTarget, toElement: AnimeTarget, options?: IAnimationOptions): Promise<boolean>;
+}
+export {};
+//# sourceMappingURL=anime-util.d.ts.map

package/out/utils/anime/anime-util/anime-util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anime-util.d.ts","sourceRoot":"","sources":["../../../../src/utils/anime/anime-util/anime-util.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,KAAK,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;AAExC;;;;;;;GAOG;AACH,qBAAa,SAAS;IACpB;;;;;;;;;;OAUG;IACU,SAAS,CACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,WAAW,EACrB,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,OAAO,CAAC;IA8BnB;;;;;;;;;;OAUG;IACI,YAAY,CACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,OAAO,CAAC;IAInB;;;;;;;;OAQG;IACI,MAAM,CACX,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,EACpC,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,OAAO,CAAC;IAInB;;;;;;;;;;OAUG;IACU,aAAa,CACxB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,OAAO,CAAC;CAOpB"}

package/out/utils/anime/anime-util/anime-util.js

@@ -0,0 +1,96 @@
+import { cloneElement, destroyElement, getAnimationElement, getElementAttribute, } from '../anime-element-util';
+import { moveToTarget, resize } from '../anime';
+/**
+ * 动画工具类
+ *
+ * @author zk
+ * @date 2024-01-24 09:01:05
+ * @export
+ * @class AnimeUtil
+ */
+export class AnimeUtil {
+    /**
+     * 元素移动到指定位置 移动点至指定元素
+     *
+     * @author zk
+     * @date 2024-01-24 09:01:37
+     * @param {Event} event
+     * @param {HTMLElement} toElement
+     * @param {anime.AnimeParams} [options={}]
+     * @return {*}  {Promise<boolean>}
+     * @memberof AnimeUtil
+     */
+    async movePoint(element, tElement, options = {}) {
+        // 获取移动终点元素
+        const targetElement = getAnimationElement(tElement);
+        if (!targetElement) {
+            ibiz.log.debug('终点元素不存在');
+            return false;
+        }
+        // 创建移动动画元素
+        const moveElement = cloneElement(element, document.body);
+        if (!moveElement) {
+            ibiz.log.debug('动画元素不存在');
+            return false;
+        }
+        const { padding, width, height } = getElementAttribute(moveElement);
+        // 移动点元素内置option
+        const option = {
+            borderRadius: ['0%', '50%'],
+            maxWidth: [width, '6px'],
+            maxHeight: [height, '6px'],
+            minWidth: [width, '6px'],
+            minHeight: [height, '6px'],
+            padding: [padding, '6px'],
+            duration: 700,
+        };
+        Object.assign(option, options);
+        const result = await moveToTarget(moveElement, targetElement, option);
+        destroyElement(moveElement);
+        return result;
+    }
+    /**
+     * 元素移动动画 元素a 移动到元素b
+     *
+     * @author zk
+     * @date 2024-01-24 06:01:35\
+     * @param {HTMLElement} element
+     * @param {HTMLElement} toElement
+     * @param {IAnimationOptions} [options={}]
+     * @return {*}  {Promise<boolean>}
+     * @memberof AnimeUtil
+     */
+    moveToTarget(element, toElement, options = {}) {
+        return moveToTarget(element, toElement, options);
+    }
+    /**
+     * 目标调整大小
+     *
+     * @author zk
+     * @date 2024-01-22 03:01:42
+     * @param {HTMLElement} target
+     * @param {anime.AnimeParams} [options={}]
+     * @param {IData} [builtInParams={}]
+     */
+    resize(targets, options = {}) {
+        return resize(targets, options);
+    }
+    /**
+     * 目标移动和调整大小
+     *
+     * @author zk
+     * @date 2024-01-24 06:01:15
+     * @param {HTMLElement} element
+     * @param {HTMLElement} toElement
+     * @param {IAnimationOptions} [options={}]
+     * @return {*}  {Promise<boolean>}
+     * @memberof AnimeUtil
+     */
+    async moveAndResize(element, toElement, options = {}) {
+        const result = await this.movePoint(element, toElement, options);
+        if (result) {
+            await this.resize(toElement, { duration: 500 });
+        }
+        return result;
+    }
+}

package/out/utils/anime/anime.d.ts

@@ -0,0 +1,27 @@
+import anime from 'animejs';
+type AnimeTarget = string | object | HTMLElement | SVGElement | NodeList | null;
+/**
+ * 元素移动动画
+ *
+ * @author zk
+ * @date 2024-01-24 03:01:17
+ * @export
+ * @param {HTMLElement} moveElement
+ * @param {HTMLElement} toElement
+ * @param {anime.AnimeParams} [extraOpts={}]
+ * @return {*}  {Promise<boolean>}
+ */
+export declare function moveToTarget(moveElement: HTMLElement, targetElement: HTMLElement, extraOpts?: anime.AnimeParams): Promise<boolean>;
+/**
+ * 目标调整大小
+ *
+ * @author zk
+ * @date 2024-01-24 03:01:09
+ * @export
+ * @param {HTMLElement} targets
+ * @param {anime.AnimeParams} [extraOpts={}]
+ * @return {*}  {Promise<boolean>}
+ */
+export declare function resize(targets: AnimeTarget | readonly AnimeTarget[], extraOpts?: anime.AnimeParams): Promise<boolean>;
+export {};
+//# sourceMappingURL=anime.d.ts.map

package/out/utils/anime/anime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anime.d.ts","sourceRoot":"","sources":["../../../src/utils/anime/anime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;AA6ChF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,WAAW,EAC1B,SAAS,GAAE,KAAK,CAAC,WAAgB,GAChC,OAAO,CAAC,OAAO,CAAC,CAmBlB;AAED;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CACpB,OAAO,EAAE,WAAW,GAAG,SAAS,WAAW,EAAE,EAC7C,SAAS,GAAE,KAAK,CAAC,WAAgB,GAChC,OAAO,CAAC,OAAO,CAAC,CAclB"}