cnhis-design-vue 3.1.9-beta.4 → 3.1.9-beta.5

package/es/packages/form-render/src/hooks/useBusinessBinding.mjs

@@ -1,60 +1 @@
-import { isString } from '@vueuse/core';
-import { FIELD_BUSINESS_TYPE } from '../constants/index.mjs';
-import { isIdCard, parseIdCard } from '../utils/index.mjs';
-
-class BusinessCollector {
-  constructor() {
-    this.typeCollector = /* @__PURE__ */ new Map();
-    this.fieldNameCollector = /* @__PURE__ */ new Map();
-    this.handlerMap = /* @__PURE__ */ new Map([[FIELD_BUSINESS_TYPE.ID_CARD, this.handlerIdCardType.bind(this)]]);
-  }
-  collect(type, fieldName) {
-    const set = this.typeCollector.get(type) || /* @__PURE__ */ new Set();
-    set.add(fieldName);
-    this.typeCollector.set(type, set);
-    this.fieldNameCollector.set(fieldName, type);
-  }
-  getField(type) {
-    return [...this.typeCollector.get(type) || /* @__PURE__ */ new Set()];
-  }
-  getType(fieldName) {
-    return this.fieldNameCollector.get(fieldName);
-  }
-  handlerIdCardType(formModel, value) {
-    if (!value || !isString(value) || !isIdCard(value))
-      return;
-    const info = parseIdCard(value);
-    const ageFields = this.getField(FIELD_BUSINESS_TYPE.AGE);
-    ageFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = info.age;
-      });
-    });
-    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
-    sexFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = info.sex;
-      });
-    });
-    const birthdayFields = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
-    birthdayFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = info.birthday;
-      });
-    });
-  }
-  trigger(formModel, fieldName, value) {
-    const type = this.getType(fieldName);
-    if (!type || !this.handlerMap.has(type))
-      return;
-    this.handlerMap.get(type)(formModel, value);
-  }
-}
-function useBusinessBinding() {
-  function create() {
-    return new BusinessCollector();
-  }
-  return { create };
-}
-
-export { BusinessCollector, useBusinessBinding };
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding2.mjs';

package/es/packages/form-render/src/hooks/useBusinessBinding2.mjs

@@ -0,0 +1,60 @@
+import { isString } from '@vueuse/core';
+import { FIELD_BUSINESS_TYPE } from '../constants/index2.mjs';
+import { isIdCard, parseIdCard } from '../utils/index2.mjs';
+
+class BusinessCollector {
+  constructor() {
+    this.typeCollector = /* @__PURE__ */ new Map();
+    this.fieldNameCollector = /* @__PURE__ */ new Map();
+    this.handlerMap = /* @__PURE__ */ new Map([[FIELD_BUSINESS_TYPE.ID_CARD, this.handlerIdCardType.bind(this)]]);
+  }
+  collect(type, fieldName) {
+    const set = this.typeCollector.get(type) || /* @__PURE__ */ new Set();
+    set.add(fieldName);
+    this.typeCollector.set(type, set);
+    this.fieldNameCollector.set(fieldName, type);
+  }
+  getField(type) {
+    return [...this.typeCollector.get(type) || /* @__PURE__ */ new Set()];
+  }
+  getType(fieldName) {
+    return this.fieldNameCollector.get(fieldName);
+  }
+  handlerIdCardType(formModel, value) {
+    if (!value || !isString(value) || !isIdCard(value))
+      return;
+    const info = parseIdCard(value);
+    const ageFields = this.getField(FIELD_BUSINESS_TYPE.AGE);
+    ageFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.age;
+      });
+    });
+    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
+    sexFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.sex;
+      });
+    });
+    const birthdayFields = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    birthdayFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.birthday;
+      });
+    });
+  }
+  trigger(formModel, fieldName, value) {
+    const type = this.getType(fieldName);
+    if (!type || !this.handlerMap.has(type))
+      return;
+    this.handlerMap.get(type)(formModel, value);
+  }
+}
+function useBusinessBinding() {
+  function create() {
+    return new BusinessCollector();
+  }
+  return { create };
+}
+
+export { BusinessCollector, useBusinessBinding };

package/es/packages/form-render/src/hooks/useChangeContext.mjs

@@ -1,21 +1 @@
-class ContextCollector {
-  constructor() {
-    this.contextMap = /* @__PURE__ */ new Map();
-  }
-  setContext(key, prop, value) {
-    const context = this.contextMap.get(key) || {};
-    Reflect.set(context, prop, value);
-    this.contextMap.set(key, context);
-  }
-  getContext(key) {
-    return this.contextMap.get(key) || {};
-  }
-}
-function useChangeContext() {
-  function create() {
-    return new ContextCollector();
-  }
-  return { create };
-}
-
-export { ContextCollector, useChangeContext };
+export { ContextCollector, useChangeContext } from './useChangeContext2.mjs';

package/es/packages/form-render/src/hooks/useChangeContext2.mjs

@@ -0,0 +1,21 @@
+class ContextCollector {
+  constructor() {
+    this.contextMap = /* @__PURE__ */ new Map();
+  }
+  setContext(key, prop, value) {
+    const context = this.contextMap.get(key) || {};
+    Reflect.set(context, prop, value);
+    this.contextMap.set(key, context);
+  }
+  getContext(key) {
+    return this.contextMap.get(key) || {};
+  }
+}
+function useChangeContext() {
+  function create() {
+    return new ContextCollector();
+  }
+  return { create };
+}
+
+export { ContextCollector, useChangeContext };

package/es/packages/form-render/src/hooks/useCommonLog.mjs

@@ -1,10 +1 @@
-import { formRenderLog } from '../utils/index.mjs';
-
-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.mjs';

package/es/packages/form-render/src/hooks/useCommonLog2.mjs

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

package/es/packages/form-render/src/hooks/useFieldList2Schema.mjs

@@ -1,193 +1 @@
-import { arrayed, transformDateFormat } from '../utils/index.mjs';
-import { useFormValidator } from './useFormValidator.mjs';
-import { isObject } from '@vueuse/core';
-import { useTypeNormalize } from './useTypeNormalize.mjs';
-
-function useFieldList2Schema(collector) {
-  const { createValidatorSchema } = useFormValidator();
-  const createStandardSchema = (item) => {
-    const result = {
-      name: item.val_key,
-      type: "string",
-      title: item.alias || item.name,
-      "x-decorator": "FORM_ITEM",
-      "x-decorator-props": { span: item.elem_width, showLabel: item.hide_title !== "1" },
-      "x-component": item.html_type,
-      "x-component-props": { placeholder: item.placeholder, clearable: item.is_empty === "1" },
-      "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;
-    }
-    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"], {
-      prefix: item.prefix,
-      suffix: item.suffix
-    });
-    return schema;
-  };
-  const createSelectSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      urlConfig: item.urlConfig,
-      options: item.option,
-      multiple: item.multi_select === "0",
-      maxTagCount: +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,
-      deep: (_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["x-decorator-props"].showLabel = false;
-    Object.assign(schema["x-component-props"], {
-      title: item.alias || item.name,
-      properties: transform(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),
-      max: validate == null ? void 0 : validate.max_value,
-      min: validate == null ? void 0 : validate.min_value
-    });
-    return schema;
-  };
-  const createSliderSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      step: item.step_length,
-      max: item.max_length,
-      min: item.min_length,
-      option: item.option
-    });
-    return schema;
-  };
-  const createCustomSchema = (item) => {
-    const schema = createStandardSchema(item);
-    item.fieldType && (schema.type = item.fieldType);
-    Object.assign(schema["x-component-props"], {
-      fieldItem: item
-    });
-    return schema;
-  };
-  const createCollapseSchema = (item) => {
-    return {
-      name: item.val_key,
-      type: "void",
-      title: item.alias || item.name,
-      "x-component": "COLLAPSE",
-      "x-component-props": {
-        disabled: item.is_not_fold === "1",
-        show: !!item.is_show
-      }
-    };
-  };
-  const createComplexSchema = (item) => {
-    const schema = createStandardSchema(item);
-    const properties = Array.isArray(item.properties) ? transform(item.properties) : {};
-    schema.type = item.fieldType || "void";
-    schema.properties = properties;
-    return schema;
-  };
-  const creatorMap = /* @__PURE__ */ new Map([
-    ["LINEBAR", createCollapseSchema],
-    ["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) => {
-    const suffixList = arrayed(item.suffixConfig);
-    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(suffixList.map((suffix) => {
-      return { ...suffix, is_show: "1", hide_title: "1" };
-    }));
-    return {
-      type: "void",
-      title: item.alias || item.name,
-      "x-component": "INPUT_GROUP",
-      "x-component-props": { span: item.elem_width },
-      properties: transform(fieldList)
-    };
-  };
-  const { normalize } = useTypeNormalize();
-  function transform(fieldList) {
-    let prevCollapse = null;
-    return fieldList.reduce((fin, cur) => {
-      var _a;
-      normalize(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[cur.val_key] = createCollapseSchema(cur);
-        prevCollapse = fin[cur.val_key].properties = {};
-      } else if (prevCollapse) {
-        prevCollapse[cur.val_key] = createWidgetSchema(cur);
-      } else {
-        prevCollapse = null;
-        fin[cur.val_key] = createWidgetSchema(cur);
-      }
-      return fin;
-    }, {});
-  }
-  return { transform };
-}
-
-export { useFieldList2Schema };
+export { useFieldList2Schema } from './useFieldList2Schema2.mjs';

package/es/packages/form-render/src/hooks/useFieldList2Schema2.mjs

@@ -0,0 +1,193 @@
+import { arrayed, transformDateFormat } from '../utils/index2.mjs';
+import { useFormValidator } from './useFormValidator2.mjs';
+import { isObject } from '@vueuse/core';
+import { useTypeNormalize } from './useTypeNormalize2.mjs';
+
+function useFieldList2Schema(collector) {
+  const { createValidatorSchema } = useFormValidator();
+  const createStandardSchema = (item) => {
+    const result = {
+      name: item.val_key,
+      type: "string",
+      title: item.alias || item.name,
+      "x-decorator": "FORM_ITEM",
+      "x-decorator-props": { span: item.elem_width, showLabel: item.hide_title !== "1" },
+      "x-component": item.html_type,
+      "x-component-props": { placeholder: item.placeholder, clearable: item.is_empty === "1" },
+      "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;
+    }
+    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"], {
+      prefix: item.prefix,
+      suffix: item.suffix
+    });
+    return schema;
+  };
+  const createSelectSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      urlConfig: item.urlConfig,
+      options: item.option,
+      multiple: item.multi_select === "0",
+      maxTagCount: +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,
+      deep: (_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["x-decorator-props"].showLabel = false;
+    Object.assign(schema["x-component-props"], {
+      title: item.alias || item.name,
+      properties: transform(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),
+      max: validate == null ? void 0 : validate.max_value,
+      min: validate == null ? void 0 : validate.min_value
+    });
+    return schema;
+  };
+  const createSliderSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      step: item.step_length,
+      max: item.max_length,
+      min: item.min_length,
+      option: item.option
+    });
+    return schema;
+  };
+  const createCustomSchema = (item) => {
+    const schema = createStandardSchema(item);
+    item.fieldType && (schema.type = item.fieldType);
+    Object.assign(schema["x-component-props"], {
+      fieldItem: item
+    });
+    return schema;
+  };
+  const createCollapseSchema = (item) => {
+    return {
+      name: item.val_key,
+      type: "void",
+      title: item.alias || item.name,
+      "x-component": "COLLAPSE",
+      "x-component-props": {
+        disabled: item.is_not_fold === "1",
+        show: !!item.is_show
+      }
+    };
+  };
+  const createComplexSchema = (item) => {
+    const schema = createStandardSchema(item);
+    const properties = Array.isArray(item.properties) ? transform(item.properties) : {};
+    schema.type = item.fieldType || "void";
+    schema.properties = properties;
+    return schema;
+  };
+  const creatorMap = /* @__PURE__ */ new Map([
+    ["LINEBAR", createCollapseSchema],
+    ["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) => {
+    const suffixList = arrayed(item.suffixConfig);
+    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(suffixList.map((suffix) => {
+      return { ...suffix, is_show: "1", hide_title: "1" };
+    }));
+    return {
+      type: "void",
+      title: item.alias || item.name,
+      "x-component": "INPUT_GROUP",
+      "x-component-props": { span: item.elem_width },
+      properties: transform(fieldList)
+    };
+  };
+  const { normalize } = useTypeNormalize();
+  function transform(fieldList) {
+    let prevCollapse = null;
+    return fieldList.reduce((fin, cur) => {
+      var _a;
+      normalize(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[cur.val_key] = createCollapseSchema(cur);
+        prevCollapse = fin[cur.val_key].properties = {};
+      } else if (prevCollapse) {
+        prevCollapse[cur.val_key] = createWidgetSchema(cur);
+      } else {
+        prevCollapse = null;
+        fin[cur.val_key] = createWidgetSchema(cur);
+      }
+      return fin;
+    }, {});
+  }
+  return { transform };
+}
+
+export { useFieldList2Schema };

package/es/packages/form-render/src/hooks/useFieldVisitor.mjs

@@ -1,38 +1 @@
-import { arrayed } from '../utils/index.mjs';
-import { isFunction } from '@vueuse/core';
-
-function useFieldVisitor() {
-  function traverse(fieldList, visitorMap, key = "val_key") {
-    if (!visitorMap)
-      return fieldList;
-    return fieldList.reduce((fin, field) => {
-      if (Array.isArray(field.children)) {
-        field.children = traverse(field.children, visitorMap, key);
-      }
-      if (field.suffixConfig) {
-        field.suffixConfig = traverse(arrayed(field.suffixConfig), visitorMap, key);
-      }
-      const visitor = visitorMap[field[key]];
-      let current = field;
-      const before = [];
-      const after = [];
-      isFunction(visitor) && visitor({
-        field,
-        replace(field2) {
-          current = field2;
-        },
-        insertBefore(field2) {
-          before.push(...arrayed(field2));
-        },
-        insertAfter(field2) {
-          after.push(...arrayed(field2));
-        }
-      });
-      fin.push(...before, current, ...after);
-      return fin;
-    }, []);
-  }
-  return { traverse };
-}
-
-export { useFieldVisitor };
+export { useFieldVisitor } from './useFieldVisitor2.mjs';

package/es/packages/form-render/src/hooks/useFieldVisitor2.mjs

@@ -0,0 +1,38 @@
+import { arrayed } from '../utils/index2.mjs';
+import { isFunction } from '@vueuse/core';
+
+function useFieldVisitor() {
+  function traverse(fieldList, visitorMap, key = "val_key") {
+    if (!visitorMap)
+      return fieldList;
+    return fieldList.reduce((fin, field) => {
+      if (Array.isArray(field.children)) {
+        field.children = traverse(field.children, visitorMap, key);
+      }
+      if (field.suffixConfig) {
+        field.suffixConfig = traverse(arrayed(field.suffixConfig), visitorMap, key);
+      }
+      const visitor = visitorMap[field[key]];
+      let current = field;
+      const before = [];
+      const after = [];
+      isFunction(visitor) && visitor({
+        field,
+        replace(field2) {
+          current = field2;
+        },
+        insertBefore(field2) {
+          before.push(...arrayed(field2));
+        },
+        insertAfter(field2) {
+          after.push(...arrayed(field2));
+        }
+      });
+      fin.push(...before, current, ...after);
+      return fin;
+    }, []);
+  }
+  return { traverse };
+}
+
+export { useFieldVisitor };

package/es/packages/form-render/src/hooks/useFormField.mjs

@@ -1,15 +1 @@
-import { useField } from '@formily/vue';
-import { computed } from 'vue';
-
-function useFormField() {
-  const field = useField();
-  return {
-    field,
-    title: computed(() => field.value.title),
-    fieldKey: computed(() => {
-      return field.value.props.name.toString();
-    })
-  };
-}
-
-export { useFormField };
+export { useFormField } from './useFormField2.mjs';

package/es/packages/form-render/src/hooks/useFormField2.mjs

@@ -0,0 +1,15 @@
+import { useField } from '@formily/vue';
+import { computed } from 'vue';
+
+function useFormField() {
+  const field = useField();
+  return {
+    field,
+    title: computed(() => field.value.title),
+    fieldKey: computed(() => {
+      return field.value.props.name.toString();
+    })
+  };
+}
+
+export { useFormField };