cnhis-design-vue 3.1.17-beta.1 → 3.1.17-beta.10

package/es/components/form-render/src/hooks/useBusinessBinding.d.ts

@@ -0,0 +1,25 @@
+import { Form } from '@formily/core';
+import { FormBusinessFormatter } from '../../../../../es/components/form-render';
+import { FIELD_BUSINESS_TYPE } from '../constants';
+export declare class BusinessCollector {
+    private formModel;
+    private businessFormatter?;
+    private readonly typeCollector;
+    private readonly fieldNameCollector;
+    constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
+    private formatter;
+    collect(type: FIELD_BUSINESS_TYPE, fieldName: string): void;
+    private getField;
+    private getType;
+    private getValueByField;
+    getValueByType(type: FIELD_BUSINESS_TYPE): unknown;
+    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown, force?: boolean): void;
+    registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
+    registerBlurBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
+    private changeHandlerMap;
+    private blurHandlerMap;
+    trigger(fieldName: string, triggerType?: 'change' | 'blur'): void;
+}
+export declare function useBusinessBinding(): {
+    create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;
+};

package/es/components/form-render/src/hooks/useBusinessBinding.js

@@ -0,0 +1,98 @@
+import { isField } from '@formily/core';
+import { isString } from '@vueuse/core';
+import { isFunction, isNumber } from 'lodash-es';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+import 'vue';
+import '@formily/path';
+import '@vue/shared';
+import { isIdCard, parseIdCard, parseAge2FromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
+
+class BusinessCollector {
+  constructor(formModel, businessFormatter) {
+    this.formModel = formModel;
+    this.businessFormatter = businessFormatter;
+    this.typeCollector = /* @__PURE__ */ new Map();
+    this.fieldNameCollector = /* @__PURE__ */ new Map();
+    this.changeHandlerMap = /* @__PURE__ */ new Map([]);
+    this.blurHandlerMap = /* @__PURE__ */ new Map([]);
+  }
+  formatter(...args) {
+    return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
+  }
+  collect(type, fieldName) {
+    this.typeCollector.set(type, fieldName);
+    this.fieldNameCollector.set(fieldName, type);
+  }
+  getField(type) {
+    return this.typeCollector.get(type);
+  }
+  getType(fieldName) {
+    return this.fieldNameCollector.get(fieldName);
+  }
+  getValueByField(fieldName) {
+    const _field = this.formModel.query(fieldName).take();
+    return isField(_field) ? _field.value : null;
+  }
+  getValueByType(type) {
+    const field = this.getField(type);
+    return field ? this.getValueByField(field) : null;
+  }
+  setValueByType(type, value, force = true) {
+    const field = this.getField(type);
+    field && this.formModel.setFieldState(field, (state) => {
+      if (!force && state.value)
+        return;
+      state.value = this.formatter({ value, type, fieldKey: field });
+    });
+  }
+  registerChangeBusiness(type, handler) {
+    this.changeHandlerMap.set(type, handler);
+    return this;
+  }
+  registerBlurBusiness(type, handler) {
+    this.blurHandlerMap.set(type, handler);
+    return this;
+  }
+  trigger(fieldName, triggerType = "change") {
+    var _a, _b;
+    const type = this.getType(fieldName);
+    const handlerMaps = { change: this.changeHandlerMap, blur: this.blurHandlerMap };
+    type && ((_b = (_a = handlerMaps[triggerType]) == null ? void 0 : _a.get(type)) == null ? void 0 : _b.call(this));
+  }
+}
+function useBusinessBinding() {
+  function handlerIdCardType() {
+    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
+    if (!idCard || !isString(idCard) || !isIdCard(idCard))
+      return;
+    const info = parseIdCard(idCard);
+    const { age, ageUnit } = parseAge2FromContext(info);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday);
+  }
+  function handlerBirthdayType() {
+    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    if (!isString(birthday))
+      return;
+    const { age, ageUnit } = parseAge2FromContext(parseBirthday(birthday));
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+  }
+  function handlerAgeType() {
+    const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
+    const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
+    if (!isString(age) && !isNumber(age) || age === "")
+      return;
+    if (!isString(ageUnit) || ageUnit === "")
+      return;
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit), false);
+  }
+  function create(formModel, formatter) {
+    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerBlurBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType).registerBlurBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType);
+  }
+  return { create };
+}
+
+export { BusinessCollector, useBusinessBinding };

package/es/components/form-render/src/hooks/useChangeContext.d.ts

@@ -0,0 +1,13 @@
+import { FormChangeContext } from '../types';
+export declare class ContextCollector {
+    private readonly contextMap;
+    setContext(key: string, value: () => Promise<FormChangeContext> | FormChangeContext): void;
+    getContext(key: string): Partial<{
+        currentOption: import("../../../../shared/types").AnyObject;
+    }> | Promise<Partial<{
+        currentOption: import("../../../../shared/types").AnyObject;
+    }>> | undefined;
+}
+export declare function useChangeContext(): {
+    create: () => ContextCollector;
+};

package/es/components/form-render/src/hooks/useCommonInjection.d.ts

@@ -0,0 +1,6 @@
+import { Func } from '../../../../../es/shared/types';
+import { WatchSource } from '@vue/runtime-core';
+export declare function useCommonInjection(): {
+    injectValueValidate: (traverser: WatchSource) => void;
+    injectValueWatchFromEmpty: (traverser: WatchSource, trigger: Func) => void;
+};

package/es/components/form-render/src/hooks/useCommonInjection.js

@@ -0,0 +1,23 @@
+import { isField } from '@formily/core';
+import { watch } from 'vue';
+import '../../index.js';
+import { useFormField } from './useFormField.js';
+
+function useCommonInjection() {
+  function injectValueValidate(traverser) {
+    const { field } = useFormField();
+    watch(traverser, () => {
+      var _a, _b;
+      try {
+        isField(field.value) && field.value.visited && ((_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a));
+      } catch (e) {
+      }
+    });
+  }
+  function injectValueWatchFromEmpty(traverser, trigger) {
+    watch(traverser, (n, o) => n != null && o == null && trigger(), { immediate: true });
+  }
+  return { injectValueValidate, injectValueWatchFromEmpty };
+}
+
+export { useCommonInjection };

package/es/components/form-render/src/hooks/useFieldListAdaptor.d.ts

@@ -0,0 +1,64 @@
+import { BusinessCollector } from '../../../../../es/components/form-render';
+import { FieldItem } from '../types';
+/**
+ * @description 胶水层, 将低代码平台中的fieldList转换为JSONSchema
+ */
+export declare function useFieldListAdaptor(collector: BusinessCollector): {
+    schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema/esm/types").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string | undefined;
+        name?: import("@formily/json-schema/esm/types").SchemaKey | undefined;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean | undefined;
+        writeOnly?: boolean | undefined;
+        type?: import("@formily/json-schema/esm/types").SchemaTypes | undefined;
+        enum?: import("@formily/json-schema/esm/types").SchemaEnum<any> | undefined;
+        const?: any;
+        multipleOf?: number | undefined;
+        maximum?: number | undefined;
+        exclusiveMaximum?: number | undefined;
+        minimum?: number | undefined;
+        exclusiveMinimum?: number | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        pattern?: string | RegExp | undefined;
+        maxItems?: number | undefined;
+        minItems?: number | undefined;
+        uniqueItems?: boolean | undefined;
+        maxProperties?: number | undefined;
+        minProperties?: number | undefined;
+        required?: string | boolean | string[] | undefined;
+        format?: string | undefined;
+        $ref?: string | undefined;
+        $namespace?: string | undefined;
+        definitions?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        properties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        items?: import("@formily/json-schema/esm/types").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+        additionalItems?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
+        patternProperties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        additionalProperties?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
+        "x-value"?: any;
+        "x-index"?: number | undefined;
+        "x-pattern"?: any;
+        "x-display"?: any;
+        "x-validator"?: any;
+        "x-decorator"?: any;
+        "x-decorator-props"?: any;
+        "x-component"?: any;
+        "x-component-props"?: any;
+        "x-reactions"?: import("@formily/json-schema/esm/types").SchemaReactions<any> | undefined;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean | undefined;
+        "x-hidden"?: boolean | undefined;
+        "x-disabled"?: boolean | undefined;
+        "x-editable"?: boolean | undefined;
+        "x-read-only"?: boolean | undefined;
+        "x-read-pretty"?: boolean | undefined;
+        "x-compile-omitted"?: string[] | undefined;
+    }>>;
+};

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

@@ -0,0 +1,243 @@
+import { isObject } from '@vueuse/core';
+import { cloneDeep, omit, pick } from 'lodash-es';
+import '../../index.js';
+import { arrayed, parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
+import { useFieldNormalize } from './useFieldNormalize.js';
+import { fieldKeyEscape, createLinebarId } from '../utils/schema.js';
+import { transformDateFormat } from '../utils/business.js';
+import { useFormValidator } from './useFormValidator.js';
+
+function useFieldListAdaptor(collector) {
+  const { createValidatorSchema } = useFormValidator();
+  const createStandardSchema = (item) => {
+    var _a;
+    const result = {
+      name: item.val_key,
+      type: (_a = item.fieldType) != null ? _a : "string",
+      title: item.alias || item.name,
+      "x-component": item.html_type,
+      default: item.default_val,
+      "x-component-props": {
+        placeholder: item.placeholder,
+        clearable: item.is_empty === "0",
+        ...item.componentProps || {},
+        onBlur(...args) {
+          var _a2, _b;
+          collector.trigger(item.val_key, "blur");
+          (_b = (_a2 = item.componentProps) == null ? void 0 : _a2.onBlur) == null ? void 0 : _b.call(_a2, ...args);
+        }
+      },
+      "x-display": item.is_show === "0" ? "hidden" : "visible",
+      "x-pattern": item.is_edit === "0" ? "disabled" : "editable"
+    };
+    if (isObject(item.reactions)) {
+      result["x-reactions"] = item.reactions;
+    }
+    if (!item.noDecorator) {
+      Object.assign(result, {
+        "x-decorator": "FORM_ITEM",
+        "x-decorator-props": {
+          span: item.elem_width,
+          showLabel: item.hide_title !== "1",
+          propertyKey: item.val_key,
+          annotation: item.annotation,
+          ...item.decoratorProps || {}
+        }
+      });
+    }
+    const rules = createValidatorSchema(item);
+    rules && (result["x-validator"] = rules);
+    item.is_null === "0" && (result.required = true);
+    return result;
+  };
+  const createInputSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      ...pick(item, ["prefix", "suffix"])
+    });
+    return schema;
+  };
+  const createSelectSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      ...pick(item, ["lazyRequest", "urlConfig"]),
+      options: item.option,
+      multiple: item.multi_select === "0",
+      maxTagCount: parseNumberFromMaybeString(item.multi_select_value)
+    });
+    return schema;
+  };
+  const createRadioSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      options: item.option,
+      vertical: item.__vertical
+    });
+    return schema;
+  };
+  const createDateSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      valueFormat: item.date_format,
+      type: transformDateFormat(item.date_format),
+      validate: item.validate
+    });
+    return schema;
+  };
+  const createCascaderSchema = (item) => {
+    var _a;
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      urlConfig: item.urlConfig,
+      depth: (_a = item.wordbook) == null ? void 0 : _a.level_num,
+      options: item.option
+    });
+    return schema;
+  };
+  const createSwitchSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      openDescription: item.open,
+      closeDescription: item.close
+    });
+    return schema;
+  };
+  const createCombinationSchema = (item) => {
+    const schema = createStandardSchema(item);
+    schema.type = "array";
+    if (item.jsonCombination !== false) {
+      schema["x-component"] = "JSON_COMBINATION";
+    }
+    Object.assign(schema["x-decorator-props"], {
+      showLabel: false,
+      showFeedback: false
+    });
+    Object.assign(schema["x-component-props"], {
+      title: item.alias || item.name,
+      maxGroupNum: item.maxGroupNum,
+      getProperties: () => item.children || []
+    });
+    return schema;
+  };
+  const createInputNumberSchema = (item) => {
+    const schema = createStandardSchema(item);
+    const { decimal_length, validate } = item;
+    Object.assign(schema["x-component-props"], {
+      precision: decimal_length || (validate == null ? void 0 : validate.decimal_length),
+      prefix: item.prefix,
+      suffix: item.suffix
+    });
+    return schema;
+  };
+  const createSliderSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      step: parseNumberFromMaybeString(item.step_length),
+      max: parseNumberFromMaybeString(item.max_length),
+      min: parseNumberFromMaybeString(item.min_length),
+      option: item.option
+    });
+    return schema;
+  };
+  const createCustomSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      fieldItem: omit(item, ["reactions"])
+    });
+    return schema;
+  };
+  const createLinebarSchema = (item) => {
+    return {
+      name: item.val_key,
+      type: "void",
+      title: item.alias || item.name,
+      "x-component": "LINEBAR",
+      "x-component-props": {
+        line: item.__line,
+        disabled: item.is_not_fold === "1",
+        id: createLinebarId(item.val_key),
+        show: item.is_show !== "0"
+      }
+    };
+  };
+  const createComplexSchema = (item) => {
+    const schema = createStandardSchema(item);
+    if (Array.isArray(item.properties)) {
+      formRenderLog("COMPLEX\u63A7\u4EF6\u7684properties\u5C5E\u6027\u5DF2\u7ECF\u5E9F\u5F03, \u8BF7\u4F7F\u7528children\u4F5C\u4E3A\u66FF\u4EE3, \u5728\u4E4B\u540E\u7684\u7248\u672C\u4E2Dproperties\u5C5E\u6027\u5C06\u4E0D\u518D\u652F\u6301", "warn");
+    }
+    const properties = Array.isArray(item.properties || item.children) ? schemaAdaptor(item.properties || item.children) : {};
+    schema.type = item.fieldType || "void";
+    schema.properties = properties;
+    Object.assign(schema["x-decorator-props"], { showFeedback: false });
+    Object.assign(schema["x-component-props"], pick(item, ["wrapperStyle", "display"]));
+    return schema;
+  };
+  const creatorMap = /* @__PURE__ */ new Map([
+    ["LINEBAR", createLinebarSchema],
+    ["INPUT", createInputSchema],
+    ["INPUT_NUMBER", createInputNumberSchema],
+    ["SELECT", createSelectSchema],
+    ["DATE", createDateSchema],
+    ["SEARCH_CASCADE", createCascaderSchema],
+    ["COMBINATION", createCombinationSchema],
+    ["RADIO", createRadioSchema],
+    ["CHECKBOX", createRadioSchema],
+    ["SWITCH", createSwitchSchema],
+    ["SLIDER", createSliderSchema],
+    ["COMPLEX", createComplexSchema]
+  ]);
+  const createWidgetSchema = (item) => {
+    if (item.suffixConfig)
+      return createWidgetCombinationSchema(item);
+    const creator = creatorMap.get(item.html_type) || createCustomSchema;
+    return creator(item);
+  };
+  const createWidgetCombinationSchema = (item) => {
+    if (!item.suffixConfig)
+      return createWidgetSchema(item);
+    const suffixList = arrayed(item.suffixConfig);
+    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(suffixList.map((suffix) => {
+      return { ...suffix, is_show: item.is_show, alias: " " };
+    }));
+    return {
+      type: "void",
+      name: fieldKeyEscape(fieldList),
+      title: item.alias || item.name,
+      "x-component": "INPUT_GROUP",
+      "x-component-props": { span: item.elem_width },
+      properties: schemaAdaptor(fieldList)
+    };
+  };
+  const { FieldNormalizeWaterfallHook } = useFieldNormalize();
+  function schemaAdaptor(fieldList) {
+    let prevLinebar = null;
+    return fieldList.reduce((fin, cur, idx) => {
+      var _a;
+      cur = FieldNormalizeWaterfallHook.call(cloneDeep(cur));
+      const obj_type = (_a = cur.validate) == null ? void 0 : _a.obj_type;
+      obj_type && collector.collect(obj_type, cur.val_key);
+      if (cur.html_type === "LINEBAR") {
+        fin[createFieldName(cur)] = bindIndex(createLinebarSchema(cur), idx);
+        prevLinebar = fin[createFieldName(cur)].properties = {};
+      } else if (prevLinebar) {
+        prevLinebar[createFieldName(cur)] = bindIndex(createWidgetSchema(cur), idx);
+      } else {
+        prevLinebar = null;
+        fin[createFieldName(cur)] = bindIndex(createWidgetSchema(cur), idx);
+      }
+      return fin;
+    }, {});
+    function bindIndex(schema, idx) {
+      return { ...schema, "x-index": idx };
+    }
+    function createFieldName(fieldItem) {
+      if (fieldItem.suffixConfig) {
+        return fieldKeyEscape([fieldItem, ...arrayed(fieldItem.suffixConfig)]);
+      }
+      return fieldItem.val_key;
+    }
+  }
+  return { schemaAdaptor };
+}
+
+export { useFieldListAdaptor };

package/es/components/form-render/src/hooks/useFieldNormalize.d.ts

@@ -0,0 +1,5 @@
+import { SyncWaterfallHook } from '../../../../../es/shared/utils/tapable';
+import { FieldItem } from '../types';
+export declare function useFieldNormalize(): {
+    FieldNormalizeWaterfallHook: SyncWaterfallHook<FieldItem, import("../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+};

package/es/components/form-render/src/hooks/useFieldNormalize.js

@@ -0,0 +1,67 @@
+import '../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../shared/utils/tapable/SyncBailHook.js';
+import SyncWaterfallHook from '../../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../../shared/utils/tapable/SyncLoopHook.js';
+import '../../../../shared/utils/tapable/AsyncParallelHook.js';
+import '../../../../shared/utils/tapable/AsyncParallelBailHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+
+function useFieldNormalize() {
+  const FieldNormalizeWaterfallHook = new SyncWaterfallHook(["fieldItem"]);
+  FieldNormalizeWaterfallHook.tap("__block", (fieldItem) => {
+    if (["CHECKBOX_BLOCK", "RADIO_BLOCK"].includes(fieldItem.html_type)) {
+      fieldItem.__vertical = true;
+    }
+    return fieldItem;
+  });
+  FieldNormalizeWaterfallHook.tap("__line", (fieldItem) => {
+    if (["LINE_BREAKS"].includes(fieldItem.html_type)) {
+      fieldItem.__line = true;
+      fieldItem.is_show = "1";
+    }
+    return fieldItem;
+  });
+  FieldNormalizeWaterfallHook.tap("__age", (fieldItem) => {
+    if (fieldItem.html_type === "AGE") {
+      fieldItem.html_type = "INPUT_NUMBER";
+      fieldItem.suffixConfig = [
+        {
+          validate: { obj_type: FIELD_BUSINESS_TYPE.AGE_UNIT },
+          val_key: fieldItem.val_key_unit,
+          html_type: "SELECT",
+          option: fieldItem.option,
+          urlConfig: fieldItem.urlConfig
+        }
+      ];
+    }
+    return fieldItem;
+  });
+  const types = [
+    [["SEARCH", "PHONE_TYPE", "IDCARD_TYPE"], "SELECT"],
+    ["DIGITAL", "INPUT_NUMBER"],
+    ["CHECKBOX_BLOCK", "CHECKBOX"],
+    ["RADIO_BLOCK", "RADIO"],
+    [["DATE-INPUT", "DATETIME-INPUT"], "DATE"],
+    ["SWITCH_COMPONENT", "SWITCH"],
+    ["SLIDER_COMPONENT", "SLIDER"],
+    ["LINE_BREAKS", "LINEBAR"]
+  ];
+  FieldNormalizeWaterfallHook.tap("__normalize", (fieldItem) => {
+    types.some(([rule, target]) => {
+      const match = Array.isArray(rule) ? rule.includes(fieldItem.html_type) : rule === fieldItem.html_type;
+      return match && (fieldItem.html_type = target);
+    });
+    return fieldItem;
+  });
+  FieldNormalizeWaterfallHook.tap("__elem_width", (fieldItem) => {
+    fieldItem.elem_width = ~~((fieldItem.elem_width || 3) * 2);
+    return fieldItem;
+  });
+  return { FieldNormalizeWaterfallHook };
+}
+
+export { useFieldNormalize };

package/es/components/form-render/src/hooks/useFormContext.d.ts

@@ -0,0 +1,11 @@
+import { Form } from '@formily/core';
+import { ShallowReactive } from 'vue';
+import { FormRenderProps } from '../../../../../es/components/form-render';
+export declare function useFormContext(props: ShallowReactive<FormRenderProps>, formModel: Form): {
+    asyncQueue: import("../../../../../es/components/form-render").FormAsyncQueue;
+    SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    businessCollector: import("../../../../../es/components/form-render").BusinessCollector;
+    changeContextCollector: import("../../../../../es/components/form-render").ContextCollector;
+    formItemDepsCollector: import("../../../../../es/components/form-render").FormItemDepsCollector;
+    formUUID: string;
+};

package/es/components/form-render/src/hooks/useFormContext.js

@@ -0,0 +1,66 @@
+import { isObject } from '@vue/shared';
+import { cloneDeep } from 'lodash-es';
+import { provide, computed, readonly } from 'vue';
+import { createSchemaField } from '@formily/vue';
+import '../../index.js';
+import * as index from '../components/renderer/index.js';
+import { useFormRenderLifeCycle } from './useFormRenderLifeCycle.js';
+import { usePresetScope } from './usePresetScope.js';
+import { injectOrProvide, uuidGenerator } from '../utils/index.js';
+import { InjectAsyncQueue, InjectionSchemaField, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionAnnotation } from '../constants/index.js';
+import { useAsyncQueue } from './useAsyncQueue.js';
+import { useBusinessBinding } from './useBusinessBinding.js';
+import { useChangeContext } from './useChangeContext.js';
+import { useFormItemDeps } from './useFormItemDeps.js';
+
+function useFormContext(props, formModel) {
+  const { callLifeCycle } = useFormRenderLifeCycle(props);
+  const asyncQueue = injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism, {
+    beforeRequest(...args) {
+      return callLifeCycle("beforeRequest", cloneDeep(args)) || args[1];
+    },
+    afterRequest(...args) {
+      return callLifeCycle("afterRequest", cloneDeep(args)) || presetHandler(args[1]);
+      function presetHandler(res) {
+        if (!isObject(res))
+          throw res;
+        const { data, success } = res;
+        if (!success)
+          throw res;
+        return data;
+      }
+    }
+  }));
+  const SchemaField = injectOrProvide(InjectionSchemaField, () => createSchemaField({
+    components: { ...index, ...props.components },
+    scope: Object.assign({}, usePresetScope(), props.scope)
+  }).SchemaField);
+  const businessCollector = useBusinessBinding().create(formModel, props.businessFormatter);
+  provide(InjectionBusinessCollector, businessCollector);
+  const changeContextCollector = useChangeContext().create();
+  provide(InjectionChangeContextCollector, changeContextCollector);
+  const formItemDepsCollector = useFormItemDeps().create();
+  provide(InjectionFormItemDepsCollector, formItemDepsCollector);
+  const formUUID = props.uuid || uuidGenerator();
+  provide(InjectionFormUUID, formUUID);
+  provide(InjectionAnnotation, computed({
+    get() {
+      return props.annotation ? readonly(props.annotation) : null;
+    },
+    set(payload) {
+      if (!isObject(props.annotation) || !isObject(payload))
+        return;
+      props.annotation[payload.property] = payload.value;
+    }
+  }));
+  return {
+    asyncQueue,
+    SchemaField,
+    businessCollector,
+    changeContextCollector,
+    formItemDepsCollector,
+    formUUID
+  };
+}
+
+export { useFormContext };

package/es/components/form-render/src/hooks/useFormItemDeps.d.ts

@@ -0,0 +1,11 @@
+import { Func } from '../../../../../es/shared/types';
+import { DependKeyType } from '../../../../../es/components/form-render';
+export declare class FormItemDepsCollector {
+    private readonly collector;
+    setDeps(key: string, dependKeys: DependKeyType, callback: Func): void;
+    getDeps(dependKey: string): Map<string, Func<any[], any>> | undefined;
+    trigger(dependKey: string, payload?: unknown): void;
+}
+export declare function useFormItemDeps(): {
+    create: () => FormItemDepsCollector;
+};