cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.1

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

@@ -1,5 +1,5 @@
-import { omit, pick } from 'lodash-es';
-import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOptionConfig, isEditOptionConfig, isNullOptionConfig, isVisibleOptionConfig, rowsOptionConfig } from '../constants/index.js';
+import { omit, pick, range } from 'lodash-es';
+import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOptionConfig, isEditOptionConfig, isNullOptionConfig, isVisibleOptionConfig, rowsOptionConfig, dateFormatOptionConfig, dateConditionOptionConfig, dateUnitOptionConfig } from '../constants/index.js';
 import { useFormConfigLocale } from './useLocale.js';
 import '../../../form-render/index.js';
 import { useFieldNormalize } from '../../../form-render/src/hooks/useFieldNormalize.js';
@@ -73,7 +73,7 @@ function useConfigurationField() {
     elem_width: 6,
     is_edit: (formConfigItem == null ? void 0 : formConfigItem.editableDisabled) ? "0" : "1",
     ...isEditOptionConfig()
-  })], [EditAbleField.CONFIRM, (formConfigItem) => ({
+  })], [EditAbleField.CONFIRM, () => ({
     alias: useFormConfigLocale("configArea.confirm"),
     html_type: "SWITCH",
     elem_width: 6,
@@ -117,7 +117,48 @@ function useConfigurationField() {
     elem_width: 6,
     default_val: false,
     html_type: "SWITCH"
-  })]]);
+  })], [EditAbleField.ALLOW_PARTIAL, () => ({
+    alias: useFormConfigLocale("configArea.allowPartial"),
+    elem_width: 6,
+    html_type: "SWITCH"
+  })], [EditAbleField.PARTIAL_LEVEL, (field) => {
+    var _a, _b;
+    return {
+      alias: useFormConfigLocale("configArea.partialLevel"),
+      elem_width: 6,
+      html_type: "SELECT",
+      componentProps: {
+        options: range((_b = (_a = field == null ? void 0 : field.elementExtraSetting) == null ? void 0 : _a.maxLevel) != null ? _b : 10).map((item) => ({
+          text: item + 1 + "",
+          value: item + 1
+        }))
+      }
+    };
+  }], [EditAbleField.DATE_FORMAT, () => ({
+    alias: useFormConfigLocale("configArea.dateFormat"),
+    elem_width: 6,
+    html_type: "SELECT",
+    ...dateFormatOptionConfig()
+  })], [EditAbleField.DATE_DEFAULT_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_DEFAULT_VALUE_CONDITION, EditAbleField.DATE_DEFAULT_VALUE_UNIT, EditAbleField.DATE_DEFAULT_VALUE_VALUE, useFormConfigLocale("configArea.dateDefaultValue"))], [EditAbleField.DATE_MAX_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_MAX_VALUE_CONDITION, EditAbleField.DATE_MAX_VALUE_UNIT, EditAbleField.DATE_MAX_VALUE_VALUE, useFormConfigLocale("configArea.dateMaxValue"))], [EditAbleField.DATE_MIN_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_MIN_VALUE_CONDITION, EditAbleField.DATE_MIN_VALUE_UNIT, EditAbleField.DATE_MIN_VALUE_VALUE, useFormConfigLocale("configArea.dateMinValue"))]]);
+  function createDateField(conditionKey, unitKey, valueKey, alias) {
+    return {
+      val_key: conditionKey,
+      alias,
+      elem_width: 16,
+      html_type: "SELECT",
+      ...dateConditionOptionConfig(),
+      suffixConfig: [{
+        val_key: valueKey,
+        elem_width: 12,
+        html_type: "INPUT"
+      }, {
+        val_key: unitKey,
+        elem_width: 10,
+        html_type: "SELECT",
+        ...dateUnitOptionConfig()
+      }]
+    };
+  }
   function generateFieldListByKeys(keyList, formConfigItem, fieldItem) {
     return keyList.map((key) => {
       var _a, _b;
@@ -130,11 +171,17 @@ function useConfigurationField() {
   const htmlMap = new Map([["LINE_BAR", [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.NOTES, EditAbleField.DEFAULT_EXPAND, EditAbleField.FOLD]], ["NEWLINE", [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS]], ...["COMPLEX", "COMBINATION"].map((key) => [key, [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.LAYOUT_WIDTH_ENUM]])]);
   const defaultItems = [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.DEFAULT_VALUE, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.DESC, EditAbleField.NOTES, EditAbleField.EDITABLE, EditAbleField.CONFIRM, EditAbleField.REQUIRED, EditAbleField.SHOW, EditAbleField.TITLE_RED];
   function generateFieldListByFormConfigItem(formConfigItem, fieldItem) {
-    var _a;
-    const keys = htmlMap.get(formConfigItem.type) || defaultItems;
+    var _a, _b, _c, _d, _e;
+    const keys = [...htmlMap.get(formConfigItem.type) || defaultItems];
     if ((fieldItem ? fieldItem.html_type : (_a = formConfigItem.originalSetting) == null ? void 0 : _a.html_type) === "TEXTAREA") {
       keys.splice(3, 0, EditAbleField.ROWS);
     }
+    if (["SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE2"].includes(fieldItem ? fieldItem.html_type : (_c = (_b = formConfigItem.originalSetting) == null ? void 0 : _b.html_type) != null ? _c : "")) {
+      keys.splice(9, 0, EditAbleField.ALLOW_PARTIAL, EditAbleField.PARTIAL_LEVEL);
+    }
+    if (["DATE"].includes(fieldItem ? fieldItem.html_type : (_e = (_d = formConfigItem.originalSetting) == null ? void 0 : _d.html_type) != null ? _e : "")) {
+      keys.splice(keys.indexOf(EditAbleField.DEFAULT_VALUE), 1, EditAbleField.DATE_FORMAT, EditAbleField.DATE_DEFAULT_VALUE_CONDITION, EditAbleField.DATE_MIN_VALUE_CONDITION, EditAbleField.DATE_MAX_VALUE_CONDITION);
+    }
     return generateFieldListByKeys(keys, formConfigItem, fieldItem);
   }
   return {

package/es/components/form-config/src/hooks/useLocale.d.ts

@@ -35,10 +35,16 @@ declare const formConfigLocale: {
         rowsTips: string;
         confirm: string;
         titleRed: string;
+        allowPartial: string;
+        partialLevel: string;
         positiveBtn: string;
         negativeBtn: string;
         fullLine: string;
         halfLine: string;
+        dateFormat: string;
+        dateDefaultValue: string;
+        dateMinValue: string;
+        dateMaxValue: string;
         toString: () => string;
     };
 };

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

@@ -224,6 +224,8 @@ const formConfigLocale = reactive({
     }(),
     confirm: "\u662F\u5426\u5728\u4FEE\u6539\u503C\u540E\u5F39\u7A97\u63D0\u9192",
     titleRed: "\u6807\u9898\u663E\u793A\u7EA2\u8272",
+    allowPartial: "\u5141\u8BB8\u9009\u62E9\u4E2D\u95F4\u5C42\u7EA7",
+    partialLevel: "\u81F3\u5C11\u9009\u62E9\u591A\u5C11\u7EA7",
     positiveBtn: function() {
       var _a, _b, _c;
       try {
@@ -256,6 +258,38 @@ const formConfigLocale = reactive({
         return "\u534A\u884C";
       }
     }(),
+    dateFormat: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.541")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.541")) || "\u65E5\u671F\u683C\u5F0F";
+      } catch (e) {
+        return "\u65E5\u671F\u683C\u5F0F";
+      }
+    }(),
+    dateDefaultValue: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.12")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.12")) || "\u9ED8\u8BA4\u503C";
+      } catch (e) {
+        return "\u9ED8\u8BA4\u503C";
+      }
+    }(),
+    dateMinValue: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.372")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.372")) || "\u6700\u5C0F\u503C";
+      } catch (e) {
+        return "\u6700\u5C0F\u503C";
+      }
+    }(),
+    dateMaxValue: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.373")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.373")) || "\u6700\u5927\u503C";
+      } catch (e) {
+        return "\u6700\u5927\u503C";
+      }
+    }(),
     toString() {
       return this.areaName;
     }

package/es/components/form-config/src/types/index.d.ts

@@ -21,6 +21,8 @@ export type FormConfigBeforeMovePayload = {
 export type FormConfigHooks = {
     beforeMove?: (payload: FormConfigBeforeMovePayload) => void | boolean;
 };
+type UnitType = 'HOUR' | 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR' | '';
+type ConditionType = '0' | 'IN_THE_PAST' | 'IN_THE_FUTURE' | 'CURRENT_TIME';
 export type FormConfigWidth = 'ALL_LINE' | 'HALF_LINE' | 'FIVE_SIX' | 'TWO_THREE' | 'ONE_THREE' | 'THREE_FOUR' | 'ONE_FOUR' | 'ONE_SIX' | 'ONE_EIGHT';
 export type FormConfigItem = {
     key: string;
@@ -48,6 +50,16 @@ export type FormConfigItem = {
         text: string;
         value: string;
     }[];
+    elementExtraSetting: Partial<{
+        allowPartial: boolean;
+        partialLevel: number;
+        maxLevel: number;
+        dateFormat: string;
+    } & Record<'defaultValue' | 'minValue' | 'maxValue', {
+        condition: ConditionType;
+        unit: UnitType;
+        value: string;
+    }>>;
     __new: boolean;
     __isCombinationChild: boolean;
     __extra: boolean;

package/es/components/form-render/index.d.ts

@@ -214,6 +214,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -422,6 +423,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             lazyRender: BooleanConstructor;
+            linebreaksToTitle: BooleanConstructor;
             dialogFn: {};
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
@@ -599,6 +601,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -991,6 +994,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
@@ -1025,6 +1029,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         nominalAge: boolean;
         operationalFormInit: boolean;
         incrementalRender: boolean;

package/es/components/form-render/src/FormRender.vue.d.ts

@@ -209,6 +209,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     lazyRender: BooleanConstructor;
+    linebreaksToTitle: BooleanConstructor;
     dialogFn: {};
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -417,6 +418,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
@@ -594,6 +596,7 @@ declare const _default: import("vue").DefineComponent<{
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
@@ -986,6 +989,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     lazyRender: BooleanConstructor;
+    linebreaksToTitle: BooleanConstructor;
     dialogFn: {};
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
@@ -1020,6 +1024,7 @@ declare const _default: import("vue").DefineComponent<{
     feedbackType: "default" | "tooltip";
     fixMemoLeak: boolean;
     lazyRender: boolean;
+    linebreaksToTitle: boolean;
     nominalAge: boolean;
     operationalFormInit: boolean;
     incrementalRender: boolean;

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

@@ -197,6 +197,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Boolean
     },
     lazyRender: Boolean,
+    linebreaksToTitle: Boolean,
     dialogFn: {}
   },
   emits: [

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -212,6 +212,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -420,6 +421,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             lazyRender: BooleanConstructor;
+            linebreaksToTitle: BooleanConstructor;
             dialogFn: {};
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
@@ -597,6 +599,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -989,6 +992,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
@@ -1023,6 +1027,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         nominalAge: boolean;
         operationalFormInit: boolean;
         incrementalRender: boolean;

package/es/components/form-render/src/components/renderer/date.d.ts

@@ -37,7 +37,9 @@ export declare const DATE: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onChange: {};
     disabled: {
         type: BooleanConstructor;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, ref, onMounted, inject, createVNode, mergeProps } from 'vue';
+import { defineComponent, computed, watch, ref, onMounted, inject, h, createVNode, mergeProps } from 'vue';
 import { generateTimeFormat } from '../../../../../shared/utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useEventListener } from '@vueuse/core';
@@ -192,17 +192,19 @@ const script = /* @__PURE__ */ defineComponent({
     } = useLocale("DatePicker");
     return () => {
       var _a;
-      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? createVNode("div", {
-        "class": ["form-render__textMode--input n-input", {
+      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? h("div", {
+        class: ["form-render__textMode--input n-input", {
           "form-render__textMode--inputDisabled": props.disabled
         }],
-        "tabindex": 0,
-        "onFocus": onFocus
-      }, [[valueRef.value ? createVNode("span", null, [valueRef.value]) : createVNode("span", {
-        "class": "form-render__textMode--inputPlaceholder"
-      }, [props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.datetimePlaceholder)]), createVNode(script$1, {
-        "class": "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
-      }, null)]]) : createVNode(DatePicker, mergeProps({
+        tabindex: 0,
+        onFocus
+      }, [h("span", {
+        class: {
+          "form-render__textMode--inputPlaceholder": !valueRef.value
+        }
+      }, valueRef.value || props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.datetimePlaceholder)), h(script$1, {
+        class: "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
+      })]) : createVNode(DatePicker, mergeProps({
         "ref": datePickerRef,
         "key": key.value,
         "disabled": props.disabled,

package/es/components/form-render/src/components/renderer/formItem.d.ts

@@ -27,6 +27,7 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onClickOutside: PropType<(...args: any[]) => void>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: StringConstructor;
     propertyKey: StringConstructor;
@@ -54,6 +55,7 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onClickOutside: PropType<(...args: any[]) => void>;
 }>>, {
     showFeedback: boolean;
     span: number;

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

@@ -3,7 +3,7 @@ import { arrayed, getStringWidth, widthAppend } from '../../../../../shared/util
 import { isVoidField } from '@formily/core';
 import { observe, autorun } from '@formily/reactive';
 import { connect, mapProps } from '@formily/vue';
-import { useDebounceFn } from '@vueuse/core';
+import { useDebounceFn, onClickOutside } from '@vueuse/core';
 import { isString, isArray, isObject, isNumber, isFunction, uniq } from 'lodash-es';
 import { NFormItem, NTooltip, NButton } from 'naive-ui';
 import Annotation from '../../../../annotation-edit/index.js';
@@ -43,7 +43,8 @@ const script = /* @__PURE__ */ defineComponent({
     showTooltipFeedback: {
       type: Boolean,
       default: true
-    }
+    },
+    onClickOutside: Function
   },
   setup(props, {
     slots,
@@ -127,7 +128,7 @@ const script = /* @__PURE__ */ defineComponent({
         "contentStyle": "background-color:white;color:rgb(51, 54, 57);padding:8px;position:relative;"
       }, {
         trigger: () => createVNode(NButton, {
-          "onClick": withModifiers(() => editorTitleShowRef.value = !editorTitleShowRef.value, ["stop", "prev"]),
+          "onClick": withModifiers(() => editorTitleShowRef.value = !editorTitleShowRef.value, ["stop", "prevent"]),
           "text": true,
           "type": "primary"
         }, {
@@ -326,8 +327,14 @@ const script = /* @__PURE__ */ defineComponent({
         return props.showFeedback;
       return !!props.feedback && props.feedback !== " " && props.showFeedback;
     });
+    const formItemRef = ref();
+    props.onClickOutside && onClickOutside(formItemRef, (event) => {
+      var _a;
+      return (_a = props.onClickOutside) == null ? void 0 : _a.call(props, event);
+    });
     return () => {
       return createVNode(NFormItem, mergeProps({
+        "ref": formItemRef,
         "class": ["form-render__formItem", {
           "form-render--no-border": !borderedRef.value,
           "form-render--underline": borderedRef.value === "underline",

package/es/components/form-render/src/components/renderer/levelSearchCascader/index.js

@@ -112,8 +112,10 @@ const script = /* @__PURE__ */ defineComponent({
       if (!props.validateLastNode || !isField(field.value))
         return;
       const tempValidator = field.value.validator ? castArray(field.value.validator) : [];
-      if (tempValidator.some((item) => isObject(item) && item.isLastOptionValidator))
-        return;
+      const lastOptionValidatorIndex = tempValidator.findIndex((item) => isObject(item) && item.isLastOptionValidator);
+      if (lastOptionValidatorIndex !== -1) {
+        tempValidator.splice(lastOptionValidatorIndex, 1);
+      }
       field.value.validator = [{
         async validator() {
           var _a;

package/es/components/form-render/src/components/renderer/lineBar/FormCollapse.vue.d.ts

@@ -159,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>>;
     isVerticalLinebar: import("vue").ComputedRef<boolean>;

package/es/components/form-render/src/components/renderer/lineBar/index.d.ts

@@ -158,6 +158,7 @@ export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>>;
     isVerticalLinebar: import("vue").ComputedRef<boolean>;

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

@@ -153,7 +153,8 @@ function createComponent(name, Wrapper, Item) {
         return createVNode(NCheckbox, {
           "checked": selectAllState.value,
           "onUpdate:checked": ($event) => selectAllState.value = $event,
-          "indeterminate": indeterminate.value
+          "indeterminate": indeterminate.value,
+          "disabled": attrs.disabled
         }, {
           default: () => function() {
             var _a, _b, _c;
@@ -168,7 +169,7 @@ function createComponent(name, Wrapper, Item) {
       const {
         getFieldItem
       } = useFormField();
-      function renderOption(option) {
+      function renderOption(option, index, options) {
         var _a;
         let _slot;
         const childInnerWidthMode = option.__spanPercent && props.childWidthMode === "inner";
@@ -176,6 +177,7 @@ function createComponent(name, Wrapper, Item) {
           display: "flex",
           alignItems: "center"
         };
+        const classList = [];
         if (childInnerWidthMode) {
           const percentWidth = `${option.__spanPercent}%`;
           style.maxWidth = percentWidth;
@@ -183,6 +185,9 @@ function createComponent(name, Wrapper, Item) {
             style.width = percentWidth;
           }
         }
+        if (index === options.length - 1) {
+          classList.push("form-render__lastOption");
+        }
         return createVNode(Item, {
           "key": option[valueKey.value],
           "value": option[valueKey.value],
@@ -191,7 +196,8 @@ function createComponent(name, Wrapper, Item) {
           "cancelable": props.clearable,
           "showType": ((_a = getFieldItem()) == null ? void 0 : _a.selected_style) === "CHECK_MARK" ? "checkbox" : "",
           "onCancel": onCancel,
-          "style": style
+          "style": style,
+          "class": classList
         }, _isSlot(_slot = renderComplexOption({
           value: valueRef.value,
           option,

package/es/components/form-render/src/constants/index.d.ts

@@ -17,7 +17,7 @@ export declare const InjectionFormColumnWidth: InjectionKey<ComputedRef<number>>
 export declare const InjectionFormUUID: InjectionKey<string>;
 export declare const InjectionFormGraph: InjectionKey<Record<string, GeneralField>>;
 export declare const InjectionAnnotation: InjectionKey<WritableComputedRef<Nullable<Record<string, AnnotationItem>>>>;
-export declare const InjectionAnnotationShortcuts: InjectionKey<WritableComputedRef<Exclude<NonNullable<AnnotationItem>, string>['shortcuts']>>;
+export declare const InjectionAnnotationShortcuts: InjectionKey<ComputedRef<Exclude<NonNullable<AnnotationItem>, string>['shortcuts']>>;
 export declare const InjectionFormGlobalProps: InjectionKey<Readonly<FormRenderProps>>;
 export declare const InjectionFormGlobalEmit: InjectionKey<(event: string, ...args: any[]) => void>;
 export declare enum FIELD_BUSINESS_TYPE {

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

@@ -1,5 +1,5 @@
 import { arrayed, deepOmit } from '../../../../shared/utils/index.js';
-import { cloneDeep, castArray, pick } from 'lodash-es';
+import { cloneDeep, castArray, omit, pick } from 'lodash-es';
 import '../../index.js';
 import { isPositive, isNegative, isValidWidgetCombination, parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
 import { useFieldNormalize } from './useFieldNormalize.js';
@@ -318,7 +318,10 @@ function useFieldListAdaptor(collector, globProps) {
         hide_title: "1",
         is_show: isNegative(suffix.is_show) ? "0" : item.is_show
       };
-    })];
+    })].map((item2) => {
+      item2.decoratorProps = omit(item2.decoratorProps, ["onClickOutside"]);
+      return item2;
+    });
     const groupSpan = fieldList.reduce((res, item2) => {
       return res + +(item2.elem_width || 3) * 2;
     }, 0);

package/es/components/form-render/src/hooks/useFieldNormalize.d.ts

@@ -107,6 +107,7 @@ export declare function useFieldNormalize(): {
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
     FieldListNormalizeWaterfallHook: SyncWaterfallHook<[FieldItem[], Partial<{
@@ -215,6 +216,7 @@ export declare function useFieldNormalize(): {
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
 };

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

@@ -178,6 +178,21 @@ function useFieldNormalize() {
   }) => {
     return fieldList;
   });
+  FieldNormalizeWaterfallHook.tap("__linebreaksToTitle", (fieldItem, {
+    linebreaksToTitle
+  }) => {
+    if (linebreaksToTitle && fieldItem.html_type === "LINE_BREAKS") {
+      Object.assign(fieldItem, {
+        elem_width: 9999,
+        decoratorProps: {
+          showLabel: false
+        },
+        content: fieldItem.alias || fieldItem.name || fieldItem.val_key || "",
+        html_type: "TEXT"
+      });
+    }
+    return fieldItem;
+  });
   FieldListNormalizeWaterfallHook.tap("__prefix/suffix", (fieldList) => {
     const prefixOrSuffixItem = [];
     traverse(fieldList, (fieldItem) => {

package/es/components/form-render/src/hooks/useNuiThemeOverrides.d.ts

@@ -1,4 +1,3 @@
-import { GlobalThemeOverrides } from 'naive-ui';
 export declare function useNuiThemeOverrides(): {
-    nuiThemeOverrides: GlobalThemeOverrides;
+    nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
 };

package/es/components/form-render/src/types/index.d.ts

@@ -175,6 +175,7 @@ export type FormRenderProps = Partial<{
     feedbackType: 'tooltip' | 'default';
     fixMemoLeak: boolean;
     lazyRender: boolean;
+    linebreaksToTitle: boolean;
     dialogFn: any;
 }>;
 export type FormBusinessFormatter = (payload: {