cnhis-design-vue 3.1.5-beta.1 → 3.1.5-beta.10

package/es/packages/form-table/src/hooks/useValidate.mjs

@@ -1 +1 @@
-export{useValidate}from"./useValidate2.mjs";
+export { useValidate } from './useValidate2.mjs';

package/es/packages/form-table/src/hooks/useValidate2.mjs

@@ -1 +1,480 @@
-function e(e){function r(e,r,t){try{const{validate:i={}}=r||{};if("id_card"==i.vali_obj){if(!/^\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}))$/.test(e))return void t("请输入正确的身份证号码")}t()}catch(e){console.log(e,"------handlerSetIdCarInfoValidate"),t()}}const t=(e,r,t)=>{try{const{validate:i,is_null:l,decimal_length:a,alias:n,name:s}=r,{min_value:o,max_value:c}=i||{};let u=n||s;if(isNaN(+e))return void t("只能输入数字");if(0==l&&!e&&0!=e)return void t(`请输入${u}有效范围`);if(!e&&0!==e)return void(0==l?t(`请输入${u}有效范围`):t());const g=a||i.decimal_length,d=(e+"").trim().split(".");if(g&&0!=g){if(d[1]&&d[1].length>g)return void t("小数最多"+g+"位")}else{if(!/^-?[0-9]+$/.test(e))return void t("请输入整数")}let f=+e>+c,h=+o>+e;if((o||c)&&(e||0==e))return(o||"0"===String(o))&&c&&(f||h)?t(`请输入${o}~${c}`):(o&&h||c&&f)&&t(`请输入${u}有效范围`),void t();t()}catch(e){console.log(e,"------checkAgeJson"),t()}},i=(e,r,t)=>{try{const{is_null:i,alias:l,name:a}=r,{year:n,month:s,day:o,days:c}=e,u=e=>"0"===String(e)||e>0,g=()=>!(u(n)||u(s)||u(o));if(0==i){if(g())return void t(`请输入${l||a}`);if(c>73e3)return void t("超出年龄范围0~200岁")}t()}catch(e){console.log(e,"------checkAgeJson"),t()}},l=(e,r,t)=>{try{let{is_null:i,name:l,alias:a}=r;if(!e&&0==i)return void t(`${a||l}不能为空`);t()}catch(e){console.log(e,"------checkMultipleChoice"),t()}},a=(e,r,t)=>{try{const{multi_select:i,multi_select_value:l,is_null:a,alias:n,name:s}=r;if(Array.isArray(e)){if(0==a&&0===e.length)return void t();if(1==a&&0===e.length)return void t();l&&e.length>l&&t(`最多只能选择${l}项`)}t()}catch(e){console.log(e,"------checkMultipleChoice"),t()}},n=(e,r,t)=>{try{console.log(e,"---value---checkLength");const{validate:i={},is_null:l,html_type:a}=r||{};let{min_length:n,max_length:s}=i||{},o=e+"";if("INPUT"===a)s=s?+s:300;else if("TEXTAREA"===a)s=s?+s:500;else if("RICH_TEXT"===a){const r=document.createElement("div");r.innerHTML=e,o=r.innerText}const c=o.length;let u=c>s,g=n>c;if(0==l&&!e&&0!=e)return void t(`请输入${n||0}-${s}个字符`);if(1==l&&!e)return void t();(n||"0"===String(n))&&s&&(u||g)?t(`请输入${n||0}-${s}个字符`):n&&g?t(`至少输入${n}个字符`):s&&u&&t(`最多只能输入${s}个字符`),t()}catch(e){console.log(e,"------checkLength"),t()}};function s(e){if(!e)return;const r="integer"==e;return{pattern:r?/^-?[0-9]+$/:/^(-?[0-9]+)(\.[0-9]+)?$/,message:r?"只能输入整数":"只能输入整数和小数"}}function o(e){try{const{validate:r={},regular_expression:t,regular_error_tip:i}=e;let l=t||(null==r?void 0:r.regular_expression),a=i||(null==r?void 0:r.regular_error_tip);if(!l)return console.log(`${e.name}正则错误：`,l),null;return{pattern:new RegExp(l),message:a||"请输入有效格式"}}catch(e){return null}}const c=(e,r,t)=>{try{const{is_null:i,delete_before_after_spaces:l}=r;if("string"==typeof e&&1==l){if(!e.trim()&&0==i)return void t("不可为空")}t()}catch(e){console.log(e,"------checkinputBlank"),t()}},u=(e,r,t)=>{try{let{is_null:i,name:l,alias:a,val_key:n,multi_select_value:s,multi_select:o,max_length:c}=r;if(Array.isArray(e)){if(0==i&&!e.length)return void t();if(1==i&&!e.length)return void t();c&&Number(c)&&e.length>+c&&t(`${a||l} 最多只能选择${c}项`)}t()}catch(e){t()}};return{handleGetRules:function(g,d,f=!1){let h={validate:!0,errorMsg:void 0};const{validate:m={},is_null:v}=d;let{vali_obj:_}=m;if(d.lineBarCheck||d.is_hide_field)return h;let k=`请输入${d.name}`;switch(d.html_type){case"INPUT":case"TEXTAREA":if(0==d.is_null&&!g)return!f&&e.message.error(k),h={validate:!1,errorMsg:k},h;if("mobile"!=_&&n(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h})),["integer","number"].includes(_)){const r=s(_);if(r){let{pattern:t,message:i}=r,l=t.test(g);if(!l)return!f&&e.message.error(i),l={validate:!1,errorMsg:i},l}}if("id_card"==_&&g&&r(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h})),"regular"==_&&"INPUT"==d.html_type){let r=o(d);if(g&&r){let{pattern:t,message:i}=r,l=t.test(g);if(!l)return!f&&e.message.error(i),l={validate:!1,errorMsg:i},l}}else c(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;case"DIGITAL":t(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;case"AGE_JSON":i(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;case"AGE":if(0==d.is_null&&!g)return!f&&e.message.error(k),h={validate:!1,errorMsg:k},h;l(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;case"CHECKBOX_BLOCK":case"CHECKBOX":case"SEARCH_MORE":if(!(0!=d.is_null||g&&g.length))return!f&&e.message.error(`请选择${d.name}`),h={validate:!1,errorMsg:`请选择${d.name}`},h;a(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;case"SELECT":"0"===String(d.multi_select)&&a(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;case"SEARCH_TREE":u(g,d,(r=>{if(r)return!f&&e.message.error(r),h={validate:!1,errorMsg:r},h}));break;default:if(0==d.is_null&&!g)return!f&&e.message.error(`请选择${d.name}`),h={validate:!1,errorMsg:`请选择${d.name}`},h}if(m&&"mobile"==_&&!m.phone_idcard_type&&0==v){let r=/(^[0-9]{11,11}$)/.test(g);if(!r)return!f&&e.message.error("请正确输入手机号"),r={validate:!1,errorMsg:"请正确输入手机号"},r}return h},handlerSetIdCarInfoValidate:r,getInputCheck:s,getCustomRegular:o,checkDigital:t,checkAgeJson:i,checkAge:l,checkMultipleChoice:a,checkLength:n,checkinputBlank:c,checkSearchCascade:(e,r,t)=>{try{let i=e;const{is_null:l,name:a}=r;if(!Array.isArray(i))return void t();i=null==i?void 0:i.filter(Boolean);let n=(null==i?void 0:i.length)||0;if(1==l&&0===n)return void t();0!=l||i&&0!==n||t(`请选${a}`),t()}catch(e){console.log(e,"------checkSearchCascade"),t()}},checkMultipleTree:u}}export{e as useValidate};
+function useValidate(context) {
+  function handleGetRules(value, item, hideMessage = false) {
+    let res = {
+      validate: true,
+      errorMsg: void 0
+    };
+    const { validate = {}, is_null } = item;
+    let { vali_obj } = validate;
+    if (item.lineBarCheck || item.is_hide_field) {
+      return res;
+    }
+    let errorMsg = `\u8BF7\u8F93\u5165${item.name}`;
+    switch (item.html_type) {
+      case "INPUT":
+      case "TEXTAREA":
+        if (item.is_null == 0 && !value) {
+          !hideMessage && context.message.error(errorMsg);
+          res = {
+            validate: false,
+            errorMsg
+          };
+          return res;
+        }
+        if (vali_obj != "mobile") {
+          checkLength(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        if (["integer", "number"].includes(vali_obj)) {
+          const rule = getInputCheck(vali_obj);
+          if (rule) {
+            let { pattern, message } = rule;
+            let res2 = pattern.test(value);
+            if (!res2) {
+              !hideMessage && context.message.error(message);
+              res2 = {
+                validate: false,
+                errorMsg: message
+              };
+              return res2;
+            }
+          }
+        }
+        if (vali_obj == "id_card" && value) {
+          handlerSetIdCarInfoValidate(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        if (vali_obj == "regular" && item.html_type == "INPUT") {
+          let rule = getCustomRegular(item);
+          if (value && rule) {
+            let { pattern, message } = rule;
+            let res2 = pattern.test(value);
+            if (!res2) {
+              !hideMessage && context.message.error(message);
+              res2 = {
+                validate: false,
+                errorMsg: message
+              };
+              return res2;
+            }
+          }
+        } else {
+          checkinputBlank(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        break;
+      case "DIGITAL":
+        checkDigital(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "AGE_JSON":
+        checkAgeJson(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "AGE":
+        if (item.is_null == 0 && !value) {
+          !hideMessage && context.message.error(errorMsg);
+          res = {
+            validate: false,
+            errorMsg
+          };
+          return res;
+        }
+        checkAge(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "CHECKBOX_BLOCK":
+      case "CHECKBOX":
+      case "SEARCH_MORE":
+        if (item.is_null == 0 && (!value || !value.length)) {
+          !hideMessage && context.message.error(`\u8BF7\u9009\u62E9${item.name}`);
+          res = {
+            validate: false,
+            errorMsg: `\u8BF7\u9009\u62E9${item.name}`
+          };
+          return res;
+        }
+        checkMultipleChoice(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "SELECT":
+        if (String(item.multi_select) === "0") {
+          checkMultipleChoice(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        break;
+      case "SEARCH_TREE":
+        checkMultipleTree(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      default:
+        if (item.is_null == 0 && !value) {
+          !hideMessage && context.message.error(`\u8BF7\u9009\u62E9${item.name}`);
+          res = {
+            validate: false,
+            errorMsg: `\u8BF7\u9009\u62E9${item.name}`
+          };
+          return res;
+        }
+        break;
+    }
+    if (validate && vali_obj == "mobile" && !validate.phone_idcard_type && is_null == 0) {
+      let res2 = /(^[0-9]{11,11}$)/.test(value);
+      if (!res2) {
+        !hideMessage && context.message.error("\u8BF7\u6B63\u786E\u8F93\u5165\u624B\u673A\u53F7");
+        res2 = {
+          validate: false,
+          errorMsg: "\u8BF7\u6B63\u786E\u8F93\u5165\u624B\u673A\u53F7"
+        };
+        return res2;
+      }
+    }
+    return res;
+  }
+  function handlerSetIdCarInfoValidate(value, item, callback) {
+    try {
+      const { validate = {} } = item || {};
+      if (validate.vali_obj == "id_card") {
+        const pat = /^\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}))$/;
+        if (!pat.test(value)) {
+          callback("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u8EAB\u4EFD\u8BC1\u53F7\u7801");
+          return;
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------handlerSetIdCarInfoValidate");
+      callback();
+    }
+  }
+  const checkDigital = (value, item, callback) => {
+    try {
+      const { validate, is_null, decimal_length, alias, name } = item;
+      const { min_value, max_value } = validate || {};
+      let showName = alias || name;
+      if (isNaN(+value)) {
+        callback("\u53EA\u80FD\u8F93\u5165\u6570\u5B57");
+        return;
+      }
+      if (is_null == 0 && !value && value != 0) {
+        callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        return;
+      }
+      if (!value && value !== 0) {
+        if (is_null == 0) {
+          callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        } else {
+          callback();
+        }
+        return;
+      }
+      const decimalLen = decimal_length || validate.decimal_length;
+      const valList = (value + "").trim().split(".");
+      if (decimalLen && decimalLen != 0) {
+        if (valList[1] && valList[1].length > decimalLen) {
+          callback("\u5C0F\u6570\u6700\u591A" + decimalLen + "\u4F4D");
+          return;
+        }
+      } else {
+        const flag = /^-?[0-9]+$/.test(value);
+        if (!flag) {
+          callback("\u8BF7\u8F93\u5165\u6574\u6570");
+          return;
+        }
+      }
+      let max = +value > +max_value, min = +min_value > +value;
+      if ((min_value || max_value) && (value || value == 0)) {
+        if ((min_value || String(min_value) === "0") && max_value && (max || min)) {
+          callback(`\u8BF7\u8F93\u5165${min_value}~${max_value}`);
+        } else if (min_value && min) {
+          callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        } else if (max_value && max) {
+          callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        }
+        callback();
+        return;
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkAgeJson");
+      callback();
+    }
+  };
+  const checkAgeJson = (value, item, callback) => {
+    try {
+      const { is_null, alias, name } = item;
+      const { year, month, day, days } = value;
+      const c = (val) => String(val) === "0" || val > 0;
+      const checkval = () => !(c(year) || c(month) || c(day));
+      if (is_null == 0) {
+        if (checkval()) {
+          callback(`\u8BF7\u8F93\u5165${alias || name}`);
+          return;
+        } else if (days > 73e3) {
+          callback(`\u8D85\u51FA\u5E74\u9F84\u8303\u56F40~200\u5C81`);
+          return;
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkAgeJson");
+      callback();
+    }
+  };
+  const checkAge = (value, item, callback) => {
+    try {
+      let { is_null, name, alias } = item;
+      if (!value && is_null == 0) {
+        callback(`${alias || name}\u4E0D\u80FD\u4E3A\u7A7A`);
+        return;
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkMultipleChoice");
+      callback();
+    }
+  };
+  const checkMultipleChoice = (value, item, callback) => {
+    try {
+      const { multi_select, multi_select_value, is_null, alias, name } = item;
+      if (Array.isArray(value)) {
+        if (is_null == 0) {
+          if (value.length === 0) {
+            callback();
+            return;
+          }
+        }
+        if (is_null == 1 && value.length === 0) {
+          callback();
+          return;
+        }
+        if (multi_select_value) {
+          if (value.length > multi_select_value) {
+            callback(`\u6700\u591A\u53EA\u80FD\u9009\u62E9${multi_select_value}\u9879`);
+          }
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkMultipleChoice");
+      callback();
+    }
+  };
+  const checkLength = (value, item, callback) => {
+    try {
+      console.log(value, "---value---checkLength");
+      const { validate = {}, is_null, html_type } = item || {};
+      let { min_length, max_length } = validate || {};
+      let curval = value + "";
+      if (html_type === "INPUT") {
+        max_length = max_length ? +max_length : 300;
+      } else if (html_type === "TEXTAREA") {
+        max_length = max_length ? +max_length : 500;
+      } else if (html_type === "RICH_TEXT") {
+        const div = document.createElement("div");
+        div.innerHTML = value;
+        curval = div.innerText;
+      }
+      const strlen = curval.length;
+      let max = strlen > max_length, min = min_length > strlen;
+      if (is_null == 0 && !value && value != 0) {
+        callback(`\u8BF7\u8F93\u5165${min_length || 0}-${max_length}\u4E2A\u5B57\u7B26`);
+        return;
+      }
+      if (is_null == 1 && !value) {
+        callback();
+        return;
+      }
+      if ((min_length || String(min_length) === "0") && max_length && (max || min)) {
+        callback(`\u8BF7\u8F93\u5165${min_length || 0}-${max_length}\u4E2A\u5B57\u7B26`);
+      } else if (min_length && min) {
+        callback(`\u81F3\u5C11\u8F93\u5165${min_length}\u4E2A\u5B57\u7B26`);
+      } else if (max_length && max) {
+        callback(`\u6700\u591A\u53EA\u80FD\u8F93\u5165${max_length}\u4E2A\u5B57\u7B26`);
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkLength");
+      callback();
+    }
+  };
+  function getInputCheck(validate) {
+    if (!validate)
+      return;
+    const isInteger = validate == "integer";
+    return {
+      pattern: isInteger ? /^-?[0-9]+$/ : /^(-?[0-9]+)(\.[0-9]+)?$/,
+      message: isInteger ? "\u53EA\u80FD\u8F93\u5165\u6574\u6570" : "\u53EA\u80FD\u8F93\u5165\u6574\u6570\u548C\u5C0F\u6570"
+    };
+  }
+  function getCustomRegular(item) {
+    try {
+      const { validate = {}, regular_expression, regular_error_tip } = item;
+      let regStr = regular_expression || (validate == null ? void 0 : validate.regular_expression);
+      let tip = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip);
+      if (!regStr) {
+        console.log(`${item.name}\u6B63\u5219\u9519\u8BEF\uFF1A`, regStr);
+        return null;
+      }
+      const reg = new RegExp(regStr);
+      return {
+        pattern: reg,
+        message: tip || "\u8BF7\u8F93\u5165\u6709\u6548\u683C\u5F0F"
+      };
+    } catch (error) {
+      return null;
+    }
+  }
+  const checkinputBlank = (value, item, callback) => {
+    try {
+      const { is_null, delete_before_after_spaces } = item;
+      if (typeof value === "string" && delete_before_after_spaces == 1) {
+        let val = value.trim();
+        if (!val && is_null == 0) {
+          callback(`\u4E0D\u53EF\u4E3A\u7A7A`);
+          return;
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkinputBlank");
+      callback();
+    }
+  };
+  const checkSearchCascade = (value, item, callback) => {
+    try {
+      let curval = value;
+      const { is_null, name } = item;
+      if (!Array.isArray(curval)) {
+        callback();
+        return;
+      }
+      curval = curval == null ? void 0 : curval.filter(Boolean);
+      let len = (curval == null ? void 0 : curval.length) || 0;
+      if (is_null == 1 && len === 0) {
+        callback();
+        return;
+      } else if (is_null == 0 && (!curval || len === 0)) {
+        callback(`\u8BF7\u9009${name}`);
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkSearchCascade");
+      callback();
+    }
+  };
+  const checkMultipleTree = (value, item, callback) => {
+    try {
+      let { is_null, name, alias, val_key, multi_select_value, multi_select, max_length } = item;
+      let selectedKey = `${val_key}_${name}`;
+      if (Array.isArray(value)) {
+        if (is_null == 0) {
+          if (!value.length) {
+            callback();
+            return;
+          }
+        }
+        if (is_null == 1 && !value.length) {
+          callback();
+          return;
+        }
+        if (max_length && Number(max_length)) {
+          if (value.length > +max_length) {
+            callback(`${alias || name} \u6700\u591A\u53EA\u80FD\u9009\u62E9${max_length}\u9879`);
+          }
+        }
+      }
+      callback();
+    } catch (error) {
+      callback();
+    }
+  };
+  return {
+    handleGetRules,
+    handlerSetIdCarInfoValidate,
+    getInputCheck,
+    getCustomRegular,
+    checkDigital,
+    checkAgeJson,
+    checkAge,
+    checkMultipleChoice,
+    checkLength,
+    checkinputBlank,
+    checkSearchCascade,
+    checkMultipleTree
+  };
+}
+
+export { useValidate };

package/es/packages/form-table/style/index.css

@@ -91,6 +91,29 @@
 .table-default-select .n-select-dropdown-menu-item-selected {
   color: #5585f5;
 }
+.tableItem-search-more-select .title-line {
+  font-weight: 700;
+  color: #000;
+  font-size: 14px;
+}
+.tableItem-search-more-select .select-content-item {
+  padding: 0 5px;
+}
+.tableItem-search-more-select .n-select-dropdown-menu-item-selected {
+  color: #5585f5;
+}
+.table-select-error .n-select-selection {
+  border-color: red !important;
+}
+.table-error-textarea .n-input {
+  border-color: red !important;
+}
+.table-time-picker {
+  width: 100%;
+}
+.table-time-picker-error .n-input {
+  border-color: red !important;
+}
 .formTable-page-disabled--detail .vxe-table .vxe-cell .form-table-item {
   display: flex;
   align-items: center;

package/es/packages/form-table/style/index.less

@@ -127,6 +127,42 @@
   }
 }
 
+.tableItem-search-more-select {
+  .title-line {
+    font-weight: 700;
+    color: #000;
+    font-size: 14px;
+  }
+  .select-content-item {
+    padding: 0 5px;
+  }
+  .n-select-dropdown-menu-item-selected {
+    color: #5585f5;
+  }
+}
+
+.table-select-error {
+  .n-select-selection {
+    border-color: red !important;
+  }
+}
+
+.table-error-textarea {
+  .n-input {
+    border-color: red !important;
+  }
+}
+
+.table-time-picker {
+  width: 100%;
+}
+
+.table-time-picker-error {
+  .n-input {
+    border-color: red !important;
+  }
+}
+
 
 .formTable-page-disabled--detail {
   .vxe-table {

package/es/packages/grid/index.mjs

@@ -1 +1 @@
-export{default}from"./index2.mjs";
+export { default } from './index2.mjs';

package/es/packages/grid/index2.mjs

@@ -1 +1,14 @@
-import{KEY_COMPONENT_NAME as s}from"cnhis-design-vue/es/src/global/variable";import{safeComponentRegister as i,getComponentName as r,loadVxeTable as o}from"cnhis-design-vue/es/src/utils";import e from"./src/Grid2.mjs";const t=e;t.install=function(e){i(e,t,s+r(t)),o(e)};export{t as default};
+import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
+import { loadVxeTable } from 'cnhis-design-vue/es/src/utils/loadVxe';
+import { expandXEUtils } from 'cnhis-design-vue/es/src/utils/utilExpand';
+import script from './src/Grid2.mjs';
+
+const Grid = script;
+Grid.install = function(app) {
+  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
+  loadVxeTable(app);
+  expandXEUtils();
+};
+
+export { Grid as default };

package/es/packages/grid/src/Grid.mjs

@@ -1 +1 @@
-export{default}from"./Grid2.mjs";
+export { default } from './Grid2.mjs';

package/es/packages/grid/src/Grid2.mjs

@@ -1 +1,28 @@
-import{defineComponent as r,createVNode as e,resolveComponent as t,mergeProps as o,isVNode as n}from"vue";import{useMethods as a}from"./hooks2.mjs";var d=r({name:"Grid",setup:(r,{attrs:d,slots:i})=>({...a(),renderVN:()=>{return e(t("vxe-grid"),o({ref:"xGrid"},d),"function"==typeof(r=i)||"[object Object]"===Object.prototype.toString.call(r)&&!n(r)?i:{default:()=>[i]});var r}}),render(){return this.renderVN()}});export{d as default};
+import { defineComponent, createVNode, resolveComponent, mergeProps, isVNode } from 'vue';
+import { useMethods } from './hooks2.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var script = defineComponent({
+  name: "Grid",
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const renderVN = () => createVNode(resolveComponent("vxe-grid"), mergeProps({
+      "ref": "xGrid"
+    }, attrs), _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+    return {
+      ...useMethods(),
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/packages/grid/src/hooks.mjs

@@ -1 +1 @@
-export{useMethods}from"./hooks2.mjs";
+export { useMethods } from './hooks2.mjs';