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

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

@@ -17,7 +17,19 @@ export declare enum EditAbleField {
     SHOW = "show",
     ROWS = "initialHigh",
     TITLE_RED = "fieldTitleRed",
-    CONFIRM = "confirmBeforeValueChange"
+    CONFIRM = "confirmBeforeValueChange",
+    ALLOW_PARTIAL = "elementExtraSetting.allowPartial",
+    PARTIAL_LEVEL = "elementExtraSetting.partialLevel",
+    DATE_FORMAT = "elementExtraSetting.dateFormat",
+    DATE_DEFAULT_VALUE_CONDITION = "elementExtraSetting.defaultValue.condition",
+    DATE_DEFAULT_VALUE_UNIT = "elementExtraSetting.defaultValue.unit",
+    DATE_DEFAULT_VALUE_VALUE = "elementExtraSetting.defaultValue.value",
+    DATE_MIN_VALUE_CONDITION = "elementExtraSetting.minValue.condition",
+    DATE_MIN_VALUE_UNIT = "elementExtraSetting.minValue.unit",
+    DATE_MIN_VALUE_VALUE = "elementExtraSetting.minValue.value",
+    DATE_MAX_VALUE_CONDITION = "elementExtraSetting.maxValue.condition",
+    DATE_MAX_VALUE_UNIT = "elementExtraSetting.maxValue.unit",
+    DATE_MAX_VALUE_VALUE = "elementExtraSetting.maxValue.value"
 }
 export declare function widgetWidthOptionConfig(): {
     option: {
@@ -25,6 +37,24 @@ export declare function widgetWidthOptionConfig(): {
         value: string;
     }[];
 };
+export declare function dateUnitOptionConfig(): {
+    option: {
+        text: string;
+        value: string;
+    }[];
+};
+export declare function dateConditionOptionConfig(): {
+    option: {
+        text: string;
+        value: string;
+    }[];
+};
+export declare function dateFormatOptionConfig(): {
+    option: {
+        text: string;
+        value: string;
+    }[];
+};
 export declare function rowsOptionConfig(): {
     option: {
         text: string;

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

@@ -21,6 +21,18 @@ var EditAbleField = /* @__PURE__ */ ((EditAbleField2) => {
   EditAbleField2["ROWS"] = "initialHigh";
   EditAbleField2["TITLE_RED"] = "fieldTitleRed";
   EditAbleField2["CONFIRM"] = "confirmBeforeValueChange";
+  EditAbleField2["ALLOW_PARTIAL"] = "elementExtraSetting.allowPartial";
+  EditAbleField2["PARTIAL_LEVEL"] = "elementExtraSetting.partialLevel";
+  EditAbleField2["DATE_FORMAT"] = "elementExtraSetting.dateFormat";
+  EditAbleField2["DATE_DEFAULT_VALUE_CONDITION"] = "elementExtraSetting.defaultValue.condition";
+  EditAbleField2["DATE_DEFAULT_VALUE_UNIT"] = "elementExtraSetting.defaultValue.unit";
+  EditAbleField2["DATE_DEFAULT_VALUE_VALUE"] = "elementExtraSetting.defaultValue.value";
+  EditAbleField2["DATE_MIN_VALUE_CONDITION"] = "elementExtraSetting.minValue.condition";
+  EditAbleField2["DATE_MIN_VALUE_UNIT"] = "elementExtraSetting.minValue.unit";
+  EditAbleField2["DATE_MIN_VALUE_VALUE"] = "elementExtraSetting.minValue.value";
+  EditAbleField2["DATE_MAX_VALUE_CONDITION"] = "elementExtraSetting.maxValue.condition";
+  EditAbleField2["DATE_MAX_VALUE_UNIT"] = "elementExtraSetting.maxValue.unit";
+  EditAbleField2["DATE_MAX_VALUE_VALUE"] = "elementExtraSetting.maxValue.value";
   return EditAbleField2;
 })(EditAbleField || {});
 function widgetWidthOptionConfig() {
@@ -55,6 +67,143 @@ function widgetWidthOptionConfig() {
     }]
   };
 }
+function dateUnitOptionConfig() {
+  return {
+    option: [{
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.606")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.606")) || "\u65E0";
+        } catch (e) {
+          return "\u65E0";
+        }
+      }(),
+      value: ""
+    }, {
+      text: "\u65F6",
+      value: "HOUR"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.144")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.144")) || "\u5929";
+        } catch (e) {
+          return "\u5929";
+        }
+      }(),
+      value: "DAY"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.346")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.346")) || "\u5468";
+        } catch (e) {
+          return "\u5468";
+        }
+      }(),
+      value: "WEEK"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.347")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.347")) || "\u6708";
+        } catch (e) {
+          return "\u6708";
+        }
+      }(),
+      value: "MONTH"
+    }, {
+      text: "\u5B63",
+      value: "QUARTER"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.349")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.349")) || "\u5E74";
+        } catch (e) {
+          return "\u5E74";
+        }
+      }(),
+      value: "YEAR"
+    }]
+  };
+}
+function dateConditionOptionConfig() {
+  return {
+    option: [{
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.376")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.376")) || "\u81EA\u5B9A\u4E49";
+        } catch (e) {
+          return "\u81EA\u5B9A\u4E49";
+        }
+      }(),
+      value: "0"
+    }, {
+      text: "\u8FC7\u53BB",
+      value: "IN_THE_PAST"
+    }, {
+      text: "\u672A\u6765",
+      value: "IN_THE_FUTURE"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.305")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.305")) || "\u5F53\u524D\u65F6\u95F4";
+        } catch (e) {
+          return "\u5F53\u524D\u65F6\u95F4";
+        }
+      }(),
+      value: "CURRENT_TIME"
+    }]
+  };
+}
+function dateFormatOptionConfig() {
+  return {
+    option: [{
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.551")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.551")) || "\u5E74-\u6708";
+        } catch (e) {
+          return "\u5E74-\u6708";
+        }
+      }(),
+      value: "YYYY-MM"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.550")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.550")) || "\u5E74-\u6708-\u65E5";
+        } catch (e) {
+          return "\u5E74-\u6708-\u65E5";
+        }
+      }(),
+      value: "YYYY-MM-DD"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.548")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.548")) || "\u5E74-\u6708-\u65E5 \u65F6:\u5206:\u79D2";
+        } catch (e) {
+          return "\u5E74-\u6708-\u65E5 \u65F6:\u5206:\u79D2";
+        }
+      }(),
+      value: "YYYY-MM-DD HH:mm:ss"
+    }, {
+      text: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.549")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.549")) || "\u5E74-\u6708-\u65E5 \u65F6:\u5206";
+        } catch (e) {
+          return "\u5E74-\u6708-\u65E5 \u65F6:\u5206";
+        }
+      }(),
+      value: "YYYY-MM-DD HH:mm"
+    }]
+  };
+}
 function rowsOptionConfig() {
   return {
     option: range(1, 11).map((idx) => {
@@ -266,4 +415,4 @@ const InjectionActiveFieldItem = Symbol("InjectionActiveFieldItem");
 const InjectionFormConfigEmit = Symbol("InjectionFormConfigEmit");
 const InjectionFormConfigProps = Symbol("InjectionFormConfigProps");
 
-export { EditAbleField, FORM_CONFIG_GROUP, InjectionActiveFieldItem, InjectionFieldList, InjectionFormConfigEmit, InjectionFormConfigProps, InjectionLowCodeReactions, InjectionMaterialList, conditionOppositeMap, conditionTypeOptions, connectionTypeOppositeMap, connectionTypeOptions, getWidgetText, isEditOptionConfig, isNotFoldOptionConfig, isNullOptionConfig, isShowOptionConfig, isVisibleOptionConfig, rowsOptionConfig, widgetWidthOptionConfig };
+export { EditAbleField, FORM_CONFIG_GROUP, InjectionActiveFieldItem, InjectionFieldList, InjectionFormConfigEmit, InjectionFormConfigProps, InjectionLowCodeReactions, InjectionMaterialList, conditionOppositeMap, conditionTypeOptions, connectionTypeOppositeMap, connectionTypeOptions, dateConditionOptionConfig, dateFormatOptionConfig, dateUnitOptionConfig, getWidgetText, isEditOptionConfig, isNotFoldOptionConfig, isNullOptionConfig, isShowOptionConfig, isVisibleOptionConfig, rowsOptionConfig, widgetWidthOptionConfig };

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

@@ -1,7 +1,7 @@
 import { FormConfigItem } from '../../../../components/form-config';
-import { EditAbleField } from '../../../../components/form-config/src/constants';
+import { EditAbleField as F } from '../../../../components/form-config/src/constants';
 import { FieldItem } from '../../../../components/form-render';
 export declare function useConfigurationField(): {
-    generateFieldListByKeys: (keyList: EditAbleField[], formConfigItem?: FormConfigItem, fieldItem?: FieldItem) => FieldItem[];
+    generateFieldListByKeys: (keyList: F[], formConfigItem?: FormConfigItem, fieldItem?: FieldItem) => FieldItem[];
     generateFieldListByFormConfigItem: (formConfigItem: FormConfigItem, fieldItem?: FieldItem) => FieldItem[];
 };

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/hooks/usePresetRenderer.d.ts

@@ -1,4 +1,4 @@
 import { FormConfigItem } from '../types';
 export declare function usePresetRenderer(): {
-    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}>;
+    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>;
 };

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;