cnhis-design-vue 3.1.40-release.5 → 3.1.40

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

@@ -1,42 +0,0 @@
-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 };

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

@@ -1,26 +0,0 @@
-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 };

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

@@ -1,30 +0,0 @@
-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 { useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './src/hooks/useFormRenderOptions.js';
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcherWithKeyword, 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 };

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

@@ -1,222 +0,0 @@
-import { defineComponent, computed, onMounted, ref, watch, onUnmounted, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, withKeys, withModifiers, toDisplayString } from 'vue';
-import { createForm, onFieldValueChange } from '@formily/core';
-import { FormProvider, FormConsumer } from '@formily/vue';
-import { cloneDeep } from 'lodash-es';
-import { NForm, NTabs, NTabPane, NConfigProvider } from 'naive-ui';
-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 _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
-    }
-  },
-  emits: [
-    "formChange",
-    "annotationChange",
-    "scroll"
-  ],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { nuiThemeOverrides } = useNuiThemeOverrides();
-    validateMessageLocale();
-    useFormRenderLifeCycle(props).callLifeCycle("onSetup");
-    const formModel = createForm({
-      initialValues: props.initialData,
-      effects() {
-        onFieldValueChange("*", (field) => {
-          const fieldKey = field.props.name.toString();
-          businessCollector.trigger(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);
-        });
-      }
-    });
-    const { lowCodeReactionsHandler, triggerAllReactionsHandler } = useLowCodeReactions(
-      computed(() => props.lowCodeReactions),
-      formModel
-    );
-    onMounted(triggerAllReactionsHandler);
-    const { SchemaField, businessCollector, formItemDepsCollector, changeContextCollector, formUUID } = useFormContext(
-      props,
-      formModel,
-      emit
-    );
-    const formRenderRef = ref();
-    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 { currentAnchor, generateAnchorList, anchorIdList, formHeight, onScroll } = useAnchor(
-      props,
-      emit,
-      formRenderRef,
-      formItemDepsCollector
-    );
-    watch(parsedSchema, generateAnchorList, { immediate: true });
-    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"
-            }, {
-              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 };

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

@@ -1,49 +0,0 @@
-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 };

package/es/components/form-render/src/components/renderer/combination.js

@@ -1,114 +0,0 @@
-import { defineComponent, ref, computed, watch, inject, createVNode } from 'vue';
-import { isObjectField } from '@formily/core';
-import { RecursionField, connect } from '@formily/vue';
-import { AddCircleOutline, RemoveCircle } from '@vicons/ionicons5';
-import { isNumber, isArray, range } from 'lodash-es';
-import { NButton, NIcon } from 'naive-ui';
-import '../../../index.js';
-import { InjectionBusinessCollector } from '../../constants/index.js';
-import '../../utils/index.js';
-import { useFormField } from '../../hooks/useFormField.js';
-import { useFieldListAdaptor } from '../../hooks/useFieldListAdaptor.js';
-import { createObjSchema } from '../../utils/schema.js';
-
-const script = defineComponent({
-  name: "FormCombination",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    value: {
-      type: Array
-    },
-    maxGroupNum: {
-      type: Number
-    },
-    disabled: {
-      type: Boolean
-    },
-    getProperties: {
-      type: Function,
-      default: () => []
-    },
-    onInput: {},
-    onBlur: {},
-    onChange: {}
-  },
-  emits: ["update:value"],
-  setup(props) {
-    const {
-      field,
-      fieldKey
-    } = useFormField();
-    const currentGroupNum = ref(1);
-    const maxGroupNum = computed(() => {
-      if (!isNumber(props.maxGroupNum))
-        return Infinity;
-      if (props.maxGroupNum < 1)
-        return 0;
-      return ~~props.maxGroupNum;
-    });
-    watch(() => props.value, (value) => {
-      if (!isArray(value))
-        return;
-      currentGroupNum.value = Math.min(Math.max(value.length, 1), maxGroupNum.value);
-    }, {
-      immediate: true
-    });
-    function addGroup() {
-      currentGroupNum.value++;
-    }
-    async function removeGroup(idx) {
-      if (currentGroupNum.value > 1) {
-        currentGroupNum.value--;
-        await field.value.remove(idx);
-      } else {
-        const currentField = field.value.query(`${fieldKey.value}.${idx}`).take();
-        if (!currentField || !isObjectField(currentField))
-          return;
-        await currentField.reset();
-      }
-    }
-    const collector = inject(InjectionBusinessCollector);
-    const {
-      schemaAdaptor
-    } = useFieldListAdaptor(collector);
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__combination"
-      }, [createVNode("header", {
-        "class": "form-render__combinationHeader"
-      }, [createVNode("div", {
-        "class": "form-render__combinationHeaderText"
-      }, [props.title]), createVNode(NButton, {
-        "onClick": addGroup,
-        "type": "info",
-        "text": true,
-        "disabled": currentGroupNum.value >= maxGroupNum.value || props.disabled
-      }, {
-        icon: () => createVNode(NIcon, {
-          "component": AddCircleOutline
-        }, null),
-        default: () => "\u65B0\u589E"
-      })]), range(currentGroupNum.value).map((_, idx) => createVNode("section", {
-        "class": "form-render__combinationContent"
-      }, [createVNode(RecursionField, {
-        "schema": createObjSchema(schemaAdaptor(props.getProperties())),
-        "name": idx
-      }, null), createVNode(NButton, {
-        "text": true,
-        "type": "error",
-        "class": "form-render__combinationClose",
-        "onClick": () => removeGroup(idx)
-      }, {
-        icon: () => createVNode(NIcon, {
-          "component": RemoveCircle
-        }, null)
-      })]))]);
-    };
-  }
-});
-const COMBINATION = connect(script);
-
-export { COMBINATION };

package/es/components/form-render/src/components/renderer/complex.js

@@ -1,37 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import '../../utils/index.js';
-import { assignUpdateValue } from '../../utils/schema.js';
-
-const script = defineComponent({
-  props: {
-    onChange: {},
-    span: {
-      type: Number,
-      default: 6
-    },
-    display: {
-      type: String,
-      default: "grid"
-    },
-    wrapperStyle: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__complex"
-      }, [createVNode("section", {
-        "class": `form-render__complexContent--${props.display}`,
-        "style": props.wrapperStyle
-      }, [slots.default && slots.default()])]);
-    };
-  }
-});
-const COMPLEX = connect(script, mapProps(assignUpdateValue));
-
-export { COMPLEX };