cnhis-design-vue 3.4.0-beta.3 → 3.4.0-beta.7

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

@@ -38,19 +38,12 @@ function useFormExposeEvent({
     await nextTick();
     return createResult(queryDecoratorByFieldKey(key, wrapperElement, formUUID));
     function createResult(decoratorElement2) {
-      return {
-        decoratorElement: decoratorElement2,
-        ...queryInput(decoratorElement2)
-      };
+      return { decoratorElement: decoratorElement2, ...queryInput(decoratorElement2) };
     }
   }
-  const {
-    applySelectedSetting
-  } = useSelectedSetting();
+  const { applySelectedSetting } = useSelectedSetting();
   return {
-    validate(path, {
-      force
-    } = {}) {
+    validate(path, { force } = {}) {
       path == null && (path = "*");
       if (isFunction(path)) {
         const validPaths = Object.entries(formModel.fields).reduce((res, [key, value]) => {
@@ -67,10 +60,7 @@ function useFormExposeEvent({
         formModel.setFieldState(path, (state) => {
           if (state.display !== "visible" || state.pattern === "editable" || !isField(state))
             return;
-          notEditableFields.push({
-            pattern: state.pattern,
-            state
-          });
+          notEditableFields.push({ pattern: state.pattern, state });
           state.pattern = "editable";
         });
       }
@@ -78,10 +68,7 @@ function useFormExposeEvent({
         return Promise.reject(Array.isArray(err) ? err.reduce(errInfoNormalize, []) : err);
       });
       if (force) {
-        notEditableFields.forEach(({
-          pattern,
-          state
-        }) => state.pattern = pattern);
+        notEditableFields.forEach(({ pattern, state }) => state.pattern = pattern);
       }
       return result;
       function errInfoNormalize(result2, error) {
@@ -104,21 +91,20 @@ function useFormExposeEvent({
           return info;
         const pattern = formModel.query(info.path);
         const title = pattern.get("title");
-        const messages = castArray(info.messages).map((message) => errMessageNormalize(message, pattern.get("decoratorProps")));
+        const messages = castArray(info.messages).map(
+          (message) => errMessageNormalize(message, pattern.get("decoratorProps"))
+        );
         const decoratorElement = queryDecoratorByAddress(info.address, formRenderRef.value, formUUID);
-        return {
-          ...info,
-          messages,
-          title,
-          decoratorElement,
-          ...queryInput(decoratorElement)
-        };
+        return { ...info, messages, title, decoratorElement, ...queryInput(decoratorElement) };
       }
       function errMessageNormalize(message, decoratorProps) {
         if (!decoratorProps || !isObject(decoratorProps.fieldItem))
           return message;
         const defined_error_msg = decoratorProps.fieldItem.defined_error_msg;
-        return validateMessageParser(defined_error_msg && isString(defined_error_msg) ? defined_error_msg : message, decoratorProps.fieldItem);
+        return validateMessageParser(
+          defined_error_msg && isString(defined_error_msg) ? defined_error_msg : message,
+          decoratorProps.fieldItem
+        );
       }
     },
     getFormValues(needCombineExtendKey = true) {
@@ -128,16 +114,19 @@ function useFormExposeEvent({
       return result;
     },
     async setFormValues(values, options) {
-      options = Object.assign({
-        avoidDependKeyConnection: true,
-        needSplitExtendKey: true,
-        avoidWordbookSettingConnection: true,
-        avoidOperationalFormConnection: true,
-        dependKeyKeepValue: false,
-        avoidBusinessConnection: false,
-        avoidFormChangeEvent: false,
-        overwrite: true
-      }, options);
+      options = Object.assign(
+        {
+          avoidDependKeyConnection: true,
+          needSplitExtendKey: true,
+          avoidWordbookSettingConnection: true,
+          avoidOperationalFormConnection: true,
+          dependKeyKeepValue: false,
+          avoidBusinessConnection: false,
+          avoidFormChangeEvent: false,
+          overwrite: true
+        },
+        options
+      );
       businessCollector.triggerDisabled = options.avoidBusinessConnection;
       formItemDepsCollector.triggerDisabled = options.avoidDependKeyConnection;
       formItemDepsCollector.keepValue = options.dependKeyKeepValue;
@@ -208,26 +197,25 @@ function useFormDomEvent({
       await promiseTimeout(0);
       if (Reflect.get(event, "stopCapture") || !props.enterToNextWidget || !formRenderRef.value)
         return;
-      const ancestorFormItem = findAncestor(event.target, (ele) => ele.classList.contains("form-render__formItem"));
+      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 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);
+      const { widget, field } = findNextWidget(formItemElements, formItemIndex, event.target);
       if (!widget)
         return;
       if (isFunction(props.enterToNextWidget)) {
         const formItemInstance = field && formModel.query(field).take();
-        !formItemInstance || props.enterToNextWidget((_b = formItemInstance.decoratorProps) == null ? void 0 : _b.fieldItem) ? focus(widget, props.autoExpand) : onKeydown({
-          target: widget,
-          code: "Enter"
-        });
+        !formItemInstance || props.enterToNextWidget((_b = formItemInstance.decoratorProps) == null ? void 0 : _b.fieldItem) ? focus(widget, props.autoExpand) : onKeydown({ target: widget, code: "Enter" });
       } else {
         focus(widget, props.autoExpand);
       }
@@ -273,9 +261,7 @@ function useFormDomEvent({
       }
     }
   }
-  return {
-    onKeydown
-  };
+  return { onKeydown };
 }
 
 export { useFormDomEvent, useFormExposeEvent };

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

@@ -8,11 +8,7 @@ function useFormGraph() {
   function removeGraph(field) {
     Reflect.deleteProperty(observeFormGraph, field.address.toString());
   }
-  return {
-    setGraph,
-    removeGraph,
-    observeFormGraph
-  };
+  return { setGraph, removeGraph, observeFormGraph };
 }
 
 export { useFormGraph };

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

@@ -14,10 +14,7 @@ class FormItemDepsCollector {
     traverseDependKey(dependKeys, (dependKey, _, dependKeyConfig) => {
       const absoluteDependKey = getAbsoluteKey(dependKey, fieldPath);
       const map = this.collector.get(absoluteDependKey) || /* @__PURE__ */ new Map();
-      map.set(fieldPath, {
-        dependKey: dependKeyConfig,
-        callback
-      });
+      map.set(fieldPath, { dependKey: dependKeyConfig, callback });
       this.collector.set(absoluteDependKey, map);
     });
   }
@@ -27,18 +24,12 @@ class FormItemDepsCollector {
     const depMap = this.collector.get(dependPath.toString());
     if (!depMap)
       return;
-    [...depMap.entries()].forEach(([key, {
-      dependKey,
-      callback
-    }]) => {
+    [...depMap.entries()].forEach(([key, { dependKey, callback }]) => {
       if (!isFunction(callback) || this.triggerDisabled && isString(this.triggerDisabled) && Path.parse(this.triggerDisabled).match(key)) {
         return;
       }
       const keepValue = isString(this.keepValue) ? Path.parse(this.keepValue).match(key) : this.keepValue;
-      callback({
-        keepValue,
-        ...dependKey
-      }, payload);
+      callback({ keepValue, ...dependKey }, payload);
     });
   }
 }
@@ -46,9 +37,7 @@ function useFormItemDeps() {
   function create() {
     return new FormItemDepsCollector();
   }
-  return {
-    create
-  };
+  return { create };
 }
 
 export { FormItemDepsCollector, useFormItemDeps };

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

@@ -4,9 +4,7 @@ function useFormRenderLifeCycle(props) {
   function callLifeCycle(lifeCycleName, payload) {
     return props.lifeCycle && isFunction(props.lifeCycle[lifeCycleName]) && props.lifeCycle[lifeCycleName].apply(void 0, payload || []);
   }
-  return {
-    callLifeCycle
-  };
+  return { callLifeCycle };
 }
 
 export { useFormRenderLifeCycle };

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

@@ -32,10 +32,7 @@ function createPropRef(props, key) {
 function useRecommendOptions(props, options, emit, labelKey, valueKey) {
   const commonListRef = createPropRef(props, "commonList");
   const recentListRef = createPropRef(props, "recentList");
-  const {
-    searchContent,
-    optionSearchFilter
-  } = useSearchContent();
+  const { searchContent, optionSearchFilter } = useSearchContent();
   function getRecommendOption(item) {
     return jsonParse(item.itemObj);
   }
@@ -61,26 +58,14 @@ function useRecommendOptions(props, options, emit, labelKey, valueKey) {
     });
     return [...optionSearchFilter(uniqRecommendList, labelKey.value), ...optionWithoutRecommend];
   });
-  const {
-    getRecommendRequestInfo,
-    getHttpInstance
-  } = useFormRequest();
+  const { getRecommendRequestInfo, getHttpInstance } = useFormRequest();
   function getRecommendConfig(type) {
-    const {
-      url,
-      getRecommendIds
-    } = getRecommendRequestInfo();
+    const { url, getRecommendIds } = getRecommendRequestInfo();
     const globInfo = isFunction(getRecommendIds) ? getRecommendIds() : {};
     const widgetInfo = isFunction(props.getRecommendInfo) ? props.getRecommendInfo() : {};
-    return {
-      url: url[type],
-      info: Object.assign({}, globInfo, widgetInfo)
-    };
+    return { url: url[type], info: Object.assign({}, globInfo, widgetInfo) };
   }
-  const {
-    fieldKey,
-    field
-  } = useFormField();
+  const { fieldKey, field } = useFormField();
   const asyncQueue = inject(InjectionAsyncQueue);
   async function getRecommend(content) {
     if (!props.recommend)
@@ -89,40 +74,30 @@ function useRecommendOptions(props, options, emit, labelKey, valueKey) {
     if (commonListRef.value && recentListRef.value && props.recommendCache)
       return;
     const list = await asyncQueue.addAsync(createParams2(fieldKey.value, props.recommendCache));
-    const {
-      commonly,
-      recently
-    } = classifyList(list);
+    const { commonly, recently } = classifyList(list);
     commonListRef.value = commonly.slice(0, props.commonNum);
     recentListRef.value = recently.slice(0, props.recentNum);
     function classifyList(list2) {
-      return list2.reduce((res, item) => {
-        if (item.type === "commonly") {
-          res.commonly.push(omit(item, ["type"]));
-        } else if (item.type === "recently") {
-          res.recently.push(omit(item, ["type"]));
-        }
-        return res;
-      }, {
-        commonly: [],
-        recently: []
-      });
+      return list2.reduce(
+        (res, item) => {
+          if (item.type === "commonly") {
+            res.commonly.push(omit(item, ["type"]));
+          } else if (item.type === "recently") {
+            res.recently.push(omit(item, ["type"]));
+          }
+          return res;
+        },
+        { commonly: [], recently: [] }
+      );
     }
     function createParams2(key, cache) {
-      const {
-        url,
-        info
-      } = getRecommendConfig("get");
+      const { url, info } = getRecommendConfig("get");
       return {
         url,
         method: "get",
         key,
         cache,
-        params: {
-          ...info,
-          recNum: Math.max(props.commonNum, props.recentNum),
-          keyword: ""
-        },
+        params: { ...info, recNum: Math.max(props.commonNum, props.recentNum), keyword: "" },
         payload: {
           field: field.value,
           labelKey: labelKey.value,
@@ -137,19 +112,19 @@ function useRecommendOptions(props, options, emit, labelKey, valueKey) {
     const http = getHttpInstance();
     if (!http)
       return;
-    const {
-      url,
-      info
-    } = getRecommendConfig("post");
+    const { url, info } = getRecommendConfig("post");
     const option = sortedOptions.value.find((o) => {
       return o[valueKey.value] === value;
     });
-    option && emit("postRecommend", await http.post(url, {
-      ...info,
-      keyword: "",
-      itemId: valueKey.value,
-      itemObj: JSON.stringify(option)
-    }));
+    option && emit(
+      "postRecommend",
+      await http.post(url, {
+        ...info,
+        keyword: "",
+        itemId: valueKey.value,
+        itemObj: JSON.stringify(option)
+      })
+    );
   }
   return {
     postRecommend,
@@ -174,9 +149,7 @@ function useUrlConfigOptions(props, valueRef, hooks) {
     var _a, _b;
     return (_b = (_a = props.urlConfig) == null ? void 0 : _a.searchKey) != null ? _b : props.searchField;
   });
-  const {
-    field
-  } = useFormField();
+  const { field } = useFormField();
   return createOptionHandler({
     props,
     labelKey,
@@ -227,12 +200,8 @@ function useAutographOptions(props, valueRef, hooks) {
     var _a;
     return (_a = wordBookShowKey.value) != null ? _a : props.showField;
   });
-  const {
-    field
-  } = useFormField();
-  const {
-    getSearchRequestInfo
-  } = useFormRequest();
+  const { field } = useFormField();
+  const { getSearchRequestInfo } = useFormRequest();
   return createOptionHandler({
     props,
     labelKey,
@@ -243,22 +212,20 @@ function useAutographOptions(props, valueRef, hooks) {
     valueRef,
     getConfig: () => props.wordbook,
     getParams: () => {
-      const {
-        wordbook,
-        autograph
-      } = props;
-      const params = createParams(field.value, {
-        autograph,
-        wordbookId: wordbook.id,
-        wordbookType: wordbook.type,
-        fieldKeys: wordbook.search_key,
-        keyword: "",
-        page: 1
-      }, wordbook.queryParams);
-      return {
-        ...getSearchRequestInfo(),
-        params
-      };
+      const { wordbook, autograph } = props;
+      const params = createParams(
+        field.value,
+        {
+          autograph,
+          wordbookId: wordbook.id,
+          wordbookType: wordbook.type,
+          fieldKeys: wordbook.search_key,
+          keyword: "",
+          page: 1
+        },
+        wordbook.queryParams
+      );
+      return { ...getSearchRequestInfo(), params };
     },
     getDependKeys: () => {
       var _a;
@@ -267,9 +234,7 @@ function useAutographOptions(props, valueRef, hooks) {
   });
 }
 function createParams(field, baseParams, dependKeys) {
-  const result = {
-    ...baseParams
-  };
+  const result = { ...baseParams };
   if (dependKeys) {
     traverseDependKey(dependKeys, (dependKey, valueKey, dependKeyConfig) => {
       const absoluteKey = getAbsoluteKey(dependKey, field.path);
@@ -298,12 +263,7 @@ function createOptionHandler({
   const asyncQueue = inject(InjectionAsyncQueue);
   const callLifeCycle = inject(InjectionFormLifeCycleCaller);
   const globProps = inject(InjectionFormGlobalProps);
-  const {
-    remoteOptions,
-    filterOptions,
-    fullOptions,
-    searchContent
-  } = useOptionFiltered(props, {
+  const { remoteOptions, filterOptions, fullOptions, searchContent } = useOptionFiltered(props, {
     labelKey,
     valueKey,
     searchKey,
@@ -312,14 +272,9 @@ function createOptionHandler({
       return (_a = props.wordSplitFilter) != null ? _a : globProps.wordSplitFilter;
     })
   });
-  const {
-    field,
-    fieldKey
-  } = useFormField();
+  const { field, fieldKey } = useFormField();
   const loading = ref(false);
-  const fetchData = async function(content, otherParams, options = {
-    avoidSearchContent: true
-  }) {
+  const fetchData = async function(content, otherParams, options = { avoidSearchContent: true }) {
     searchContent.value = content;
     if (!getConfig()) {
       return remoteOptions.value = null;
@@ -334,10 +289,7 @@ function createOptionHandler({
         valueKey: valueKey.value
       };
       const requestParams = {
-        params: {
-          ...getParams().params,
-          ...otherParams
-        },
+        params: { ...getParams().params, ...otherParams },
         key: fieldKey.value,
         cache: props.requestCache,
         payload
@@ -354,47 +306,32 @@ function createOptionHandler({
     }
   };
   const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-  watch(getConfig, (config, oldConfig) => {
-    if (isEqual(config, oldConfig))
-      return;
-    remoteOptions.value = null;
-    if (!config)
-      return remoteOptions.value = null;
-    const payload = {
-      fetchData,
-      labelKey: labelKey.value,
-      valueKey: valueKey.value
-    };
-    const {
-      onRequestConfigChange,
-      onDepsChange
-    } = hooks || {};
-    formItemDepsCollector.setDeps(field.value.path, getDependKeys() || [], async (dependKey) => {
+  watch(
+    getConfig,
+    (config, oldConfig) => {
+      if (isEqual(config, oldConfig))
+        return;
       remoteOptions.value = null;
-      if (!(dependKey == null ? void 0 : dependKey.keepValue)) {
-        valueRef.value = null;
-      }
-      if (!props.lazyRequest) {
-        onDepsChange ? onDepsChange(payload) : fetchData();
+      if (!config)
+        return remoteOptions.value = null;
+      const payload = { fetchData, labelKey: labelKey.value, valueKey: valueKey.value };
+      const { onRequestConfigChange, onDepsChange } = hooks || {};
+      formItemDepsCollector.setDeps(field.value.path, getDependKeys() || [], async (dependKey) => {
+        remoteOptions.value = null;
+        if (!(dependKey == null ? void 0 : dependKey.keepValue)) {
+          valueRef.value = null;
+        }
+        if (!props.lazyRequest) {
+          onDepsChange ? onDepsChange(payload) : fetchData();
+        }
+      });
+      if (valueRef.value || !props.lazyRequest) {
+        onRequestConfigChange ? onRequestConfigChange(payload) : fetchData();
       }
-    });
-    if (valueRef.value || !props.lazyRequest) {
-      onRequestConfigChange ? onRequestConfigChange(payload) : fetchData();
-    }
-  }, {
-    immediate: true
-  });
-  return {
-    labelKey,
-    loading,
-    showKey,
-    valueKey,
-    remoteOptions,
-    filterOptions,
-    fullOptions,
-    fetchData,
-    searchContent
-  };
+    },
+    { immediate: true }
+  );
+  return { labelKey, loading, showKey, valueKey, remoteOptions, filterOptions, fullOptions, fetchData, searchContent };
 }
 
 export { useAutographOptions, useRecommendOptions, useUrlConfigOptions };

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
 import { arrayed } from '../../../../shared/utils/index.js';
 import { once, isNumber, isString } from 'lodash-es';
 import 'vue';
@@ -43,14 +44,7 @@ function useFormValidator() {
     regular_error_tip
   }) => {
     const pattern = regular_expression || (validate == null ? void 0 : validate.regular_expression) || "";
-    const message = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip) || (validate == null ? void 0 : validate.message) || function() {
-      var _a, _b, _c;
-      try {
-        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.581")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.581")) || "\u683C\u5F0F\u9519\u8BEF";
-      } catch (e) {
-        return "\u683C\u5F0F\u9519\u8BEF";
-      }
-    }();
+    const message = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip) || (validate == null ? void 0 : validate.message) || i18n("10010.1.581", "\u683C\u5F0F\u9519\u8BEF");
     return {
       pattern,
       message

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

@@ -6,11 +6,7 @@ import { getBindEventSettingTrigger } from '../../../../shared/utils/business.js
 function lowCodeEventTrigger(field) {
   if (!isField(field))
     return;
-  const {
-    decoratorProps: {
-      fieldItem
-    } = {}
-  } = field;
+  const { decoratorProps: { fieldItem } = {} } = field;
   if (!fieldItem || !isArray(fieldItem.bindEventSetting) || !fieldItem.bindEventSetting.length)
     return;
   fieldItem.bindEventSetting.forEach((eventSetting) => {
@@ -25,9 +21,7 @@ function lowCodeEventTrigger(field) {
   });
 }
 function useLowCodeEvent() {
-  return {
-    lowCodeEventTrigger
-  };
+  return { lowCodeEventTrigger };
 }
 
 export { useLowCodeEvent };

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

@@ -78,10 +78,7 @@ function useLowCodeReactions(configListRef, formModel) {
       isMatchLowCodeConditionsWithSqlExpression(formData, config) && trigger(config);
     });
   }
-  return {
-    lowCodeReactionsHandler,
-    triggerAllReactionsHandler
-  };
+  return { lowCodeReactionsHandler, triggerAllReactionsHandler };
 }
 
 export { useLowCodeReactions };

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

@@ -13,25 +13,34 @@ function useNewLowCodeReactions(configListRef, formModel) {
       });
     };
   }
-  const triggerMap = /* @__PURE__ */ new Map([[["show", "hide"], createFieldHandler((state, isPositive, {
-    actionConfig: {
-      restoreDefault
-    } = {}
-  }) => {
-    var _a;
-    if (isPositive)
-      return state.display = "visible";
-    if (restoreDefault) {
-      state.setValue((_a = state.initialValue) != null ? _a : null);
-      state.display = "hidden";
-      return;
-    }
-    state.display = "none";
-  })], [["required", "notRequired"], createFieldHandler((state, isPositive) => {
-    state.required = isPositive;
-  })], [["disabled", "enabled"], createFieldHandler((state, isPositive) => {
-    state.disabled = isPositive;
-  })]]);
+  const triggerMap = /* @__PURE__ */ new Map([
+    [
+      ["show", "hide"],
+      createFieldHandler((state, isPositive, { actionConfig: { restoreDefault } = {} }) => {
+        var _a;
+        if (isPositive)
+          return state.display = "visible";
+        if (restoreDefault) {
+          state.setValue((_a = state.initialValue) != null ? _a : null);
+          state.display = "hidden";
+          return;
+        }
+        state.display = "none";
+      })
+    ],
+    [
+      ["required", "notRequired"],
+      createFieldHandler((state, isPositive) => {
+        state.required = isPositive;
+      })
+    ],
+    [
+      ["disabled", "enabled"],
+      createFieldHandler((state, isPositive) => {
+        state.disabled = isPositive;
+      })
+    ]
+  ]);
   const relativeFieldMap = computed(() => {
     const map = /* @__PURE__ */ new Map();
     const configList = unref(configListRef);
@@ -79,9 +88,7 @@ function useNewLowCodeReactions(configListRef, formModel) {
       }
     });
   }
-  return {
-    newLowCodeReactionsHandler
-  };
+  return { newLowCodeReactionsHandler };
 }
 
 export { useNewLowCodeReactions };