cnhis-design-vue 3.1.13-beta.4 → 3.1.13-beta.7

package/es/packages/form-render/index.d.ts

@@ -410,6 +410,11 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
     scrollTo: (id: string) => Promise<void>;
     onScroll: () => Promise<void>;
     bindInfo: (info: import("../../../es/src/types").AnyObject) => import("../../../es/src/types").AnyObject;
+    queryWidget: (key: string, wrapperElement: HTMLElement, fieldList: import("./src/types").FieldItem[]) => Promise<{
+        widgetElement: HTMLInputElement | null | undefined;
+        widgetElementList: HTMLInputElement[];
+        decoratorElement: HTMLElement | null | undefined;
+    }>;
     FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
         form: any;

package/es/packages/form-render/src/FormRender.vue.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="lodash" />
 import { AnyObject } from '../../../../es/src/types';
-import { Component, FunctionalComponent, PropType } from 'vue';
+import { Component, FunctionalComponent, nextTick, PropType } from 'vue';
 import { FieldItem, FieldVisitor, FormBusinessFilter } from './types';
 declare const _default: import("vue").DefineComponent<{
     fieldList: {
@@ -410,6 +410,11 @@ declare const _default: import("vue").DefineComponent<{
     scrollTo: (id: string) => Promise<void>;
     onScroll: () => Promise<void>;
     bindInfo: (info: AnyObject) => AnyObject;
+    queryWidget: (key: string, wrapperElement: HTMLElement, fieldList: FieldItem[]) => Promise<{
+        widgetElement: HTMLInputElement | null | undefined;
+        widgetElementList: HTMLInputElement[];
+        decoratorElement: HTMLElement | null | undefined;
+    }>;
     FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
         form: any;
@@ -1010,7 +1015,7 @@ declare const _default: import("vue").DefineComponent<{
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[] | undefined;
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & import("vue").ShallowUnwrapRef<{}> & import("vue").ComponentCustomProperties) | null>;
         scrollWrapperElRef: import("vue").Ref<HTMLElement | null>;

package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,10 @@
-import { defineComponent, computed, watch, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, computed, watch, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, toDisplayString, nextTick } from 'vue';
 import { createForm, onFieldValueChange, isField } from '@formily/core';
 import { FormProvider, FormConsumer } from '@formily/vue';
 import { cloneDeep } from 'lodash-es';
 import { NForm, NTabs, NTabPane } from 'naive-ui';
+import { FormItemLineBarDepKeyPrepend } from '../../../packages/form-render/src/constants';
+import { queryDecorator, queryInput, getParentLinebar } from '../../../packages/form-render/src/utils';
 import { useFormContext } from './hooks/useFormContext.js';
 import { useInitialData } from './hooks/useInitialData.js';
 import { useFieldListAdaptor } from './hooks/useFieldListAdaptor.js';
@@ -72,12 +74,27 @@ var script = /* @__PURE__ */ defineComponent({
     const { currentAnchor, scrollbarRef, generateAnchorList, anchorIdList, formHeight, scrollTo, onScroll } = useAnchor(props, formItemDepsCollector);
     watch(parsedSchema, generateAnchorList, { immediate: true });
     function bindInfo(info) {
-      var _a, _b;
       info.title = formModel.query(info.path).get("title");
-      info.decoratorElement = (_a = scrollbarRef.value) == null ? void 0 : _a.querySelector(`#${formUUID}-${info.path}`);
-      info.widgetElement = (_b = info.decoratorElement) == null ? void 0 : _b.querySelector(`input`);
+      info.decoratorElement = queryDecorator(info.path, scrollbarRef.value, formUUID);
+      Object.assign(info, queryInput(info.decoratorElement));
       return info;
     }
+    async function queryWidget(key, wrapperElement, fieldList) {
+      if (!scrollbarRef.value)
+        return createResult();
+      const decoratorElement = queryDecorator(key, wrapperElement, formUUID);
+      if (decoratorElement)
+        return createResult(decoratorElement);
+      const parentLinebarKey = getParentLinebar(key, fieldList);
+      if (!parentLinebarKey)
+        return createResult();
+      formItemDepsCollector.trigger(FormItemLineBarDepKeyPrepend + parentLinebarKey, true);
+      await nextTick();
+      return createResult(queryDecorator(key, wrapperElement, formUUID));
+      function createResult(decoratorElement2) {
+        return { decoratorElement: decoratorElement2, ...queryInput(decoratorElement2) };
+      }
+    }
     expose({
       validate(path = "*") {
         return formModel.validate(path).catch((err) => {
@@ -102,6 +119,9 @@ var script = /* @__PURE__ */ defineComponent({
             field.value = (_a = field.initialValue) != null ? _a : null;
           }
         });
+      },
+      async queryWidget(key) {
+        return scrollbarRef.value ? await queryWidget(key, scrollbarRef.value, props.fieldList || []) : null;
       }
     });
     return (_ctx, _cache) => {

package/es/packages/form-render/src/hooks/useFieldListAdaptor.js

@@ -115,7 +115,7 @@ function useFieldListAdaptor(collector, uuid) {
   const createSliderSchema = (item) => {
     const schema = createStandardSchema(item);
     Object.assign(schema["x-component-props"], {
-      step: +item.step_length,
+      step: Number(item.step_length),
       max: +item.max_length,
       min: +item.min_length,
       option: item.option

package/es/packages/form-render/src/types/fieldItem.d.ts

@@ -1,4 +1,5 @@
-import { AnyObject } from '../../../../../es/src/types';
+import { AnyObject, ArrayAble } from '../../../../../es/src/types';
+import { CSSProperties, VNode } from 'vue';
 export declare type ValidateItem = Partial<{
     obj_type: string;
     vali_obj: string;
@@ -20,12 +21,28 @@ export interface Ievent {
     event_field: string;
     event_type: string;
 }
+interface FormRendererPayload {
+    clearable: boolean;
+    disabled: boolean;
+    fieldItem: FieldItem;
+    readOnly: boolean;
+    value: unknown;
+}
+export interface FormRenderer {
+    (payload: FormRendererPayload): ArrayAble<VNode> | any;
+}
+interface SwitchProperty {
+    value?: any;
+    describe?: string;
+}
 export declare type FieldItem = {
     val_key: string;
-    elem_width: number;
     html_type: string;
 } & Partial<{
+    annotation: boolean;
+    val_key_unit: string;
     is_edit: string;
+    elem_width: number;
     is_show: string | number;
     is_null: string;
     name: string;
@@ -35,13 +52,47 @@ export declare type FieldItem = {
     group: string;
     hide_title: string;
     placeholder: string;
-    validate?: ValidateItem;
-    option?: OptionItem[];
-    wordbook?: AnyObject;
-    suFieldList?: any[];
-    bindEventSetting?: Ievent[];
+    validate: ValidateItem;
+    option: OptionItem[];
+    wordbook: AnyObject;
+    suFieldList: any[];
+    bindEventSetting: Ievent[];
+    open: SwitchProperty;
+    close: SwitchProperty;
+    date_format: string;
+    step_length: string | number;
+    urlConfig: Partial<{
+        url: string;
+        method: 'post' | 'get' | 'put' | 'patch' | 'delete';
+        dependKey: string | string[];
+        params: AnyObject;
+        nameKey: string;
+        valueKey: string;
+    }>;
     fieldType: 'string' | 'object' | 'array' | 'number' | 'void' | 'boolean' | 'datetime';
+    content: string | FormRenderer | Record<string, FormRenderer>;
     properties: FieldItem[];
+    children: FieldItem[];
+    componentProps: AnyObject;
+    decoratorProps: AnyObject;
+    display: 'grid' | 'flex';
+    wrapperStyle: CSSProperties | Record<string, string>;
+    validator: (value: any, fieldItem: FieldItem) => void | string;
+    reactions: {
+        target?: string;
+        dependencies?: string[];
+        fulfill: {
+            state?: Partial<{
+                value: string;
+                disabled: string;
+                display: string;
+                componentProps: AnyObject;
+                decoratorProps: AnyObject;
+                selfErrors: string;
+                [key: string]: string | AnyObject;
+            }>;
+        };
+    };
     [key: string]: any;
 }>;
 export {};

package/es/packages/form-render/src/types/index.d.ts

@@ -26,6 +26,11 @@ export declare type FormRenderExpose = {
     getFormValues(): AnyObject;
     setFieldState(path: string, setter: (field: Field) => void): void;
     resetFields(path?: string): void;
+    queryWidget(key: string): Promise<{
+        widgetElement: HTMLInputElement | null;
+        widgetElementList: HTMLInputElement[];
+        decoratorElement: HTMLElement | null;
+    }>;
 };
 export declare type FormChangeContext = Partial<{
     currentOption: AnyObject;

package/es/packages/form-render/src/utils/index.d.ts

@@ -2,13 +2,13 @@ import { AnyObject, ArrayAble } from '../../../../../es/src/types';
 import { ISchema } from '@formily/json-schema/esm/types';
 import { GeneralField } from '@formily/core';
 import { InjectionKey, VNode } from 'vue';
-import { AgeContext, IdCardParseInfo } from '../types';
+import { AgeContext, FieldItem, IdCardParseInfo } from '../types';
 export declare function formRenderLog(message: string, type?: keyof Console): void;
 export declare function arrayed<T>(maybeArray: T): T extends Array<any> ? T : [T];
 export declare function assignUpdateValue(props: AnyObject, field: GeneralField): {
     [x: string]: any;
 };
-export declare function transformDateFormat(format: string): "date" | "datetime";
+export declare function transformDateFormat(format?: string): "date" | "datetime";
 export declare function isIdCard(idCardNo: string): boolean;
 export declare function isMobile(mobile: string): boolean;
 export declare function parseBirthday(birthday: string): AgeContext;
@@ -20,3 +20,9 @@ export declare function uuidGenerator(): string;
 export declare function createSlot(renderer: unknown, props: any): Record<string, () => ArrayAble<VNode>> | {
     default(): any;
 };
+export declare function queryDecorator(key: string, wrapperElement: HTMLElement, formUUID: string): HTMLElement | null;
+export declare function queryInput(decoratorElement?: HTMLElement | null): {
+    widgetElement: HTMLInputElement | null | undefined;
+    widgetElementList: HTMLInputElement[];
+};
+export declare function getParentLinebar(key: string, fieldList: FieldItem[]): string | null;

package/es/packages/form-render/src/utils/index.js

@@ -26,7 +26,7 @@ function assignUpdateValue(props, field) {
   }
   return _props;
 }
-function transformDateFormat(format) {
+function transformDateFormat(format = "") {
   return format.includes("HH") ? "datetime" : "date";
 }
 function isIdCard(idCardNo) {
@@ -109,5 +109,32 @@ function createSlot(renderer, props) {
     }
   };
 }
+function queryDecorator(key, wrapperElement, formUUID) {
+  return wrapperElement.querySelector(`#${formUUID}-${key}`);
+}
+function queryInput(decoratorElement) {
+  var _a;
+  return {
+    widgetElement: decoratorElement == null ? void 0 : decoratorElement.querySelector("input"),
+    widgetElementList: Array.from((_a = decoratorElement == null ? void 0 : decoratorElement.querySelectorAll("input")) != null ? _a : [])
+  };
+}
+function getParentLinebar(key, fieldList) {
+  let result = null;
+  for (const fieldItem of fieldList) {
+    if (fieldItem.val_key === key) {
+      if (isLinebar(fieldItem))
+        result = null;
+      break;
+    }
+    if (isLinebar(fieldItem)) {
+      result = fieldItem.val_key;
+    }
+  }
+  return result;
+  function isLinebar(field) {
+    return field.html_type === "LINEBAR";
+  }
+}
 
-export { arrayed, assignUpdateValue, createSlot, formRenderLog, generateUrlParams, injectOrProvide, isIdCard, isMobile, parseBirthday, parseIdCard, transformDateFormat, traverseSchema, uuidGenerator };
+export { arrayed, assignUpdateValue, createSlot, formRenderLog, generateUrlParams, getParentLinebar, injectOrProvide, isIdCard, isMobile, parseBirthday, parseIdCard, queryDecorator, queryInput, transformDateFormat, traverseSchema, uuidGenerator };

package/package.json

@@ -1,155 +1,155 @@
 {
-	"name": "cnhis-design-vue",
-	"private": false,
-	"version": "3.1.13-beta.4",
-	"license": "ISC",
-	"module": "es/packages/index.js",
-	"main": "es/packages/index.js",
-	"types": "es/packages/index.d.ts",
-	"sideEffects": [
-		"es/packages/**/style/*",
-		"es/packages/*(.css,.less)"
-	],
-	"scripts": {
-		"dev": "vite --host --port 3200",
-		"start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
-		"build": "npm run start",
-		"build:doc": "cross-env CUI_DOCS=true vite build",
-		"build:doc-local": "vite build",
-		"test": "vitest spec",
-		"test:resnap": "vitest spec -u",
-		"test:coverage": "vitest run --coverage",
-		"preview": "vite preview",
-		"release": "standard-version",
-		"deploy": "sh sync.sh",
-		"deploy-w": "sh sync-w.sh",
-		"prepare": "husky install",
-		"prettier": "prettier --write ./packages ./examples ./build ./plugins ./src"
-	},
-	"peerDependencies": {
-		"naive-ui": "^2.29.0",
-		"vue": "^3.2.0"
-	},
-	"dependencies": {
-		"@formily/core": "^2.1.9",
-		"@formily/vue": "^2.1.9",
-		"@highlightjs/vue-plugin": "^2.1.0",
-		"@vicons/ionicons5": "^0.12.0",
-		"@vueuse/core": "^8.6.0",
-		"@vueuse/shared": "^8.6.0",
-		"@wangeditor/editor": "^5.1.1",
-		"@wangeditor/editor-for-vue": "^5.1.11",
-		"axios": "^0.27.2",
-		"babel-preset-typescript": "7.0.0-alpha.19",
-		"bpmn-js": "^9.2.2",
-		"crypto-js": "^4.1.1",
-		"highlight.js": "^11.5.1",
-		"lodash": "^4.17.21",
-		"lodash-es": "^4.17.21",
-		"lodash-unified": "^1.0.2",
-		"moment": "^2.29.1",
-		"naive-ui": "^2.29.0",
-		"rimraf": "^3.0.2",
-		"spark-md5": "^3.0.2",
-		"type-fest": "^2.13.0",
-		"v-viewer": "^3.0.10",
-		"video.js": "^7.19.2",
-		"videojs-contrib-hls": "^5.15.0",
-		"viewerjs": "^1.10.5",
-		"vue": "^3.2.0",
-		"vue-simple-uploader": "^1.0.0-beta.5",
-		"vuedraggable": "4.1.0",
-		"vxe-table": "4.2.5",
-		"xe-utils": "^3.5.4"
-	},
-	"devDependencies": {
-		"@babel/cli": "^7.17.10",
-		"@babel/core": "^7.18.2",
-		"@babel/preset-env": "^7.18.2",
-		"@babel/preset-typescript": "^7.17.12",
-		"@commitlint/cli": "^16.1.0",
-		"@commitlint/config-conventional": "^16.2.4",
-		"@esbuild-kit/cjs-loader": "^2.0.0",
-		"@rollup/plugin-alias": "^3.1.9",
-		"@rollup/plugin-commonjs": "^22.0.0",
-		"@rollup/plugin-image": "^2.1.1",
-		"@rollup/plugin-node-resolve": "^13.3.0",
-		"@types/babel__core": "^7.1.19",
-		"@types/fs-extra": "^9.0.13",
-		"@types/gulp": "^4.0.9",
-		"@types/gulp-less": "^0.0.32",
-		"@types/lodash-es": "^4.17.6",
-		"@types/markdown-it": "^12.2.3",
-		"@types/node": "^17.0.38",
-		"@types/replacestream": "^4.0.1",
-		"@types/vue-router": "^2.0.0",
-		"@typescript-eslint/eslint-plugin": "^5.30.7",
-		"@typescript-eslint/parser": "^5.30.7",
-		"@vitejs/plugin-vue": "^2.3.3",
-		"@vitejs/plugin-vue-jsx": "^1.3.10",
-		"@vue/babel-preset-jsx": "^1.2.4",
-		"@vue/compiler-sfc": "^3.2.33",
-		"@vue/shared": "^3.2.36",
-		"autoprefixer": "^10.4.7",
-		"axios": "^0.27.2",
-		"bpmn-js": "^9.2.2",
-		"chalk": "^5.0.1",
-		"codesandbox": "^2.2.3",
-		"commitlint": "^17.0.3",
-		"consola": "^2.15.3",
-		"cross-env": "^7.0.3",
-		"cssnano": "^5.1.7",
-		"esbuild": "^0.14.42",
-		"eslint": "^8.7.0",
-		"eslint-config-prettier": "^8.3.0",
-		"eslint-plugin-prettier": "^4.0.0",
-		"eslint-plugin-vue": "^8.3.0",
-		"gulp": "^4.0.2",
-		"gulp-cssimport": "^7.0.0",
-		"gulp-less": "^5.0.0",
-		"gulp-rename": "^2.0.0",
-		"gulp-replace": "^1.1.3",
-		"gulp-util": "^3.0.8",
-		"heapdump": "^0.3.15",
-		"husky": "^7.0.4",
-		"less": "^4.1.2",
-		"lint-staged": "^13.0.3",
-		"markdown-it": "^13.0.1",
-		"postcss": "^8.4.14",
-		"prettier": "^2.7.1",
-		"replacestream": "^4.0.3",
-		"rollup": "^2.75.5",
-		"rollup-plugin-delete": "^2.0.0",
-		"rollup-plugin-esbuild": "^4.9.1",
-		"rollup-plugin-external-globals": "^0.6.1",
-		"rollup-plugin-postcss": "^4.0.2",
-		"rollup-plugin-terser": "^7.0.2",
-		"rollup-plugin-typescript2": "^0.32.0",
-		"rollup-plugin-vue": "^6.0.0",
-		"standard-version": "^9.3.2",
-		"ts-morph": "^15.1.0",
-		"typescript": "4.6.4",
-		"vite": "^2.9.9",
-		"vitest": "^0.16.0",
-		"vue-tsc": "^0.29.8"
-	},
-	"husky": {
-		"hooks": {
-			"pre-commit": "lint-staged"
-		}
-	},
-	"lint-staged": {
-		"*.{js,jsx,vue,ts,tsx}": [
-			"prettier --write",
-			"git add"
-		]
-	},
-	"browserslist": [
-		"defaults",
-		"not ie < 8",
-		"last 2 versions",
-		"> 1%",
-		"iOS 7",
-		"last 3 iOS versions"
-	]
+  "name": "cnhis-design-vue",
+  "private": false,
+  "version": "3.1.13-beta.7",
+  "license": "ISC",
+  "module": "es/packages/index.js",
+  "main": "es/packages/index.js",
+  "types": "es/packages/index.d.ts",
+  "sideEffects": [
+    "es/packages/**/style/*",
+    "es/packages/*(.css,.less)"
+  ],
+  "scripts": {
+    "dev": "vite --host --port 3200",
+    "start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
+    "build": "npm run start",
+    "build:doc": "cross-env CUI_DOCS=true vite build",
+    "build:doc-local": "vite build",
+    "test": "vitest spec",
+    "test:resnap": "vitest spec -u",
+    "test:coverage": "vitest run --coverage",
+    "preview": "vite preview",
+    "release": "standard-version",
+    "deploy": "sh sync.sh",
+    "deploy-w": "sh sync-w.sh",
+    "prepare": "husky install",
+    "prettier": "prettier --write ./packages ./examples ./build ./plugins ./src"
+  },
+  "peerDependencies": {
+    "naive-ui": "^2.29.0",
+    "vue": "^3.2.0"
+  },
+  "dependencies": {
+    "@formily/core": "^2.1.9",
+    "@formily/vue": "^2.1.9",
+    "@highlightjs/vue-plugin": "^2.1.0",
+    "@vicons/ionicons5": "^0.12.0",
+    "@vueuse/core": "^8.6.0",
+    "@vueuse/shared": "^8.6.0",
+    "@wangeditor/editor": "^5.1.1",
+    "@wangeditor/editor-for-vue": "^5.1.11",
+    "axios": "^0.27.2",
+    "babel-preset-typescript": "7.0.0-alpha.19",
+    "bpmn-js": "^9.2.2",
+    "crypto-js": "^4.1.1",
+    "highlight.js": "^11.5.1",
+    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
+    "lodash-unified": "^1.0.2",
+    "moment": "^2.29.1",
+    "naive-ui": "^2.29.0",
+    "rimraf": "^3.0.2",
+    "spark-md5": "^3.0.2",
+    "type-fest": "^2.13.0",
+    "v-viewer": "^3.0.10",
+    "video.js": "^7.19.2",
+    "videojs-contrib-hls": "^5.15.0",
+    "viewerjs": "^1.10.5",
+    "vue": "^3.2.0",
+    "vue-simple-uploader": "^1.0.0-beta.5",
+    "vuedraggable": "4.1.0",
+    "vxe-table": "4.2.5",
+    "xe-utils": "^3.5.4"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
+    "@babel/preset-typescript": "^7.17.12",
+    "@commitlint/cli": "^16.1.0",
+    "@commitlint/config-conventional": "^16.2.4",
+    "@esbuild-kit/cjs-loader": "^2.0.0",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@types/babel__core": "^7.1.19",
+    "@types/fs-extra": "^9.0.13",
+    "@types/gulp": "^4.0.9",
+    "@types/gulp-less": "^0.0.32",
+    "@types/lodash-es": "^4.17.6",
+    "@types/markdown-it": "^12.2.3",
+    "@types/node": "^17.0.38",
+    "@types/replacestream": "^4.0.1",
+    "@types/vue-router": "^2.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vue/babel-preset-jsx": "^1.2.4",
+    "@vue/compiler-sfc": "^3.2.33",
+    "@vue/shared": "^3.2.36",
+    "autoprefixer": "^10.4.7",
+    "axios": "^0.27.2",
+    "bpmn-js": "^9.2.2",
+    "chalk": "^5.0.1",
+    "codesandbox": "^2.2.3",
+    "commitlint": "^17.0.3",
+    "consola": "^2.15.3",
+    "cross-env": "^7.0.3",
+    "cssnano": "^5.1.7",
+    "esbuild": "^0.14.42",
+    "eslint": "^8.7.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.3.0",
+    "gulp": "^4.0.2",
+    "gulp-cssimport": "^7.0.0",
+    "gulp-less": "^5.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.1.3",
+    "gulp-util": "^3.0.8",
+    "heapdump": "^0.3.15",
+    "husky": "^7.0.4",
+    "less": "^4.1.2",
+    "lint-staged": "^13.0.3",
+    "markdown-it": "^13.0.1",
+    "postcss": "^8.4.14",
+    "prettier": "^2.7.1",
+    "replacestream": "^4.0.3",
+    "rollup": "^2.75.5",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-esbuild": "^4.9.1",
+    "rollup-plugin-external-globals": "^0.6.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.32.0",
+    "rollup-plugin-vue": "^6.0.0",
+    "standard-version": "^9.3.2",
+    "ts-morph": "^15.1.0",
+    "typescript": "4.6.4",
+    "vite": "^2.9.9",
+    "vitest": "^0.16.0",
+    "vue-tsc": "^0.29.8"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,vue,ts,tsx}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "browserslist": [
+    "defaults",
+    "not ie < 8",
+    "last 2 versions",
+    "> 1%",
+    "iOS 7",
+    "last 3 iOS versions"
+  ]
 }