cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.15

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

@@ -1,290 +1 @@
-import { arrayed, deepOmit } from '../../../../shared/utils/index.js';
-import { cloneDeep, pick } from 'lodash-es';
-import '../../index.js';
-import { parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
-import { useFieldNormalize } from './useFieldNormalize.js';
-import { fieldKeyEscape, createLinebarId } from '../utils/schema.js';
-import { useFormValidator } from './useFormValidator.js';
-import { transformDateFormat } from '../utils/business.js';
-
-function bindAutoGraphProps(schema, item) {
-  Object.assign(schema["x-component-props"], {
-    ...pick(item, ["wordbook", "autograph"])
-  });
-}
-function bindUrlProps(schema, item) {
-  Object.assign(schema["x-component-props"], {
-    ...pick(item, ["urlConfig"])
-  });
-}
-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 || {}
-      },
-      "x-content": item.slots,
-      "x-display": item.is_show === "0" ? "hidden" : "visible",
-      "x-pattern": item.is_edit === "0" ? "disabled" : "editable"
-    };
-    if (item.reactions) {
-      result["x-reactions"] = item.reactions;
-    }
-    if (!item.noDecorator) {
-      Object.assign(result, {
-        "x-decorator": "FORM_ITEM",
-        "x-decorator-props": {
-          fieldItem: deepOmit(item, ["reactions"]),
-          span: (item.elem_width || 3) * 2,
-          showLabel: item.hide_title !== "1",
-          remark: item.remark,
-          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);
-    if (item.urlConfig) {
-      bindUrlProps(schema, item);
-    } else if (item.autograph) {
-      bindAutoGraphProps(schema, item);
-    }
-    const multiple = item.multi_select === "0";
-    Object.assign(schema["x-component-props"], {
-      multiple,
-      options: item.option,
-      maxTagCount: parseNumberFromMaybeString(item.multi_select_value),
-      ...pick(item, ["lazyRequest", "requestCache"])
-    });
-    multiple && (schema.type = "array");
-    return schema;
-  };
-  const createRadioSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      options: item.option,
-      vertical: item.__vertical
-    });
-    bindAutoGraphProps(schema, item);
-    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 createSearchCascadeSchema = (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 createLevelSearchCascadeSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      ...pick(item, ["wordbook", "lazyRequest", "autograph"])
-    });
-    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: deepOmit(item, ["reactions"])
-    });
-    return schema;
-  };
-  const createLinebarSchema = (item) => {
-    return {
-      name: item.val_key,
-      type: "void",
-      title: item.alias || item.name,
-      "x-component": "LINEBAR",
-      "x-display": "visible",
-      "x-component-props": {
-        disabled: item.is_not_fold === "1",
-        id: createLinebarId(item.val_key),
-        show: item.is_show !== "0",
-        remark: item.remark
-      }
-    };
-  };
-  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"
-      );
-    }
-    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 createLinebreaksSchema = (item) => {
-    return {
-      name: item.val_key,
-      type: "void",
-      title: item.alias || item.name,
-      "x-component": "LINE_BREAKS",
-      "x-display": item.is_show === "0" ? "hidden" : "visible"
-    };
-  };
-  const creatorMap = /* @__PURE__ */ new Map([
-    ["LINEBAR", createLinebarSchema],
-    ["LINE_BREAKS", createLinebreaksSchema],
-    ["INPUT", createInputSchema],
-    ["INPUT_NUMBER", createInputNumberSchema],
-    ["SELECT", createSelectSchema],
-    ["REMOTE_SEARCH", createSelectSchema],
-    ["DATE", createDateSchema],
-    ["LEVEL_SEARCH_CASCADER", createLevelSearchCascadeSchema],
-    ["SEARCH_CASCADER", createSearchCascadeSchema],
-    ["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, hide_title: "1", suffixConfig: void 0 }].concat(
-      suffixList.map((suffix) => {
-        return {
-          ...suffix,
-          hide_title: "1",
-          is_show: item.is_show
-        };
-      })
-    );
-    const schema = createStandardSchema(item);
-    Object.assign(schema, {
-      type: "void",
-      name: fieldKeyEscape(fieldList),
-      title: item.alias || item.name,
-      "x-component": "INPUT_GROUP",
-      "x-component-props": { span: (item.elem_width || 3) * 2 },
-      properties: schemaAdaptor(fieldList)
-    });
-    return schema;
-  };
-  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, cloneDeep(cur));
-      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) {
-      schema["x-index"] = idx;
-      return schema;
-    }
-    function createFieldName(fieldItem) {
-      if (fieldItem.suffixConfig) {
-        return fieldKeyEscape([fieldItem, ...arrayed(fieldItem.suffixConfig)]);
-      }
-      return fieldItem.val_key;
-    }
-  }
-  return { schemaAdaptor };
-}
-
-export { useFieldListAdaptor };
+import{arrayed as e,deepOmit as o}from"../../../../shared/utils/index.js";import{cloneDeep as t,pick as n}from"lodash-es";import"../../index.js";import{parseNumberFromMaybeString as r,formRenderLog as i}from"../utils/index.js";import{useFieldNormalize as s}from"./useFieldNormalize.js";import{fieldKeyEscape as a,createLinebarId as p}from"../utils/schema.js";import{useFormValidator as l}from"./useFormValidator.js";import{transformDateFormat as c}from"../utils/business.js";function m(e,o){Object.assign(e["x-component-props"],{...n(o,["wordbook","autograph"])})}function u(u){const{createValidatorSchema:d}=l(),f=e=>{var t;const n={name:e.val_key,type:null!=(t=e.fieldType)?t:"string",title:e.alias||e.name,"x-component":e.html_type,default:e.default_val,"x-component-props":{placeholder:e.placeholder,clearable:"0"===e.is_empty,...e.componentProps||{}},"x-content":e.slots,"x-display":"0"===e.is_show?"hidden":"visible","x-pattern":"0"===e.is_edit?"disabled":"editable"};e.reactions&&(n["x-reactions"]=e.reactions),e.noDecorator||Object.assign(n,{"x-decorator":"FORM_ITEM","x-decorator-props":{fieldItem:o(e,["reactions"]),span:2*(e.elem_width||3),showLabel:"1"!==e.hide_title,remark:e.remark,propertyKey:e.val_key,annotation:e.annotation,...e.decoratorProps||{}}});const r=d(e);return r&&(n["x-validator"]=r),"0"===e.is_null&&(n.required=!0),n},x=e=>{const o=f(e);e.urlConfig?function(e,o){Object.assign(e["x-component-props"],{...n(o,["urlConfig"])})}(o,e):e.autograph&&m(o,e);const t="0"===e.multi_select;return Object.assign(o["x-component-props"],{multiple:t,options:e.option,maxTagCount:r(e.multi_select_value),...n(e,["lazyRequest","requestCache"])}),t&&(o.type="array"),o},_=e=>{const o=f(e);return Object.assign(o["x-component-props"],{options:e.option,vertical:e.__vertical}),m(o,e),o},h=e=>{const t=f(e);return Object.assign(t["x-component-props"],{fieldItem:o(e,["reactions"])}),t},g=e=>({name:e.val_key,type:"void",title:e.alias||e.name,"x-component":"LINEBAR","x-display":"visible","x-component-props":{disabled:"1"===e.is_not_fold,id:p(e.val_key),show:"0"!==e.is_show,remark:e.remark}}),y=new Map([["LINEBAR",g],["LINE_BREAKS",e=>({name:e.val_key,type:"void",title:e.alias||e.name,"x-component":"LINE_BREAKS","x-display":"0"===e.is_show?"hidden":"visible"})],["INPUT",e=>{const o=f(e);return Object.assign(o["x-component-props"],{...n(e,["prefix","suffix"])}),o}],["INPUT_NUMBER",e=>{const o=f(e),{decimal_length:t,validate:n}=e;return Object.assign(o["x-component-props"],{precision:t||(null==n?void 0:n.decimal_length),prefix:e.prefix,suffix:e.suffix}),o}],["SELECT",x],["REMOTE_SEARCH",x],["DATE",e=>{const o=f(e);return Object.assign(o["x-component-props"],{valueFormat:e.date_format,type:c(e.date_format),validate:e.validate}),o}],["LEVEL_SEARCH_CASCADER",e=>{const o=f(e);return Object.assign(o["x-component-props"],{...n(e,["wordbook","lazyRequest","autograph"])}),o}],["SEARCH_CASCADER",e=>{var o;const t=f(e);return Object.assign(t["x-component-props"],{urlConfig:e.urlConfig,depth:null==(o=e.wordbook)?void 0:o.level_num,options:e.option}),t}],["COMBINATION",e=>{const o=f(e);return o.type="array",!1!==e.jsonCombination&&(o["x-component"]="JSON_COMBINATION"),Object.assign(o["x-decorator-props"],{showLabel:!1,showFeedback:!1}),Object.assign(o["x-component-props"],{title:e.alias||e.name,maxGroupNum:e.maxGroupNum,getProperties:()=>e.children||[]}),o}],["RADIO",_],["CHECKBOX",_],["SWITCH",e=>{const o=f(e);return Object.assign(o["x-component-props"],{openDescription:e.open,closeDescription:e.close}),o}],["SLIDER",e=>{const o=f(e);return Object.assign(o["x-component-props"],{step:r(e.step_length),max:r(e.max_length),min:r(e.min_length),option:e.option}),o}],["COMPLEX",e=>{const o=f(e);Array.isArray(e.properties)&&i("COMPLEX控件的properties属性已经废弃, 请使用children作为替代, 在之后的版本中properties属性将不再支持");const t=Array.isArray(e.properties||e.children)?C(e.properties||e.children):{};return o.type=e.fieldType||"void",o.properties=t,Object.assign(o["x-decorator-props"],{showFeedback:!1}),Object.assign(o["x-component-props"],n(e,["wrapperStyle","display"])),o}]]),b=e=>{if(e.suffixConfig)return v(e);return(y.get(e.html_type)||h)(e)},v=o=>{if(!o.suffixConfig)return b(o);const t=e(o.suffixConfig),n=[{...o,hide_title:"1",suffixConfig:void 0}].concat(t.map((e=>({...e,hide_title:"1",is_show:o.is_show})))),r=f(o);return Object.assign(r,{type:"void",name:a(n),title:o.alias||o.name,"x-component":"INPUT_GROUP","x-component-props":{span:2*(o.elem_width||3)},properties:C(n)}),r},{FieldNormalizeWaterfallHook:O}=s();function C(o){let n=null;return o.reduce(((e,o,s)=>{var a;const p=null==(a=(o=O.call(t(o))).validate)?void 0:a.obj_type;return p&&u.collect(p,t(o)),"LINEBAR"===o.html_type?(e[i(o)]=r(g(o),s),n=e[i(o)].properties={}):n?n[i(o)]=r(b(o),s):(n=null,e[i(o)]=r(b(o),s)),e}),{});function r(e,o){return e["x-index"]=o,e}function i(o){return o.suffixConfig?a([o,...e(o.suffixConfig)]):o.val_key}}return{schemaAdaptor:C}}export{u as useFieldListAdaptor};

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

@@ -1,65 +1 @@
-import { arrayed } from '../../../../shared/utils/index.js';
-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("__age", (fieldItem) => {
-    if (fieldItem.html_type === "AGE") {
-      fieldItem.html_type = "INPUT_NUMBER";
-      fieldItem.reactions = fieldItem.reactions ? arrayed(fieldItem.reactions) : [];
-      fieldItem.reactions.push({
-        target: fieldItem.val_key_unit,
-        fulfill: {
-          state: { disabled: "{{$self.disabled}}" }
-        }
-      });
-      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", "SEARCH_MORE"], "SELECT"],
-    ["DIGITAL", "INPUT_NUMBER"],
-    ["CHECKBOX_BLOCK", "CHECKBOX"],
-    ["RADIO_BLOCK", "RADIO"],
-    [["DATE-INPUT", "DATETIME-INPUT"], "DATE"],
-    ["SWITCH_COMPONENT", "SWITCH"],
-    ["SLIDER_COMPONENT", "SLIDER"],
-    ["LEVEL_SEARCH_CASCADE", "LEVEL_SEARCH_CASCADER"],
-    ["SEARCH_CASCADE", "SEARCH_CASCADER"]
-  ];
-  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;
-  });
-  return { FieldNormalizeWaterfallHook };
-}
-
-export { useFieldNormalize };
+import{arrayed as t}from"../../../../shared/utils/index.js";import"../../../../shared/utils/tapable/SyncHook.js";import"../../../../shared/utils/tapable/SyncBailHook.js";import e 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 as a}from"../constants/index.js";function l(){const l=new e(["fieldItem"]);l.tap("__block",(t=>(["CHECKBOX_BLOCK","RADIO_BLOCK"].includes(t.html_type)&&(t.__vertical=!0),t))),l.tap("__age",(e=>("AGE"===e.html_type&&(e.html_type="INPUT_NUMBER",e.reactions=e.reactions?t(e.reactions):[],e.reactions.push({target:e.val_key_unit,fulfill:{state:{disabled:"{{$self.disabled}}"}}}),e.suffixConfig=[{validate:{obj_type:a.AGE_UNIT},val_key:e.val_key_unit,html_type:"SELECT",option:e.option,urlConfig:e.urlConfig}]),e)));const o=[[["SEARCH","PHONE_TYPE","IDCARD_TYPE","SEARCH_MORE"],"SELECT"],["DIGITAL","INPUT_NUMBER"],["CHECKBOX_BLOCK","CHECKBOX"],["RADIO_BLOCK","RADIO"],[["DATE-INPUT","DATETIME-INPUT"],"DATE"],["SWITCH_COMPONENT","SWITCH"],["SLIDER_COMPONENT","SLIDER"],["LEVEL_SEARCH_CASCADE","LEVEL_SEARCH_CASCADER"],["SEARCH_CASCADE","SEARCH_CASCADER"]];return l.tap("__normalize",(t=>(o.some((([e,a])=>(Array.isArray(e)?e.includes(t.html_type):e===t.html_type)&&(t.html_type=a))),t))),{FieldNormalizeWaterfallHook:l}}export{l as useFieldNormalize};

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

@@ -1,46 +1 @@
-import { arrayed } from '../../../../shared/utils/index.js';
-import { isFunction } from '@vueuse/core';
-
-function useFieldVisitor() {
-  function matchFieldName(matcher, target) {
-    return matcher.split("|").some((m) => m.trim() === target);
-  }
-  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 (Array.isArray(field.properties)) {
-        field.properties = traverse(field.properties, visitorMap, key);
-      }
-      if (field.suffixConfig) {
-        field.suffixConfig = traverse(arrayed(field.suffixConfig), visitorMap, key);
-      }
-      const visitorKey = Object.keys(visitorMap).find((matcher) => {
-        return matchFieldName(matcher, field[key]);
-      });
-      const visitor = visitorKey && visitorMap[visitorKey];
-      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));
-        }
-      });
-      return fin.concat([...before, current, ...after]);
-    }, []);
-  }
-  return { traverse };
-}
-
-export { useFieldVisitor };
+import{arrayed as r}from"../../../../shared/utils/index.js";import{isFunction as e}from"@vueuse/core";function i(){return{traverse:function i(t,n,s="val_key"){return n?t.reduce(((t,o)=>{Array.isArray(o.children)&&(o.children=i(o.children,n,s)),Array.isArray(o.properties)&&(o.properties=i(o.properties,n,s)),o.suffixConfig&&(o.suffixConfig=i(r(o.suffixConfig),n,s));const f=Object.keys(n).find((r=>function(r,e){return r.split("|").some((r=>r.trim()===e))}(r,o[s]))),u=f&&n[f];let c=o;const p=[],a=[];return e(u)&&u({field:o,replace(r){c=r},insertBefore(e){p.push(...r(e))},insertAfter(e){a.push(...r(e))}}),t.concat([...p,c,...a])}),[]):t}}}export{i as useFieldVisitor};

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

@@ -1,70 +1 @@
-import { uuidGenerator } from '../../../../shared/utils/index.js';
-import { createSchemaField } from '@formily/vue';
-import { isObject } from '@vue/shared';
-import { cloneDeep } from 'lodash-es';
-import { computed, provide, readonly } from 'vue';
-import '../../index.js';
-import components from '../components/renderer/index.js';
-import { InjectionAsyncQueue, InjectionSchemaField, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionAnnotation } from '../constants/index.js';
-import { useFormRenderLifeCycle } from './useFormRenderLifeCycle.js';
-import { usePresetScope } from './usePresetScope.js';
-import { injectOrProvide, presetRequestHandler } from '../utils/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, emit) {
-  const { callLifeCycle } = useFormRenderLifeCycle(props);
-  const asyncQueue = injectOrProvide(
-    InjectionAsyncQueue,
-    () => useAsyncQueue(computed(() => props.requestInstance)).create(props.parallelism, {
-      beforeRequest(...args) {
-        return callLifeCycle("beforeRequest", cloneDeep(args)) || args[1];
-      },
-      afterRequest(...args) {
-        return callLifeCycle("afterRequest", cloneDeep(args)) || presetRequestHandler(args[1]);
-      }
-    })
-  );
-  const SchemaField = injectOrProvide(
-    InjectionSchemaField,
-    () => createSchemaField({
-      components: { ...components, ...props.components },
-      scope: Object.assign({}, usePresetScope(), props.scope)
-    }).SchemaField
-  );
-  const businessCollector = useBusinessBinding().create(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;
-        const oldValue = props.annotation[payload.property];
-        props.annotation[payload.property] = payload.value;
-        emit("annotationChange", { fieldKey: payload.property, value: payload.value, oldValue });
-      }
-    })
-  );
-  return {
-    asyncQueue,
-    SchemaField,
-    businessCollector,
-    changeContextCollector,
-    formItemDepsCollector,
-    formUUID
-  };
-}
-
-export { useFormContext };
+import{uuidGenerator as e}from"../../../../shared/utils/index.js";import{createSchemaField as o}from"@formily/vue";import{isObject as t}from"@vue/shared";import{cloneDeep as r}from"lodash-es";import{computed as s,provide as n,readonly as i}from"vue";import"../../index.js";import m from"../components/renderer/index.js";import{InjectionAsyncQueue as a,InjectionSchemaField as u,InjectionBusinessCollector as p,InjectionChangeContextCollector as c,InjectionFormItemDepsCollector as l,InjectionFormUUID as f,InjectionAnnotation as d}from"../constants/index.js";import{useFormRenderLifeCycle as j}from"./useFormRenderLifeCycle.js";import{usePresetScope as y}from"./usePresetScope.js";import{injectOrProvide as C,presetRequestHandler as h}from"../utils/index.js";import{useAsyncQueue as x}from"./useAsyncQueue.js";import{useBusinessBinding as g}from"./useBusinessBinding.js";import{useChangeContext as v}from"./useChangeContext.js";import{useFormItemDeps as b}from"./useFormItemDeps.js";function q(q,F){const{callLifeCycle:R}=j(q),I=C(a,(()=>x(s((()=>q.requestInstance))).create(q.parallelism,{beforeRequest:(...e)=>R("beforeRequest",r(e))||e[1],afterRequest:(...e)=>R("afterRequest",r(e))||h(e[1])}))),D=C(u,(()=>o({components:{...m,...q.components},scope:Object.assign({},y(),q.scope)}).SchemaField)),S=g().create(q.businessFormatter);n(p,S);const B=v().create();n(c,B);const L=b().create();n(l,L);const Q=q.uuid||e();return n(f,Q),n(d,s({get:()=>q.annotation?i(q.annotation):null,set(e){if(!t(q.annotation)||!t(e))return;const o=q.annotation[e.property];q.annotation[e.property]=e.value,F("annotationChange",{fieldKey:e.property,value:e.value,oldValue:o})}})),{asyncQueue:I,SchemaField:D,businessCollector:S,changeContextCollector:B,formItemDepsCollector:L,formUUID:Q}}export{q as useFormContext};

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

@@ -1,140 +1 @@
-import { arrayed, findAncestor } from '../../../../shared/utils/index.js';
-import { isField } from '@formily/core';
-import { Path } from '@formily/path';
-import { isObject } from '@vue/shared';
-import { isArray, isFunction } from 'lodash-es';
-import { nextTick } from 'vue';
-import '../../index.js';
-import { FormItemLineBarDepKeyPrepend, NESTED_FORM_ITEM_TYPE } from '../constants/index.js';
-import { useComplexOptionsKey } from './useComplexOptions.js';
-import { queryDecorator, queryInput, findNextWidget } from '../utils/dom.js';
-import { validateMessageParser, combineExtendKey, splitExtendKey } from '../utils/index.js';
-import { getParentLinebar } from '../utils/schema.js';
-
-function useFormExposeEvent({
-  formModel,
-  formRenderRef,
-  formUUID,
-  getFieldList,
-  formItemDepsCollector
-}) {
-  async function queryWidget(key, wrapperElement, fieldList) {
-    if (!formRenderRef.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) };
-    }
-  }
-  const { combineComplexOptionKey } = useComplexOptionsKey();
-  return {
-    validate(path = "*") {
-      return formModel.validate(path).catch((err) => {
-        return Promise.reject(Array.isArray(err) ? err.reduce(errInfoNormalize, []) : err);
-      });
-      function errInfoNormalize(result, error) {
-        if (!isObject(error))
-          return result;
-        let hasChildMessage = false;
-        if (isArray(error.messages)) {
-          error.messages.forEach((message) => {
-            if (!isObject(message))
-              return;
-            result.push(...arrayed(message).map(bindEleInfo));
-            hasChildMessage = true;
-          });
-        }
-        !hasChildMessage && result.push(bindEleInfo(error));
-        return result;
-      }
-      function bindEleInfo(info) {
-        if (info.decoratorElement)
-          return info;
-        const pattern = formModel.query(info.path);
-        const title = pattern.get("title");
-        const messages = info.messages.map(
-          (message) => errMessageNormalize(message, pattern.get("decoratorProps"))
-        );
-        const decoratorElement = queryDecorator(info.path, formRenderRef.value, formUUID);
-        return { ...info, messages, title, decoratorElement, ...queryInput(info.decoratorElement) };
-      }
-      function errMessageNormalize(message, decoratorProps) {
-        if (!decoratorProps || !decoratorProps.fieldItem)
-          return message;
-        return validateMessageParser(message, decoratorProps.fieldItem);
-      }
-    },
-    getFormValues(needCombineExtendKey = true, needCombineOptionKey = true) {
-      let result = formModel.getFormState().values;
-      if (needCombineExtendKey)
-        result = combineExtendKey(getFieldList(), result);
-      if (needCombineOptionKey)
-        result = combineComplexOptionKey(getFieldList(), result);
-      return result;
-    },
-    setFormValues(values, needSplitExtendKey = true) {
-      if (needSplitExtendKey) {
-        values = splitExtendKey(getFieldList(), values);
-      }
-      formModel.setFieldState("*", (state) => {
-        if (!isField(state))
-          return;
-        state.value = Path.getIn(values, state.path);
-      });
-    },
-    setFieldState(path, handler) {
-      formModel.setFieldState(path, handler);
-    },
-    resetFields(path = "*") {
-      return formModel.reset(path);
-    },
-    async queryWidget(key) {
-      return formRenderRef.value ? await queryWidget(key, formRenderRef.value, getFieldList()) : null;
-    }
-  };
-}
-function useFormDomEvent({
-  props,
-  formRenderRef,
-  formModel
-}) {
-  function onKeydown(event) {
-    var _a;
-    if (!props.enterToNextWidget || !formRenderRef.value)
-      return;
-    const ancestorFormItem = findAncestor(
-      event.target,
-      (ele) => ele.classList.contains("form-render__formItem")
-    );
-    if (!ancestorFormItem)
-      return;
-    const selector = `.form-render__formItem${NESTED_FORM_ITEM_TYPE.map((type) => `:not([widget-type=${type}])`).join(
-      ""
-    )}`;
-    const formItemElements = Array.from(formRenderRef.value.querySelectorAll(selector));
-    const formItemIndex = formItemElements.findIndex((ele) => ele.id === ancestorFormItem.id);
-    if (!~formItemIndex)
-      return;
-    const { widget, field } = findNextWidget(formItemElements, formItemIndex, event.target);
-    if (!widget)
-      return;
-    const formItemInstance = field && formModel.query(field).take();
-    if (formItemInstance && isFunction(props.enterToNextWidget)) {
-      props.enterToNextWidget((_a = formItemInstance.decoratorProps) == null ? void 0 : _a.fieldItem) ? focus() : onKeydown({ target: widget });
-    }
-    function focus() {
-      widget == null ? void 0 : widget.focus();
-    }
-  }
-  return { onKeydown };
-}
-
-export { useFormDomEvent, useFormExposeEvent };
+import{arrayed as e,findAncestor as t}from"../../../../shared/utils/index.js";import{isField as r}from"@formily/core";import{Path as o}from"@formily/path";import{isObject as n}from"@vue/shared";import{isArray as i,isFunction as s}from"lodash-es";import{nextTick as m}from"vue";import"../../index.js";import{FormItemLineBarDepKeyPrepend as a,NESTED_FORM_ITEM_TYPE as u}from"../constants/index.js";import{useComplexOptionsKey as l}from"./useComplexOptions.js";import{queryDecorator as f,queryInput as d,findNextWidget as c}from"../utils/dom.js";import{validateMessageParser as p,combineExtendKey as g,splitExtendKey as v}from"../utils/index.js";import{getParentLinebar as y}from"../utils/schema.js";function h({formModel:t,formRenderRef:s,formUUID:u,getFieldList:c,formItemDepsCollector:h}){const{combineComplexOptionKey:x}=l();return{validate(r="*"){return t.validate(r).catch((e=>Promise.reject(Array.isArray(e)?e.reduce(o,[]):e)));function o(t,r){if(!n(r))return t;let o=!1;return i(r.messages)&&r.messages.forEach((r=>{n(r)&&(t.push(...e(r).map(m)),o=!0)})),!o&&t.push(m(r)),t}function m(e){if(e.decoratorElement)return e;const r=t.query(e.path),o=r.get("title"),n=e.messages.map((e=>function(e,t){return t&&t.fieldItem?p(e,t.fieldItem):e}(e,r.get("decoratorProps")))),i=f(e.path,s.value,u);return{...e,messages:n,title:o,decoratorElement:i,...d(e.decoratorElement)}}},getFormValues(e=!0,r=!0){let o=t.getFormState().values;return e&&(o=g(c(),o)),r&&(o=x(c(),o)),o},setFormValues(e,n=!0){n&&(e=v(c(),e)),t.setFieldState("*",(t=>{r(t)&&(t.value=o.getIn(e,t.path))}))},setFieldState(e,r){t.setFieldState(e,r)},resetFields:(e="*")=>t.reset(e),queryWidget:async e=>s.value?await async function(e,t,r){if(!s.value)return i();const o=f(e,t,u);if(o)return i(o);const n=y(e,r);return n?(h.trigger(a+n,!0),await m(),i(f(e,t,u))):i();function i(e){return{decoratorElement:e,...d(e)}}}(e,s.value,c()):null}}function x({props:e,formRenderRef:r,formModel:o}){return{onKeydown:function n(i){var m;if(!e.enterToNextWidget||!r.value)return;const a=t(i.target,(e=>e.classList.contains("form-render__formItem")));if(!a)return;const l=`.form-render__formItem${u.map((e=>`:not([widget-type=${e}])`)).join("")}`,f=Array.from(r.value.querySelectorAll(l)),d=f.findIndex((e=>e.id===a.id));if(!~d)return;const{widget:p,field:g}=c(f,d,i.target);if(!p)return;const v=g&&o.query(g).take();v&&s(e.enterToNextWidget)&&(e.enterToNextWidget(null==(m=v.decoratorProps)?void 0:m.fieldItem)?null==p||p.focus():n({target:p}))}}}export{x as useFormDomEvent,h as useFormExposeEvent};

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

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