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

package/es/components/form-config/src/constants/index.js

@@ -1,61 +1 @@
-const WidgetTextMap = /* @__PURE__ */ new Map([
-  ["LINE_BAR", "\u5206\u7EBF\u680F"],
-  ["NEWLINE", "\u5206\u884C\u7B26"]
-]);
-var EditAbleField = /* @__PURE__ */ ((EditAbleField2) => {
-  EditAbleField2["NAME"] = "name";
-  EditAbleField2["NOTES"] = "notes";
-  EditAbleField2["DEFAULT_VALUE"] = "defaultValue";
-  EditAbleField2["LAYOUT_WIDTH_ENUM"] = "layoutWidthEnum";
-  EditAbleField2["DESC"] = "desc";
-  EditAbleField2["DEFAULT_EXPAND"] = "defaultExpand";
-  EditAbleField2["FOLD"] = "fold";
-  EditAbleField2["REQUIRED"] = "required";
-  EditAbleField2["EDITABLE"] = "editable";
-  return EditAbleField2;
-})(EditAbleField || {});
-function widgetWidthOptionConfig() {
-  return {
-    option: [
-      { text: "\u6574\u884C", value: "ALL_LINE" },
-      { text: "\u534A\u884C", value: "HALF_LINE" },
-      { text: "5/6", value: "FIVE_SIX" },
-      { text: "2/3", value: "TWO_THREE" },
-      { text: "1/3", value: "ONE_THREE" },
-      { text: "3/4", value: "THREE_FOUR" },
-      { text: "1/4", value: "ONE_FOUR" },
-      { text: "1/6", value: "ONE_SIX" },
-      { text: "1/8", value: "ONE_EIGHT" }
-    ]
-  };
-}
-function isShowOptionConfig() {
-  return {
-    open: { describe: "\u9ED8\u8BA4\u5C55\u5F00", value: true },
-    close: { describe: "\u9ED8\u8BA4\u6536\u8D77", value: false }
-  };
-}
-function isNotFoldOptionConfig() {
-  return {
-    open: { describe: "\u53EF\u6298\u53E0", value: true },
-    close: { describe: "\u4E0D\u53EF\u6298\u53E0", value: false }
-  };
-}
-function isEditOptionConfig() {
-  return {
-    open: { describe: "\u53EF\u7F16\u8F91", value: true },
-    close: { describe: "\u4E0D\u53EF\u7F16\u8F91", value: false }
-  };
-}
-function isNullOptionConfig() {
-  return {
-    open: { describe: "\u5FC5\u586B", value: true },
-    close: { describe: "\u4E0D\u5FC5\u586B", value: false }
-  };
-}
-const FORM_CONFIG_GROUP = "__display";
-const InjectionFieldList = Symbol("InjectionFieldList");
-const InjectionMaterialList = Symbol("InjectionMaterialList");
-const InjectionActiveFieldItem = Symbol("InjectionActiveFieldItem");
-
-export { EditAbleField, FORM_CONFIG_GROUP, InjectionActiveFieldItem, InjectionFieldList, InjectionMaterialList, WidgetTextMap, isEditOptionConfig, isNotFoldOptionConfig, isNullOptionConfig, isShowOptionConfig, widgetWidthOptionConfig };
+const e=new Map([["LINE_BAR","分线栏"],["NEWLINE","分行符"]]);var t=(e=>(e.NAME="name",e.NOTES="notes",e.DEFAULT_VALUE="defaultValue",e.LAYOUT_WIDTH_ENUM="layoutWidthEnum",e.DESC="desc",e.DEFAULT_EXPAND="defaultExpand",e.FOLD="fold",e.REQUIRED="required",e.EDITABLE="editable",e))(t||{});function l(){return{option:[{text:"整行",value:"ALL_LINE"},{text:"半行",value:"HALF_LINE"},{text:"5/6",value:"FIVE_SIX"},{text:"2/3",value:"TWO_THREE"},{text:"1/3",value:"ONE_THREE"},{text:"3/4",value:"THREE_FOUR"},{text:"1/4",value:"ONE_FOUR"},{text:"1/6",value:"ONE_SIX"},{text:"1/8",value:"ONE_EIGHT"}]}}function n(){return{open:{describe:"默认展开",value:!0},close:{describe:"默认收起",value:!1}}}function u(){return{open:{describe:"可折叠",value:!0},close:{describe:"不可折叠",value:!1}}}function E(){return{open:{describe:"可编辑",value:!0},close:{describe:"不可编辑",value:!1}}}function a(){return{open:{describe:"必填",value:!0},close:{describe:"不必填",value:!1}}}const i="__display",o=Symbol("InjectionFieldList"),c=Symbol("InjectionMaterialList"),r=Symbol("InjectionActiveFieldItem");export{t as EditAbleField,i as FORM_CONFIG_GROUP,r as InjectionActiveFieldItem,o as InjectionFieldList,c as InjectionMaterialList,e as WidgetTextMap,E as isEditOptionConfig,u as isNotFoldOptionConfig,a as isNullOptionConfig,n as isShowOptionConfig,l as widgetWidthOptionConfig};

package/es/components/form-config/src/hooks/index.js

@@ -1,3 +1 @@
-export { usePresetRenderer } from './usePresetRenderer.js';
-export { useSortableConfig } from './useSortalbeConfig.js';
-export { useConfigurationField } from './useConfigurationField.js';
+export{usePresetRenderer}from"./usePresetRenderer.js";export{useSortableConfig}from"./useSortalbeConfig.js";export{useConfigurationField}from"./useConfigurationField.js";

package/es/components/form-config/src/hooks/useConfigurationField.js

@@ -1,90 +1 @@
-import { isArray } from 'lodash-es';
-import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOptionConfig, isEditOptionConfig, isNullOptionConfig } from '../constants/index.js';
-
-function useConfigurationField() {
-  const fieldMap = /* @__PURE__ */ new Map([
-    [EditAbleField.NAME, () => ({ alias: "\u540D\u79F0", elem_width: 6, is_null: "0", html_type: "INPUT" })],
-    [EditAbleField.NOTES, () => ({ alias: "\u95EE\u53F7\u63D0\u793A", elem_width: 6, html_type: "INPUT" })],
-    [
-      EditAbleField.DEFAULT_VALUE,
-      (fieldItem) => {
-        if (isArray(fieldItem == null ? void 0 : fieldItem.options) && fieldItem.options.length) {
-          return { alias: "\u9ED8\u8BA4\u503C", elem_width: 6, html_type: "SELECT", option: fieldItem == null ? void 0 : fieldItem.options };
-        }
-        return { alias: "\u9ED8\u8BA4\u503C", elem_width: 6, html_type: "INPUT", validate: { max_length: 20 } };
-      }
-    ],
-    [
-      EditAbleField.LAYOUT_WIDTH_ENUM,
-      () => ({ alias: "\u5BBD\u5EA6", fieldType: "number", html_type: "SELECT", elem_width: 6, ...widgetWidthOptionConfig() })
-    ],
-    [
-      EditAbleField.DESC,
-      () => ({ alias: "\u8BF4\u660E\u6587\u672C", elem_width: 6, html_type: "INPUT", validate: { max_length: 30 } })
-    ],
-    [
-      EditAbleField.DEFAULT_EXPAND,
-      () => ({ alias: "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00", html_type: "SWITCH", elem_width: 6, ...isShowOptionConfig() })
-    ],
-    [
-      EditAbleField.FOLD,
-      () => ({ alias: "\u662F\u5426\u53EF\u6298\u53E0", html_type: "SWITCH", elem_width: 6, ...isNotFoldOptionConfig() })
-    ],
-    [
-      EditAbleField.EDITABLE,
-      () => ({
-        alias: "\u662F\u5426\u53EF\u7F16\u8F91",
-        html_type: "SWITCH",
-        elem_width: 6,
-        ...isEditOptionConfig()
-      })
-    ],
-    [
-      EditAbleField.REQUIRED,
-      (fieldItem) => ({
-        alias: "\u662F\u5426\u5FC5\u586B",
-        html_type: "SWITCH",
-        elem_width: 6,
-        is_edit: (fieldItem == null ? void 0 : fieldItem.requiredDisabled) ? "0" : "1",
-        ...isNullOptionConfig()
-      })
-    ]
-  ]);
-  function generateFieldListByKeys(fieldItem, keyList) {
-    return keyList.map((key) => {
-      var _a, _b;
-      return { ...(_b = (_a = fieldMap.get(key)) == null ? void 0 : _a(fieldItem)) != null ? _b : {}, val_key: key };
-    });
-  }
-  function generateFieldListByFieldItem(fieldItem) {
-    const htmlMap = new Map([
-      [
-        "LINE_BAR",
-        [
-          EditAbleField.NAME,
-          EditAbleField.LAYOUT_WIDTH_ENUM,
-          EditAbleField.NOTES,
-          EditAbleField.DEFAULT_EXPAND,
-          EditAbleField.FOLD
-        ]
-      ],
-      ...["NEWLINE", "COMPLEX", "COMBINATION"].map(
-        (key) => [key, [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM]]
-      )
-    ]);
-    const defaultItems = [
-      EditAbleField.NAME,
-      EditAbleField.DEFAULT_VALUE,
-      EditAbleField.LAYOUT_WIDTH_ENUM,
-      EditAbleField.DESC,
-      EditAbleField.NOTES,
-      EditAbleField.EDITABLE,
-      EditAbleField.REQUIRED
-    ];
-    const keys = htmlMap.get(fieldItem.type) || defaultItems;
-    return generateFieldListByKeys(fieldItem, keys);
-  }
-  return { generateFieldListByKeys, generateFieldListByFieldItem };
-}
-
-export { useConfigurationField };
+import{isArray as e}from"lodash-es";import{EditAbleField as t,widgetWidthOptionConfig as l,isShowOptionConfig as i,isNotFoldOptionConfig as _,isEditOptionConfig as a,isNullOptionConfig as E}from"../constants/index.js";function n(){const n=new Map([[t.NAME,()=>({alias:"名称",elem_width:6,is_null:"0",html_type:"INPUT"})],[t.NOTES,()=>({alias:"问号提示",elem_width:6,html_type:"INPUT"})],[t.DEFAULT_VALUE,t=>e(null==t?void 0:t.options)&&t.options.length?{alias:"默认值",elem_width:6,html_type:"SELECT",option:null==t?void 0:t.options}:{alias:"默认值",elem_width:6,html_type:"INPUT",validate:{max_length:20}}],[t.LAYOUT_WIDTH_ENUM,()=>({alias:"宽度",fieldType:"number",html_type:"SELECT",elem_width:6,...l()})],[t.DESC,()=>({alias:"说明文本",elem_width:6,html_type:"INPUT",validate:{max_length:30}})],[t.DEFAULT_EXPAND,()=>({alias:"是否默认展开",html_type:"SWITCH",elem_width:6,...i()})],[t.FOLD,()=>({alias:"是否可折叠",html_type:"SWITCH",elem_width:6,..._()})],[t.EDITABLE,()=>({alias:"是否可编辑",html_type:"SWITCH",elem_width:6,...a()})],[t.REQUIRED,e=>({alias:"是否必填",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.requiredDisabled)?"0":"1",...E()})]]);function m(e,t){return t.map((t=>{var l,i;return{...null!=(i=null==(l=n.get(t))?void 0:l(e))?i:{},val_key:t}}))}return{generateFieldListByKeys:m,generateFieldListByFieldItem:function(e){const l=new Map([["LINE_BAR",[t.NAME,t.LAYOUT_WIDTH_ENUM,t.NOTES,t.DEFAULT_EXPAND,t.FOLD]],...["NEWLINE","COMPLEX","COMBINATION"].map((e=>[e,[t.NAME,t.LAYOUT_WIDTH_ENUM]]))]),i=[t.NAME,t.DEFAULT_VALUE,t.LAYOUT_WIDTH_ENUM,t.DESC,t.NOTES,t.EDITABLE,t.REQUIRED];return m(e,l.get(e.type)||i)}}}export{n as useConfigurationField};

package/es/components/form-config/src/hooks/useDataNormalize.js

@@ -1,35 +1 @@
-import { omit } from 'lodash-es';
-
-function useDataNormalize() {
-  function transform(fieldList) {
-    let prevLinebarChildren = null;
-    return fieldList.reduce((res, field) => {
-      if (field.type === "LINE_BAR") {
-        field.children = [];
-        prevLinebarChildren = field.children;
-        res.push(field);
-        return res;
-      }
-      if (prevLinebarChildren) {
-        prevLinebarChildren.push(field);
-        return res;
-      }
-      res.push(field);
-      return res;
-    }, []);
-  }
-  function inverseTransform(fieldList) {
-    return fieldList.reduce((res, field) => {
-      if (field.type === "LINE_BAR") {
-        res.push(omit(field, ["children"]));
-        res.push(...field.children || []);
-      } else {
-        res.push(field);
-      }
-      return res;
-    }, []);
-  }
-  return { transform, inverseTransform };
-}
-
-export { useDataNormalize };
+import{omit as r}from"lodash-es";function e(){return{transform:function(r){let e=null;return r.reduce(((r,n)=>"LINE_BAR"===n.type?(n.children=[],e=n.children,r.push(n),r):e?(e.push(n),r):(r.push(n),r)),[])},inverseTransform:function(e){return e.reduce(((e,n)=>("LINE_BAR"===n.type?(e.push(r(n,["children"])),e.push(...n.children||[])):e.push(n),e)),[])}}}export{e as useDataNormalize};

package/es/components/form-config/src/hooks/usePresetRenderer.js

@@ -1,36 +1 @@
-import { isString, isArray, isFunction } from 'lodash-es';
-import { computed } from 'vue';
-import ComplexNode from '../components/renderer/ComplexNode.vue.js';
-import DefaultNode from '../components/renderer/DefaultNode.vue.js';
-
-function usePresetRenderer() {
-  const renderDefaultNode = {
-    matcher: () => true,
-    renderer: DefaultNode
-  };
-  const renderComplexNode = {
-    matcher: ["COMPLEX", "COMBINATION", "LINE_BAR"],
-    renderer: ComplexNode
-  };
-  const rendererWithPreset = computed(() => {
-    return [renderComplexNode, renderDefaultNode];
-  });
-  function getRenderer(fieldItem) {
-    return rendererWithPreset.value.find(({
-      matcher
-    }) => {
-      if (isString(matcher))
-        return matcher === fieldItem.type;
-      if (isArray(matcher))
-        return matcher.includes(fieldItem.type);
-      if (isFunction(matcher))
-        return matcher(fieldItem.type);
-      return matcher.test(fieldItem.type);
-    }).renderer;
-  }
-  return {
-    getRenderer
-  };
-}
-
-export { usePresetRenderer };
+import{isString as e,isArray as r,isFunction as t}from"lodash-es";import{computed as o}from"vue";import n from"../components/renderer/ComplexNode.vue.js";import m from"../components/renderer/DefaultNode.vue.js";function p(){const p={matcher:()=>!0,renderer:m},d={matcher:["COMPLEX","COMBINATION","LINE_BAR"],renderer:n},u=o((()=>[d,p]));return{getRenderer:function(o){return u.value.find((({matcher:n})=>e(n)?n===o.type:r(n)?n.includes(o.type):t(n)?n(o.type):n.test(o.type))).renderer}}}export{p as usePresetRenderer};

package/es/components/form-config/src/hooks/useSortalbeConfig.js

@@ -1,42 +1 @@
-import { findAncestor } from '../../../../shared/utils/index.js';
-import { FORM_CONFIG_GROUP } from '../constants/index.js';
-
-function useSortableConfig() {
-  let timer = null;
-  function onChoose({ target, item }) {
-    timer = setTimeout(() => {
-      target.classList.add("is-choosing-area");
-      item.classList.add("is-choosing");
-    }, 200);
-  }
-  function onUnchoose({ from, to, target, item }) {
-    clearTimeout(timer);
-    [from, to, target].forEach((ele) => {
-      ele.classList.remove("is-choosing-area");
-    });
-    item.classList.remove("is-choosing");
-  }
-  let prevTo;
-  function onMove({ to, from, dragged }) {
-    if (dragged.dataset.type === "LINE_BAR" && findAncestor(to, (ele) => ele.dataset.type === "LINE_BAR")) {
-      return false;
-    }
-    prevTo == null ? void 0 : prevTo.classList.remove("is-choosing-area");
-    prevTo = to;
-    to !== from && from.classList.remove("is-choosing-area");
-    to.classList.add("is-choosing-area");
-  }
-  const getCommonConfig = (formConfig) => ({
-    move: onMove,
-    onChoose,
-    onUnchoose,
-    tag: "section",
-    forceFallback: false,
-    animation: "150",
-    "item-key": "key",
-    group: (formConfig == null ? void 0 : formConfig.type) === "COMBINATION" ? formConfig.key : FORM_CONFIG_GROUP
-  });
-  return { getCommonConfig };
-}
-
-export { useSortableConfig };
+import{findAncestor as o}from"../../../../shared/utils/index.js";import{FORM_CONFIG_GROUP as s}from"../constants/index.js";function e(){let e,t=null;function i({target:o,item:s}){t=setTimeout((()=>{o.classList.add("is-choosing-area"),s.classList.add("is-choosing")}),200)}function a({from:o,to:s,target:e,item:i}){clearTimeout(t),[o,s,e].forEach((o=>{o.classList.remove("is-choosing-area")})),i.classList.remove("is-choosing")}function n({to:s,from:t,dragged:i}){if("LINE_BAR"===i.dataset.type&&o(s,(o=>"LINE_BAR"===o.dataset.type)))return!1;null==e||e.classList.remove("is-choosing-area"),e=s,s!==t&&t.classList.remove("is-choosing-area"),s.classList.add("is-choosing-area")}return{getCommonConfig:o=>({move:n,onChoose:i,onUnchoose:a,tag:"section",forceFallback:!1,animation:"150","item-key":"key",group:"COMBINATION"===(null==o?void 0:o.type)?o.key:s})}}export{e as useSortableConfig};

package/es/components/form-config/src/utils/index.js

@@ -1,26 +1 @@
-import { ref } from 'vue';
-
-function layoutWidthEnum2Column(layoutWidthEnum) {
-  const transferMap = {
-    ALL_LINE: 24,
-    HALF_LINE: 12,
-    FIVE_SIX: 20,
-    TWO_THREE: 16,
-    ONE_THREE: 8,
-    THREE_FOUR: 18,
-    ONE_FOUR: 6,
-    ONE_SIX: 4,
-    ONE_EIGHT: 3
-  };
-  return transferMap[layoutWidthEnum] || 24;
-}
-const hovering = ref();
-function bindHover(fieldItem) {
-  return {
-    onMouseenter: () => hovering.value = fieldItem,
-    onMouseleave: () => hovering.value = void 0,
-    "is-hovering": hovering.value === fieldItem
-  };
-}
-
-export { bindHover, layoutWidthEnum2Column };
+import{ref as e}from"vue";function E(e){return{ALL_LINE:24,HALF_LINE:12,FIVE_SIX:20,TWO_THREE:16,ONE_THREE:8,THREE_FOUR:18,ONE_FOUR:6,ONE_SIX:4,ONE_EIGHT:3}[e]||24}const o=e();function n(e){return{onMouseenter:()=>o.value=e,onMouseleave:()=>o.value=void 0,"is-hovering":o.value===e}}export{n as bindHover,E as layoutWidthEnum2Column};

package/es/components/form-render/index.js

@@ -1,30 +1 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/FormRenderWrapper.vue.js';
-export { useFieldListAdaptor } from './src/hooks/useFieldListAdaptor.js';
-export { useFormRequest } from './src/hooks/useFormRequest.js';
-export { useCommonLog } from './src/hooks/useCommonLog.js';
-export { useFormField } from './src/hooks/useFormField.js';
-export { AsyncQueue, useAsyncQueue } from './src/hooks/useAsyncQueue.js';
-export { useFieldVisitor } from './src/hooks/useFieldVisitor.js';
-export { useFieldNormalize } from './src/hooks/useFieldNormalize.js';
-export { useFormValidator, validateMessageLocale } from './src/hooks/useFormValidator.js';
-export { BusinessCollector, useBusinessBinding } from './src/hooks/useBusinessBinding.js';
-export { ContextCollector, useChangeContext } from './src/hooks/useChangeContext.js';
-export { FormItemDepsCollector, useFormItemDeps } from './src/hooks/useFormItemDeps.js';
-export { useAnchor } from './src/hooks/useAnchor.js';
-export { useFormContext } from './src/hooks/useFormContext.js';
-export { useCommonInjection, useSelectOptionProps } from './src/hooks/useCommonInjection.js';
-export { searchContentMatcher, useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './src/hooks/useFormRenderOptions.js';
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, keywordMatcher, mergeDeepProperties, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
-export * from '@formily/core';
-export { businessDateParser, isIdCard, isMobile, parseAge2Birthday, parseAgeFromContext, parseBirthday, parseIdCard, transformDateFormat } from './src/utils/business.js';
-export { findNextWidget, queryDecorator, queryInput } from './src/utils/dom.js';
-export { assignClearBindVisited, assignUpdateValue, assignValueBindKey, createLinebarId, createObjSchema, createVisitedSetter, dotEscape, fieldKeyEscape, getParentLinebar, traverseDependKey, traverseSchema } from './src/utils/schema.js';
-
-const FormRender = script;
-FormRender.install = function(app) {
-  safeComponentRegister(app, FormRender, COMPONENT_NAMESPACE + "FormRender");
-};
-
-export { FormRender as default };
+import{COMPONENT_NAMESPACE as e}from"../../shared/global/variable.js";import{safeComponentRegister as s}from"../../shared/utils/index.js";import r from"./src/FormRenderWrapper.vue.js";export{useFieldListAdaptor}from"./src/hooks/useFieldListAdaptor.js";export{useFormRequest}from"./src/hooks/useFormRequest.js";export{useCommonLog}from"./src/hooks/useCommonLog.js";export{useFormField}from"./src/hooks/useFormField.js";export{AsyncQueue,useAsyncQueue}from"./src/hooks/useAsyncQueue.js";export{useFieldVisitor}from"./src/hooks/useFieldVisitor.js";export{useFieldNormalize}from"./src/hooks/useFieldNormalize.js";export{useFormValidator,validateMessageLocale}from"./src/hooks/useFormValidator.js";export{BusinessCollector,useBusinessBinding}from"./src/hooks/useBusinessBinding.js";export{ContextCollector,useChangeContext}from"./src/hooks/useChangeContext.js";export{FormItemDepsCollector,useFormItemDeps}from"./src/hooks/useFormItemDeps.js";export{useAnchor}from"./src/hooks/useAnchor.js";export{useFormContext}from"./src/hooks/useFormContext.js";export{useCommonInjection,useSelectOptionProps}from"./src/hooks/useCommonInjection.js";export{searchContentMatcher,useAutographOptions,useRecommendOptions,useUrlConfigOptions}from"./src/hooks/useFormRenderOptions.js";export{combineExtendKey,createInputSlot,createSlot,createUrlConfigParams,formRenderLog,injectOrProvide,isNestedFieldType,isNestedType,keywordMatcher,mergeDeepProperties,parseNumberFromMaybeString,presetRequestHandler,splitExtendKey,validateMessageParser}from"./src/utils/index.js";export*from"@formily/core";export{businessDateParser,isIdCard,isMobile,parseAge2Birthday,parseAgeFromContext,parseBirthday,parseIdCard,transformDateFormat}from"./src/utils/business.js";export{findNextWidget,queryDecorator,queryInput}from"./src/utils/dom.js";export{assignClearBindVisited,assignUpdateValue,assignValueBindKey,createLinebarId,createObjSchema,createVisitedSetter,dotEscape,fieldKeyEscape,getParentLinebar,traverseDependKey,traverseSchema}from"./src/utils/schema.js";const o=r;o.install=function(r){s(r,o,e+"FormRender")};export{o as default};

package/es/components/form-render/src/FormRender.vue.js

@@ -1,239 +1 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, withKeys, withModifiers, toDisplayString } from 'vue';
-import { createForm, onFieldValueChange, onFieldReact, onFormMount } from '@formily/core';
-import { FormProvider, FormConsumer } from '@formily/vue';
-import { isNumber, cloneDeep } from 'lodash-es';
-import { NForm, NTabs, NTabPane, NConfigProvider } from 'naive-ui';
-import { useAutoHidden } from './hooks/useAutoHidden.js';
-import { useComplexOptionsSpan } from './hooks/useComplexOptions.js';
-import { useFormDomEvent, useFormExposeEvent } from './hooks/useFormEvent.js';
-import { useFormRenderLifeCycle } from './hooks/useFormRenderLifeCycle.js';
-import { useLowCodeReactions } from './hooks/useLowCodeReactions.js';
-import { useNuiThemeOverrides } from './hooks/useNuiThemeOverrides.js';
-import './utils/index.js';
-import { useFieldListAdaptor } from './hooks/useFieldListAdaptor.js';
-import '../../../shared/utils/index.js';
-import '../index.js';
-import { useFieldVisitor } from './hooks/useFieldVisitor.js';
-import '../../../shared/utils/tapable/SyncHook.js';
-import '../../../shared/utils/tapable/SyncBailHook.js';
-import '../../../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 { validateMessageLocale } from './hooks/useFormValidator.js';
-import '@vueuse/core';
-import 'date-fns';
-import { useAnchor } from './hooks/useAnchor.js';
-import { useFormContext } from './hooks/useFormContext.js';
-import './hooks/useFormRenderOptions.js';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-import { createObjSchema } from './utils/schema.js';
-
-const _hoisted_1 = {
-  key: 0,
-  style: { "height": "54px" }
-};
-const _hoisted_2 = { style: { "white-space": "pre" } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormRender",
-  props: {
-    fieldList: { type: Array },
-    initialData: { type: Object, default: () => ({}) },
-    fieldVisitor: { type: Object },
-    column: { type: Number, default: 24 },
-    maxHeight: { type: [Number, String], default: "" },
-    anchor: { type: Boolean, default: false },
-    parallelism: { type: Number, default: 3 },
-    businessFormatter: { type: Function },
-    schema: { type: Object },
-    components: {
-      type: Object,
-      default: () => ({})
-    },
-    scope: { type: Object, default: () => ({}) },
-    annotation: { type: Object },
-    consumer: { type: Boolean, default: false },
-    uuid: { type: String },
-    lifeCycle: { type: Object },
-    requestInstance: { type: Object },
-    enterToNextWidget: {
-      type: [Boolean, Function],
-      default: true
-    },
-    lowCodeReactions: {
-      type: Array
-    },
-    linebarAutoHidden: { type: Boolean }
-  },
-  emits: [
-    "formChange",
-    "annotationChange",
-    "scroll"
-  ],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { nuiThemeOverrides } = useNuiThemeOverrides();
-    validateMessageLocale();
-    const formRenderRef = ref();
-    const formHeight = computed(() => {
-      if (isNumber(props.maxHeight))
-        return props.maxHeight + "px";
-      return props.maxHeight;
-    });
-    const { SchemaField, businessCollector, formItemDepsCollector, changeContextCollector, formUUID } = useFormContext(
-      props,
-      emit
-    );
-    const { anchorBarRef, currentAnchor, generateAnchorList, updateAnchorList, anchorIdList, onScroll } = useAnchor(
-      props,
-      emit,
-      formRenderRef,
-      formItemDepsCollector
-    );
-    useFormRenderLifeCycle(props).callLifeCycle("onSetup");
-    const { trigger: triggerAutoHidden } = useAutoHidden();
-    const formModel = createForm({
-      initialValues: props.initialData,
-      effects(_formModel) {
-        onFieldValueChange("*", (field) => {
-          const fieldKey = field.props.name.toString();
-          businessCollector.trigger(_formModel, fieldKey);
-          formItemDepsCollector.trigger(fieldKey);
-          emit("formChange", {
-            fieldInstance: field,
-            fieldKey,
-            fieldName: field.title,
-            value: field.value,
-            context: changeContextCollector.getContext(fieldKey, field.value)
-          });
-          lowCodeReactionsHandler(fieldKey, field.value);
-        });
-        if (props.linebarAutoHidden) {
-          onFieldReact("*", triggerAutoHidden);
-          onFormMount((formModel2) => formModel2.query("*").forEach(triggerAutoHidden));
-        }
-        if (props.anchor) {
-          onFieldReact("*", updateAnchorList);
-          onFormMount(generateAnchorList);
-        }
-      }
-    });
-    const { lowCodeReactionsHandler, triggerAllReactionsHandler } = useLowCodeReactions(
-      computed(() => props.lowCodeReactions),
-      formModel
-    );
-    onMounted(triggerAllReactionsHandler);
-    const { schemaAdaptor } = useFieldListAdaptor(businessCollector);
-    let _fieldList = props.fieldList || [];
-    const parsedSchema = computed(() => {
-      if (props.schema) {
-        return props.schema;
-      }
-      if (props.fieldList) {
-        _fieldList = useFieldVisitor().traverse(cloneDeep(props.fieldList), props.fieldVisitor);
-        return createObjSchema(schemaAdaptor(_fieldList));
-      }
-      return createObjSchema({});
-    });
-    const { onKeydown } = useFormDomEvent({ formModel, formRenderRef, props });
-    const { clearSpan } = useComplexOptionsSpan();
-    onUnmounted(() => clearSpan(formUUID));
-    const exposeEvent = useFormExposeEvent({
-      formModel,
-      formRenderRef,
-      formItemDepsCollector,
-      getFieldList: () => _fieldList,
-      formUUID
-    });
-    expose({
-      formModel,
-      validate(path = "*") {
-        return exposeEvent.validate(path);
-      },
-      getFormValues(needCombineExtendKey = true, needCombineOptionKey = true) {
-        return exposeEvent.getFormValues(needCombineExtendKey, needCombineOptionKey);
-      },
-      setFormValues(values, needSplitExtendKey = true) {
-        return exposeEvent.setFormValues(values, needSplitExtendKey);
-      },
-      setFieldState(path, handler) {
-        exposeEvent.setFieldState(path, handler);
-      },
-      resetFields(path = "*") {
-        exposeEvent.resetFields(path);
-      },
-      async queryWidget(key) {
-        return exposeEvent.queryWidget(key);
-      },
-      async reload() {
-        console.error("reload function is abstract,it should be overwrite!");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NForm), {
-        class: "form-render",
-        "require-mark-placement": "left"
-      }, {
-        default: withCtx(() => [
-          __props.anchor ? (openBlock(), createElementBlock("section", _hoisted_1, [
-            createVNode(unref(NTabs), {
-              value: unref(currentAnchor),
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(currentAnchor) ? currentAnchor.value = $event : null),
-              type: "line",
-              ref_key: "anchorBarRef",
-              ref: anchorBarRef
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(anchorIdList), (anchor) => {
-                  return openBlock(), createBlock(unref(NTabPane), {
-                    name: anchor.name,
-                    tab: anchor.title,
-                    key: anchor.name
-                  }, null, 8, ["name", "tab"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["value"])
-          ])) : createCommentVNode("v-if", true),
-          createVNode(unref(NConfigProvider), { "theme-overrides": unref(nuiThemeOverrides) }, {
-            default: withCtx(() => [
-              createElementVNode("section", {
-                class: "form-render__wrapper",
-                style: normalizeStyle({ "--column": __props.column, "--form-height": unref(formHeight) }),
-                ref_key: "formRenderRef",
-                ref: formRenderRef,
-                onScroll: _cache[1] || (_cache[1] = (...args) => unref(onScroll) && unref(onScroll)(...args)),
-                onKeydownCapture: _cache[2] || (_cache[2] = withKeys(withModifiers(
-                  (...args) => unref(onKeydown) && unref(onKeydown)(...args),
-                  ["prevent"]
-                ), ["enter"]))
-              }, [
-                createVNode(unref(FormProvider), { form: unref(formModel) }, {
-                  default: withCtx(() => [
-                    createVNode(unref(SchemaField), { schema: unref(parsedSchema) }, null, 8, ["schema"]),
-                    __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
-                      default: withCtx(({ form }) => [
-                        createElementVNode("div", _hoisted_2, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("v-if", true)
-                  ]),
-                  _: 1
-                }, 8, ["form"])
-              ], 36)
-            ]),
-            _: 1
-          }, 8, ["theme-overrides"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-var FormRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormRender.vue"]]);
-
-export { FormRender as default };
+import{defineComponent as e,ref as o,computed as t,onMounted as r,onUnmounted as s,openBlock as a,createBlock as i,unref as l,withCtx as n,createElementBlock as m,createVNode as p,isRef as u,Fragment as d,renderList as c,createCommentVNode as f,createElementVNode as h,normalizeStyle as y,withKeys as j,withModifiers as g,toDisplayString as v}from"vue";import{createForm as b,onFieldValueChange as k,onFieldReact as F,onFormMount as C}from"@formily/core";import{FormProvider as H,FormConsumer as S}from"@formily/vue";import{isNumber as x,cloneDeep as A}from"lodash-es";import{NForm as R,NTabs as _,NTabPane as L,NConfigProvider as O}from"naive-ui";import{useAutoHidden as w}from"./hooks/useAutoHidden.js";import{useComplexOptionsSpan as B}from"./hooks/useComplexOptions.js";import{useFormDomEvent as V,useFormExposeEvent as I}from"./hooks/useFormEvent.js";import{useFormRenderLifeCycle as N}from"./hooks/useFormRenderLifeCycle.js";import{useLowCodeReactions as D}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as q}from"./hooks/useNuiThemeOverrides.js";import"./utils/index.js";import{useFieldListAdaptor as U}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/index.js";import"../index.js";import{useFieldVisitor as W}from"./hooks/useFieldVisitor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../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{validateMessageLocale as K}from"./hooks/useFormValidator.js";import"@vueuse/core";import"date-fns";import{useAnchor as M}from"./hooks/useAnchor.js";import{useFormContext as T}from"./hooks/useFormContext.js";import"./hooks/useFormRenderOptions.js";import E from"../../../_virtual/plugin-vue_export-helper.js";import{createObjSchema as P}from"./utils/schema.js";const J={key:0,style:{height:"54px"}},z={style:{"white-space":"pre"}};var G=E(e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},lowCodeReactions:{type:Array},linebarAutoHidden:{type:Boolean}},emits:["formChange","annotationChange","scroll"],setup(e,{expose:E,emit:G}){const Q=e,{nuiThemeOverrides:X}=q();K();const Y=o(),Z=t((()=>x(Q.maxHeight)?Q.maxHeight+"px":Q.maxHeight)),{SchemaField:$,businessCollector:ee,formItemDepsCollector:oe,changeContextCollector:te,formUUID:re}=T(Q,G),{anchorBarRef:se,currentAnchor:ae,generateAnchorList:ie,updateAnchorList:le,anchorIdList:ne,onScroll:me}=M(Q,G,Y,oe);N(Q).callLifeCycle("onSetup");const{trigger:pe}=w(),ue=b({initialValues:Q.initialData,effects(e){k("*",(o=>{const t=o.props.name.toString();ee.trigger(e,t),oe.trigger(t),G("formChange",{fieldInstance:o,fieldKey:t,fieldName:o.title,value:o.value,context:te.getContext(t,o.value)}),de(t,o.value)})),Q.linebarAutoHidden&&(F("*",pe),C((e=>e.query("*").forEach(pe)))),Q.anchor&&(F("*",le),C(ie))}}),{lowCodeReactionsHandler:de,triggerAllReactionsHandler:ce}=D(t((()=>Q.lowCodeReactions)),ue);r(ce);const{schemaAdaptor:fe}=U(ee);let he=Q.fieldList||[];const ye=t((()=>Q.schema?Q.schema:Q.fieldList?(he=W().traverse(A(Q.fieldList),Q.fieldVisitor),P(fe(he))):P({}))),{onKeydown:je}=V({formModel:ue,formRenderRef:Y,props:Q}),{clearSpan:ge}=B();s((()=>ge(re)));const ve=I({formModel:ue,formRenderRef:Y,formItemDepsCollector:oe,getFieldList:()=>he,formUUID:re});return E({formModel:ue,validate:(e="*")=>ve.validate(e),getFormValues:(e=!0,o=!0)=>ve.getFormValues(e,o),setFormValues:(e,o=!0)=>ve.setFormValues(e,o),setFieldState(e,o){ve.setFieldState(e,o)},resetFields(e="*"){ve.resetFields(e)},queryWidget:async e=>ve.queryWidget(e),async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(a(),i(l(R),{class:"form-render","require-mark-placement":"left"},{default:n((()=>[e.anchor?(a(),m("section",J,[p(l(_),{value:l(ae),"onUpdate:value":t[0]||(t[0]=e=>u(ae)?ae.value=e:null),type:"line",ref_key:"anchorBarRef",ref:se},{default:n((()=>[(a(!0),m(d,null,c(l(ne),(e=>(a(),i(l(L),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):f("v-if",!0),p(l(O),{"theme-overrides":l(X)},{default:n((()=>[h("section",{class:"form-render__wrapper",style:y({"--column":e.column,"--form-height":l(Z)}),ref_key:"formRenderRef",ref:Y,onScroll:t[1]||(t[1]=(...e)=>l(me)&&l(me)(...e)),onKeydownCapture:t[2]||(t[2]=j(g(((...e)=>l(je)&&l(je)(...e)),["prevent"]),["enter"]))},[p(l(H),{form:l(ue)},{default:n((()=>[p(l($),{schema:l(ye)},null,8,["schema"]),e.consumer?(a(),i(l(S),{key:0},{default:n((({form:e})=>[h("div",z,v(JSON.stringify(e.values,null,2)),1)])),_:1})):f("v-if",!0)])),_:1},8,["form"])],36)])),_:1},8,["theme-overrides"])])),_:1}))}}),[["__file","FormRender.vue"]]);export{G as default};

package/es/components/form-render/src/FormRenderWrapper.vue.js

@@ -1,49 +1 @@
-import { defineComponent, ref, computed, openBlock, createBlock, nextTick } from 'vue';
-import FormRender from './FormRender.vue.js';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormRenderWrapper",
-  setup(__props, { expose }) {
-    const formRenderRef = ref();
-    const key = ref(0);
-    async function reload() {
-      key.value++;
-      await nextTick();
-    }
-    const formRenderExposeKeyList = [
-      "validate",
-      "getFormValues",
-      "setFormValues",
-      "setFieldState",
-      "resetFieldState",
-      "resetFields",
-      "queryWidget"
-    ];
-    const exposed = formRenderExposeKeyList.reduce((res, key2) => {
-      res[key2] = (...args) => {
-        var _a;
-        return (_a = formRenderRef.value) == null ? void 0 : _a[key2](...args);
-      };
-      return res;
-    }, {});
-    expose({
-      ...exposed,
-      formModel: computed(() => {
-        var _a;
-        return (_a = formRenderRef.value) == null ? void 0 : _a.formModel;
-      }),
-      reload
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(FormRender, {
-        key: key.value,
-        ref_key: "formRenderRef",
-        ref: formRenderRef
-      });
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormRenderWrapper.vue"]]);
-
-export { script as default };
+import{defineComponent as e,ref as r,computed as t,openBlock as o,createBlock as a,nextTick as l}from"vue";import u from"./FormRender.vue.js";import d from"../../../_virtual/plugin-vue_export-helper.js";var i=d(e({__name:"FormRenderWrapper",setup(e,{expose:d}){const i=r(),m=r(0);return d({...["validate","getFormValues","setFormValues","setFieldState","resetFieldState","resetFields","queryWidget"].reduce(((e,r)=>(e[r]=(...e)=>{var t;return null==(t=i.value)?void 0:t[r](...e)},e)),{}),formModel:t((()=>{var e;return null==(e=i.value)?void 0:e.formModel})),reload:async function(){m.value++,await l()}}),(e,r)=>(o(),a(u,{key:m.value,ref_key:"formRenderRef",ref:i}))}}),[["__file","FormRenderWrapper.vue"]]);export{i as default};