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

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

@@ -1,98 +1 @@
-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 };
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding2.js';

package/es/components/form-render/src/hooks/useBusinessBinding2.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/index2.js';
+import 'vue';
+import '@formily/path';
+import '@vue/shared';
+import { isIdCard, parseIdCard, parseAge2FromContext, parseBirthday, parseAge2Birthday } from '../utils/business2.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.js

@@ -1,20 +1 @@
-class ContextCollector {
-  constructor() {
-    this.contextMap = /* @__PURE__ */ new Map();
-  }
-  setContext(key, value) {
-    this.contextMap.set(key, value);
-  }
-  getContext(key) {
-    var _a;
-    return (_a = this.contextMap.get(key)) == null ? void 0 : _a();
-  }
-}
-function useChangeContext() {
-  function create() {
-    return new ContextCollector();
-  }
-  return { create };
-}
-
-export { ContextCollector, useChangeContext };
+export { ContextCollector, useChangeContext } from './useChangeContext2.js';

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

@@ -0,0 +1,20 @@
+class ContextCollector {
+  constructor() {
+    this.contextMap = /* @__PURE__ */ new Map();
+  }
+  setContext(key, value) {
+    this.contextMap.set(key, value);
+  }
+  getContext(key) {
+    var _a;
+    return (_a = this.contextMap.get(key)) == null ? void 0 : _a();
+  }
+}
+function useChangeContext() {
+  function create() {
+    return new ContextCollector();
+  }
+  return { create };
+}
+
+export { ContextCollector, useChangeContext };

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

@@ -3,4 +3,5 @@ import { WatchSource } from '@vue/runtime-core';
 export declare function useCommonInjection(): {
     injectValueValidate: (traverser: WatchSource) => void;
     injectValueWatchFromEmpty: (traverser: WatchSource, trigger: Func) => void;
+    injectValueBindKey: (traverser: WatchSource) => import("vue").Ref<number>;
 };

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

@@ -1,23 +1 @@
-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 };
+export { useCommonInjection } from './useCommonInjection2.js';

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

@@ -0,0 +1,32 @@
+import { isField } from '@formily/core';
+import { watch, ref } from 'vue';
+import '../../index2.js';
+import { useFormField } from './useFormField2.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 });
+  }
+  function injectValueBindKey(traverser) {
+    const key = ref(1);
+    watch(traverser, (n, o) => {
+      if (n === void 0 && o !== void 0) {
+        key.value++;
+      }
+    });
+    return key;
+  }
+  return { injectValueValidate, injectValueWatchFromEmpty, injectValueBindKey };
+}
+
+export { useCommonInjection };

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

@@ -1,10 +1 @@
-import { formRenderLog } from '../utils/index.js';
-
-function useCommonLog() {
-  function invalidHttpInstanceLog() {
-    formRenderLog("before use http feature, you should regist http instance by useFormilyRequest.registGlobHttpInstance()", "warn");
-  }
-  return { invalidHttpInstanceLog };
-}
-
-export { useCommonLog };
+export { useCommonLog } from './useCommonLog2.js';

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

@@ -0,0 +1,10 @@
+import { formRenderLog } from '../utils/index.js';
+
+function useCommonLog() {
+  function invalidHttpInstanceLog() {
+    formRenderLog("before use http feature, you should regist http instance by useFormilyRequest.registGlobHttpInstance()", "warn");
+  }
+  return { invalidHttpInstanceLog };
+}
+
+export { useCommonLog };

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

@@ -1,243 +1 @@
-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 };
+export { useFieldListAdaptor } from './useFieldListAdaptor2.js';