cnhis-design-vue 3.1.9-beta.3 → 3.1.9-beta.6

package/es/packages/scale-view/src/ScaleView.vue.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
     confirmSubmit: (message: any) => void;
     onSubmitForm: () => void;
     cancel: () => void;
+    getScaleData: () => any;
     isCollection: (e: string) => boolean;
     NoData: import("vue").DefineComponent<{
         noDataTip: {
@@ -613,7 +614,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -1327,7 +1331,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -2131,7 +2138,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -2845,7 +2855,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;

package/es/packages/scale-view/src/ScaleView.vue_vue_type_script_setup_true_lang.mjs

@@ -42,7 +42,7 @@ var script = /* @__PURE__ */ defineComponent({
   __name: "ScaleView",
   props: ScaleViewProps,
   emits: ["onCloseSetting", "submitNoRequest", "onSubmit"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const state = reactive({ ...ScaleViewState });
     const dialog = useDialog();
@@ -289,6 +289,12 @@ var script = /* @__PURE__ */ defineComponent({
     const cancel = () => {
       emit("onCloseSetting");
     };
+    const getScaleData = () => {
+      return { ...state };
+    };
+    expose({
+      getScaleData
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createCommentVNode(' <template v-if="state.spinning">\n      <n-spin :show="state.spinning" description="\u52A0\u8F7D\u4E2D"></n-spin>\n    </template> '),
@@ -317,7 +323,8 @@ var script = /* @__PURE__ */ defineComponent({
                   ref_key: "formRef",
                   ref: formRef,
                   model: state.form,
-                  rules: state.rules
+                  rules: state.rules,
+                  "require-mark-placement": "left"
                 }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(state.formArray, (item, index) => {

package/es/packages/scale-view/src/components/EvaluatePage.vue.d.ts

@@ -120,7 +120,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -834,7 +837,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;

package/es/packages/scale-view/src/components/formitem/r-address.mjs

@@ -214,7 +214,7 @@ var RAddress = defineComponent({
     handleDef();
     return () => {
       return createVNode("div", {
-        "class": "scale-address"
+        "class": "c-scale-address"
       }, [createVNode("div", {
         "class": "field-row"
       }, [hasProvince.value && renderProvince(), hasCity.value && renderCity(), hasDistrict.value && renderDistrict()]), hasAddress.value && renderaddress()]);

package/es/packages/scale-view/src/components/formitem/r-checkbox.mjs

@@ -51,12 +51,18 @@ var scriptCheckbox = defineComponent({
       handleOptions
     } = chooseCommon(props, state);
     const chooseStyleSetting = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.chooseStyleSetting) || 1;
-    const handlePreview = (url, i) => {
+    const handlePreview = (e, url, i) => {
+      e.preventDefault();
+      e.stopPropagation();
       let imgs = state.curOptions.map((v) => v.imageUrl);
       if (!imgs.length)
         return;
       api({
-        images: imgs
+        images: imgs,
+        options: {
+          toolbar: true,
+          initialViewIndex: i
+        }
       });
     };
     const handleCheckboxOther = (isOtherInput) => {
@@ -156,7 +162,7 @@ var scriptCheckbox = defineComponent({
         "size": "24",
         "color": "#fff",
         "component": SearchOutline,
-        "on-click": () => handlePreview(o.imageUrl)
+        "onClick": (e) => handlePreview(e, o.imageUrl, i)
       }, null)])]);
     };
     const renderPresuffix = (o, i) => {
@@ -218,7 +224,7 @@ var scriptCheckbox = defineComponent({
         "key": o.value,
         "value": o[opKey]
       }, {
-        default: () => [showImgWrap.value(o) && renderImg(o), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
+        default: () => [showImgWrap.value(o) && renderImg(o, i), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
       }))) ? _slot : {
         default: () => [_slot]
       });

package/es/packages/scale-view/src/components/formitem/r-collection.mjs

@@ -33,7 +33,6 @@ var RCollection = defineComponent({
       describe
     } = props.item || {};
     const options = ((_b = props.item) == null ? void 0 : _b.setting) || {};
-    console.log(props.item);
     const className = computed(() => {
       const type2 = options.promptType;
       return type2 ? `is-${type2}` : "";

package/es/packages/scale-view/src/components/formitem/r-datetime.mjs

@@ -31,7 +31,8 @@ var scriptDatetime = defineComponent({
     const dateType = type === "DATE" ? "date" : (_e = (_d = props.item) == null ? void 0 : _d.setting) == null ? void 0 : _e.dateType;
     const timeFormat = "HH:mm:ss";
     const state = reactive({
-      rangeValue: [null, null]
+      rangeValue: [null, null],
+      dateValue: null
     });
     const useDateRangeType = computed(() => {
       if (dateType == "datetime")
@@ -54,6 +55,8 @@ var scriptDatetime = defineComponent({
         let eV = val1 ? vexutils.isValidDate(new Date(val1)) ? val1 : null : null;
         state.rangeValue = [sV, eV];
         return;
+      } else {
+        state.dateValue = val;
       }
     };
     const disStartHours = (hour) => {
@@ -134,12 +137,16 @@ var scriptDatetime = defineComponent({
       }
       context.emit("scaleChange", [otherVal || "", formattedValue], props.item);
     };
+    const changeDate = (val, formattedValue) => {
+      context.emit("scaleChange", formattedValue, props.item);
+    };
     const renderTime = () => {
       return createVNode(resolveComponent("n-time-picker"), {
-        "formatted-value": props.form[props.item.val_key],
-        "onUpdate:formatted-value": ($event) => props.form[props.item.val_key] = $event,
+        "formatted-value": state.dateValue,
+        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
         "clearable": true,
-        "disabled": props.isLock
+        "disabled": props.isLock,
+        "onUpdate:value": changeDate
       }, null);
     };
     const renderTimeRange = () => {
@@ -165,20 +172,22 @@ var scriptDatetime = defineComponent({
     };
     const renderDate = () => {
       return createVNode(resolveComponent("n-date-picker"), {
-        "formatted-value": props.form[props.item.val_key],
-        "onUpdate:formatted-value": ($event) => props.form[props.item.val_key] = $event,
+        "formatted-value": state.dateValue,
+        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
         "type": dateType,
         "clearable": true,
-        "disabled": props.isLock
+        "disabled": props.isLock,
+        "onUpdate:value": changeDate
       }, null);
     };
     const renderDateRange = () => {
       return createVNode(resolveComponent("n-date-picker"), {
-        "formatted-value": props.form[props.item.val_key],
-        "onUpdate:formatted-value": ($event) => props.form[props.item.val_key] = $event,
+        "formatted-value": state.dateValue,
+        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
         "type": useDateRangeType.value,
         "clearable": true,
-        "disabled": props.isLock
+        "disabled": props.isLock,
+        "onUpdate:value": changeDate
       }, null);
     };
     defaultValue(props.form[props.item.val_key]);

package/es/packages/scale-view/src/components/formitem/r-input.mjs

@@ -29,7 +29,7 @@ var RInput = defineComponent({
     let eleType = ((_b = props.item) == null ? void 0 : _b.type) || "INPUT";
     let isTextarea = eleType == "INPUT" || eleType == "EVALUATE_INPUT";
     let row = ((_d = (_c = props.item) == null ? void 0 : _c.setting) == null ? void 0 : _d.inputRow) || 1;
-    let defaultPlaceHolder = ((_f = (_e = props.item) == null ? void 0 : _e.setting) == null ? void 0 : _f.defaultPlaceHolder) || "\u8BF7\u8F93\u5165";
+    let defaultPlaceHolder = (_f = (_e = props.item) == null ? void 0 : _e.setting) == null ? void 0 : _f.defaultPlaceHolder;
     const setTextareaRow = computed(() => {
       if (!row || row == "auto") {
         return {

package/es/packages/scale-view/src/components/formitem/r-map.mjs

@@ -72,7 +72,8 @@ var RMap = defineComponent({
         "value": state.mapLocation,
         "disabled": true,
         "class": "map-input",
-        "on-click": clickMap
+        "on-click": clickMap,
+        "placeholder": "\u8BF7\u9009\u62E9"
       }, {
         prefix: () => createVNode(resolveComponent("n-icon"), {
           "size": "18",

package/es/packages/scale-view/src/components/formitem/r-radio.mjs

@@ -50,12 +50,18 @@ var scriptRadio = defineComponent({
       handleOptions
     } = chooseCommon(props, state);
     const chooseStyleSetting = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.chooseStyleSetting) || 1;
-    const handlePreview = (url, i) => {
+    const handlePreview = (e, url, i) => {
+      e.preventDefault();
+      e.stopPropagation();
       let imgs = state.curOptions.map((v) => v.imageUrl);
       if (!imgs.length)
         return;
       api({
-        images: imgs
+        images: imgs,
+        options: {
+          toolbar: true,
+          initialViewIndex: i
+        }
       });
     };
     const handleRadioDef = (item, curValue, options) => {
@@ -148,7 +154,7 @@ var scriptRadio = defineComponent({
         "size": "24",
         "color": "#fff",
         "component": SearchOutline,
-        "on-click": () => handlePreview(o.imageUrl)
+        "onClick": (e) => handlePreview(e, o.imageUrl, i)
       }, null)])]);
     };
     const renderPresuffix = (o, i) => {
@@ -210,7 +216,7 @@ var scriptRadio = defineComponent({
         "key": o.value,
         "value": o[opKey]
       }, {
-        default: () => [showImgWrap.value(o) && renderImg(o), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
+        default: () => [showImgWrap.value(o) && renderImg(o, i), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
       }))) ? _slot : {
         default: () => [_slot]
       });

package/es/packages/scale-view/src/components/formitem/r-select.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, watch, createVNode, resolveComponent } from 'vue';
+import { defineComponent, reactive, computed, watch, createVNode, resolveComponent } from 'vue';
 import { NSelect } from 'naive-ui';
 
 var scriptSelect = defineComponent({
@@ -52,6 +52,10 @@ var scriptSelect = defineComponent({
       fetching: false
     });
     props.openType == "formIframe";
+    const isMultiple = computed(() => {
+      var _a, _b;
+      return !!((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.isMultiple);
+    });
     const initSelectOptions = async () => {
       const {
         targetSource,
@@ -123,6 +127,7 @@ var scriptSelect = defineComponent({
         "onUpdate:value": [($event) => props.form[props.item.val_key] = $event, handleSelectChange],
         "filterable": true,
         "placeholder": "\u8BF7\u9009\u62E9",
+        "multiple": isMultiple.value,
         "disabled": props.isLock,
         "loading": state.fetching,
         "options": state.curOptions

package/es/packages/scale-view/src/components/formitem/text-over-tooltip/TextOverTooltip.vue.d.ts

@@ -173,6 +173,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -474,6 +475,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;

package/es/packages/scale-view/src/hooks/scaleview-computed.mjs

@@ -42,9 +42,9 @@ const ScaleViewComputed = (props, state, config) => {
     };
   });
   const handlePageClass = computed(() => {
-    if (props.type == "customList" && !state.noBtn)
+    if (props.type == "customList" && !props.noBtn)
       return false;
-    if (!state.noBtn && !props.hideBtn)
+    if (!props.noBtn && !props.hideBtn)
       return false;
     return true;
   });
@@ -71,13 +71,13 @@ const ScaleViewComputed = (props, state, config) => {
   const isPreviewScale = computed(() => {
     var _a;
     let guage_id = (_a = state.ids) == null ? void 0 : _a.guage_id;
-    return guage_id && state.noBtn;
+    return guage_id && props.noBtn;
   });
   const showEvaluateEntry = computed(() => {
-    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
+    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !props.noBtn && !props.hideBtn;
   });
   const showEvaluateCoundownPage = computed(() => {
-    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
+    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !props.noBtn && !props.hideBtn;
   });
   const hasEvaluateResultSetting = computed(() => {
     let { evaluateResultSetting = {} } = state.config;
@@ -98,9 +98,9 @@ const ScaleViewComputed = (props, state, config) => {
   });
   const showSaveBtn = computed(() => {
     if (!hasEvaluateResultSetting.value && !hasDefault.value) {
-      return !state.noBtn && !props.hideBtn;
+      return !props.noBtn && !props.hideBtn;
     }
-    return !state.noBtn && !props.hideBtn && !state.isFinished;
+    return !props.noBtn && !props.hideBtn && !state.isFinished;
   });
   const componentDisable = computed(() => {
     if (!hasEvaluateResultSetting.value && !hasDefault.value) {

package/es/packages/scale-view/src/hooks/scaleview-init.mjs

@@ -170,7 +170,8 @@ const ScaleViewInit = (props, state, emit, config) => {
       }
     });
   };
-  const handleRelationLogic = (list, relationLogicObj) => {
+  const handleRelationLogic = (list, item) => {
+    let relationLogicObj = vexutils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
     let { condition } = relationLogicObj || {};
     if (!condition || !condition.length)
       return;
@@ -190,6 +191,7 @@ const ScaleViewInit = (props, state, emit, config) => {
         c.value = replaceConditionItem(matchItem.options, value);
       }
     });
+    item.relationLogic = relationLogicObj;
   };
   const handleFrontAddress = (list) => {
     if (!list || !list.length)
@@ -338,8 +340,7 @@ const ScaleViewInit = (props, state, emit, config) => {
       return item;
     });
     return results.map((item) => {
-      let relationLogicObj = vexutils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
-      handleRelationLogic(list, relationLogicObj);
+      handleRelationLogic(list, item);
       handLenextLogic(item);
       if (item.type === "CHECKBOX_BLOCK" && item.dbValue && !Array.isArray(item.dbValue) && props.type === "customList") {
         item.dbValue = item.dbValue.split(",").filter((ii) => !!ii);

package/es/packages/scale-view/src/hooks/scaleview-validate.mjs

@@ -4,70 +4,6 @@ import { ScaleViewComputed } from './scaleview-computed.mjs';
 
 const ScaleViewValidate = (props, state, config) => {
   const { formKey } = ScaleViewComputed(props, state, config);
-  const formatRules = (formArray) => {
-    const rules = {};
-    formArray.forEach((item) => {
-      let newTitle = formKey(item);
-      if (newTitle.includes(".")) {
-        newTitle = newTitle.replace(/\./g, "~-~");
-      }
-      rules[newTitle] = [];
-      if (item.required) {
-        rules[newTitle].push({ required: item.required, message: "\u5FC5\u586B", trigger: "change" });
-      }
-      if (item.type == "MOBILE" && item.validation) {
-        rules[newTitle].push({
-          pattern: /^1[3456789]\d{9}$/,
-          message: "\u683C\u5F0F\u9519\u8BEF",
-          trigger: "blur"
-        });
-      } else if (item.type == "ID_CARD" && item.validation) {
-        rules[newTitle].push({
-          pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
-          message: "\u683C\u5F0F\u9519\u8BEF",
-          trigger: "blur"
-        });
-      } else if (item.type == "ADDRESS" && item.required) {
-        if (handleAddressType(item)) {
-          rules[newTitle].push({
-            validator: checkAdress,
-            trigger: "change"
-          });
-        }
-      } else if (item.type == "LABEL" && item.required) {
-        rules[newTitle].push({
-          validator: checkLabel,
-          trigger: "change"
-        });
-      } else if (item.type == "DATETIME" && props.type == "customList") {
-        let dateMaxType = handleDateMaxType(item);
-        if (!dateMaxType)
-          return;
-        let obj = {
-          1: "checkDateMaxCur",
-          2: "checkDateMaxSet",
-          3: "checkDateMaxOther"
-        };
-        rules[newTitle].push({
-          validator: (rule, value) => obj[dateMaxType](rule, value, item),
-          trigger: "change"
-        });
-      } else if (item.type === "RADIO_BLOCK") {
-        state.choiceComObj[formKey(item)] = {};
-        rules[newTitle].push({
-          validator: (rule, value) => checkRadio(rule, value, item),
-          trigger: "change"
-        });
-      } else if (item.type === "CHECKBOX_BLOCK") {
-        state.choiceComObj[formKey(item)] = {};
-        rules[newTitle].push({
-          validator: (rule, value) => checkCheckbox(rule, value, item),
-          trigger: "change"
-        });
-      }
-    });
-    return rules;
-  };
   const handleAddressType = (item) => {
     let setObj = { addressType: "province-city-district-address" };
     if (vexutils.isJSON(item.setting)) {
@@ -156,6 +92,91 @@ const ScaleViewValidate = (props, state, config) => {
     }
     return true;
   };
+  const checkType = (val) => {
+    return Object.prototype.toString.call(val);
+  };
+  const validateRequired = (rule, value) => {
+    let type = checkType(value);
+    if (type == "[object Object]") {
+      if (value && Object.keys(value).length)
+        return true;
+    } else if (type == "[object Array]") {
+      if (value && value.length)
+        return true;
+    } else if (type == "[object Number]") {
+      if (value || value === 0)
+        return true;
+    } else {
+      if (value)
+        return true;
+    }
+    return new Error("\u5FC5\u586B");
+  };
+  const filterArr = ["LABEL", "ADDRESS"];
+  const formatRules = (formArray) => {
+    const rules = {};
+    formArray.forEach((item) => {
+      let newTitle = item.val_key;
+      if (newTitle.includes(".")) {
+        newTitle = newTitle.replace(/\./g, "~-~");
+      }
+      rules[newTitle] = [];
+      if (item.required && !filterArr.includes(item.type)) {
+        rules[newTitle].push({ required: item.required, message: "\u5FC5\u586B", trigger: "change", validator: validateRequired });
+      }
+      if (item.type == "MOBILE" && item.validation) {
+        rules[newTitle].push({
+          pattern: /^1[3456789]\d{9}$/,
+          message: "\u683C\u5F0F\u9519\u8BEF",
+          trigger: "blur"
+        });
+      } else if (item.type == "ID_CARD" && item.validation) {
+        rules[newTitle].push({
+          pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
+          message: "\u683C\u5F0F\u9519\u8BEF",
+          trigger: "blur"
+        });
+      } else if (item.type == "ADDRESS" && item.required) {
+        if (handleAddressType(item)) {
+          rules[newTitle].push({
+            validator: checkAdress,
+            trigger: "change"
+          });
+        }
+      } else if (item.type == "LABEL" && item.required) {
+        rules[newTitle].push({
+          validator: checkLabel,
+          trigger: "change"
+        });
+      } else if (item.type == "DATETIME" && props.type == "customList") {
+        let dateMaxType = handleDateMaxType(item);
+        if (!dateMaxType)
+          return;
+        let obj = {
+          1: "checkDateMaxCur",
+          2: "checkDateMaxSet",
+          3: "checkDateMaxOther"
+        };
+        rules[newTitle].push({
+          validator: (rule, value) => obj[dateMaxType](rule, value, item),
+          trigger: "change"
+        });
+      } else if (item.type === "RADIO_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkRadio(rule, value, item),
+          trigger: "change"
+        });
+      } else if (item.type === "CHECKBOX_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkCheckbox(rule, value, item),
+          trigger: "change"
+        });
+      }
+    });
+    return rules;
+  };
   return {
     formatRules
   };

package/es/packages/scale-view/src/hooks/use-component.d.ts

@@ -5163,6 +5163,7 @@ export declare const componentMap: {
                     scrollable: BooleanConstructor;
                     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
                     'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
                     onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -5464,6 +5465,7 @@ export declare const componentMap: {
                     scrollable: BooleanConstructor;
                     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
                     'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
                     onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -5629,7 +5631,10 @@ export declare const componentMap: {
                         readonly default: true;
                     };
                     readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-                    readonly nativeFocusBehavior: BooleanConstructor;
+                    readonly nativeFocusBehavior: {
+                        readonly type: BooleanConstructor;
+                        readonly default: boolean;
+                    };
                     readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                         heightTiny: string;
                         heightSmall: string;
@@ -6343,7 +6348,10 @@ export declare const componentMap: {
                         readonly default: true;
                     };
                     readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-                    readonly nativeFocusBehavior: BooleanConstructor;
+                    readonly nativeFocusBehavior: {
+                        readonly type: BooleanConstructor;
+                        readonly default: boolean;
+                    };
                     readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                         heightTiny: string;
                         heightSmall: string;
@@ -8484,7 +8492,10 @@ export declare const componentMap: {
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -9198,7 +9209,10 @@ export declare const componentMap: {
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;