cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/components/big-table/src/hooks/useFormat.js

@@ -1 +1,519 @@
-import"xe-utils";import"moment";import e from"../../../../shared/utils/vexutilsExpand.js";const t=(t,s)=>{const i=(s={tableList:[],fieldList:[],btnList:[],showButtonTop:0,isNestTabel:!1,mainTableTheUniqueKey:"",mainTableRow:{},nestTableId:""})=>{var r;const{tableList:c,fieldList:p,btnList:g,showButtonTop:f,isNestTabel:m,mainTableTheUniqueKey:b,mainTableRow:d,nestTableId:N}=s,{nobutton:S=!1}=(null==(r=t.options)?void 0:r.config)||{};return c.map(((s,r)=>{const c=e.clone(s,!0);c.origin=e.clone(s,!0),m&&Object.assign(c,{__mainTableTheUniqueKey__:b,__isNestTabel__:m,__mainTableRow__:d,__nestTableId__:N}),Object.assign(c,{my_index:c.theUniqueKey,isClick:!1,isChecked:!1}),c._triggerMethodField=t.triggerMethodField;const h={};if(Object.keys(c).forEach((i=>{var n;h[i]=c[i],e.isPlainObject(c[i])&&(c[i]=JSON.stringify(c[i]));const r=p.find((e=>e.columnName===i));if(!r)return;const{attrType:g,colorAndIcon:f,settingObj:m}=r||{};if(g||(r.attrType=(null==m?void 0:m.attr)||void 0),f||(r.colorAndIcon=(null==m?void 0:m.colorAndIcon)||void 0),c[i]&&"PERCENTAGE"===(null==(n=null==r?void 0:r.settingObj)?void 0:n.attr)&&e.isNumber(+c[i])&&(c[i]=u(+c[i],100)+"%"),e.isString(c[i])){if(r&&r.attrType){if(c[i]&&(c[i].includes("http://")||c[i].includes("https://"))&&"PICTURE"!=r.attrType&&e.isJSON(c[i])&&(c[i]=JSON.parse(c[i])),"FILE"==r.attrType)c[i]=o(c[i],"str","");else if("MULTISELECT"==r.attrType)e.isJSON(c[i])&&(c[i]=JSON.parse(c[i])),c[i]=a(c[i],"objStr");else if("LABEL"==r.attrType){if(e.isJSON(c[i])&&(c[i]=JSON.parse(c[i]),c[i].labels||(c[i]=o(c[i],"type","labelStr"))),c[i]){const e=c[i].labels||c[i].split(",");let s=[];(null==e?void 0:e.length)>0&&(s=l(e)),c[i]="guageChoice"===t.source?s.join("、"):s.join("")}}else if("CASCADE"==r.attrType)e.isJSON(c[i])&&(c[i]=JSON.parse(c[i])),c[i]=o(c[i],"type","objStr");else if("EVALUATE"==r.attrType){const t=c[i];if(e.isJSON(t)){const e=JSON.parse(t);c[i]=e.star?`${e.star}星`:""}else c[i]=t}else if("MAP"==r.attrType){const t=c[i];if(e.isJSON(t)){const e=JSON.parse(t);c[i]=e.address||""}else c[i]=t}else if("PICTURE"==r.attrType&&e.isJSON(c[i])){let e=JSON.parse(c[i]);e=e.map((e=>e.url)),c[i]=e.join(",")}}else if(c[i].includes("http://")||c[i].includes("https://"))try{c[i]=JSON.parse(c[i]),c[i]=o(c[i],"str","")}catch(e){}if(c[i]&&e.isString(c[i])&&c[i].startsWith("###{")){const e=JSON.parse(c[i].replace("###",""));if("tooltip"in e)c[i]=e;else if("guageChoice"===t.source)c[i]=e.change_text;else if("#ffffff"!=e.background){const t=/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;let s=e.background,n=`<span class="${e.icon}"></span>`;t.test(e.icon)&&(s=e.icon,n=`<span class="icon-dot-custom" style="--table-icon-color:${e.icon};--table-icon-shadow:${e.icon}80"></span>`),c[i]=`<span class="field-span" style="color:${s}">${n}${e.change_text||""}</span>`}else c[i]=e.change_text}}if(c[i]&&r&&r.colorAndIcon&&!/<\/?span.*?>/g.test(c[i])){const{colorAndIcon:n=[]}=r;if(n&&n.length){const l=n.find((t=>e.parseCondition(t.condition,{form:{},table:{...s},sys:{}},p)));l&&"guageChoice"!==t.source&&(c[i]=`<span style="color:${l.color}"><span class="${l.icon}"></span>${c[i]||""}</span>`)}}})),c.operatorColumn){c.btnList=[],c.allBtnList=[],c.tileBtnList=[],c.foldBtnList=[];const e=[];S||null==g||g.forEach((t=>{if(c.operatorColumn.find((e=>e.includes(t.sid)))){if("1"==t.isShow){if("LINK"==t.type){e.push(t.name);const s=Array.isArray(t.settingObj)?t.settingObj[0]:t.settingObj,i=t.name;s&&"switch"==s.linkShowType&&(c[i]=h[i]||c[i])}c.btnList.push(t),c.allBtnList.push(t),n(t)||("fold"==t.toggle?c.foldBtnList.push(t):c.tileBtnList.push(t))}}else"ADD"!=t.type&&"BATCH"!=t.type||"1"==t.isShow&&c.allBtnList.push(t)})),c.btnLinks=e}return p.forEach((s=>{var i,n,a;if("DATE"==s.fieldType||"DATETIME"==s.fieldType||"TIME"==s.fieldType)if(s.settingObj&&"BIRTHDAY"==s.settingObj.attr&&s.settingObj.format){const t=31536e6,i=+new Date;let n,l,o;const a=s.settingObj.format.includes("age");if(l=e.isNumber(+c[s.columnName])?new Date(+c[s.columnName]).toLocaleDateString().replace(/\//g,"-"):c[s.columnName],!l)return;const r=+new Date(l.replace("/"));a?(o=l.split("-"),o.shift(),n=(i-r)/t,(n<0||isNaN(n))&&(n=0),c[s.columnName]="age"==s.settingObj.format?n+"岁":o.join("-")+`（${n}岁）`):c[s.columnName]=e.toDateString(l,s.settingObj.format)}else if(e.isNumber(+c[s.columnName]))c[s.columnName]=e.formatTime(s.fieldType,c[s.columnName]);else if(e.isJSON(s.guageSetting)){if("1"===JSON.parse(s.guageSetting).startToStop)try{const e=JSON.parse(c[s.columnName]);c[s.columnName]=e.join("~")}catch(e){c[s.columnName]=""}}if(s.settingObj&&"WEBSITE"==s.settingObj.attr){if(c[s.columnName]){let e=s.columnName,i="";s.settingObj.websiteAttr&&(s.settingObj.websiteAttr.startsWith("table.")?e=s.settingObj.websiteAttr.split(".")[1]:i=s.settingObj.websiteAttr),i=i||(c[e]||c[s.columnName]),"guageChoice"===t.source?c[s.columnName]=i:c[s.columnName]=`<span ><a href="${c[s.columnName]}" title="${c[s.columnName]}" target="_blank">${i}</a></span>`}}else s.fieldSetting&&(c.fieldSetting=s.fieldSetting);if(s.guageType){const{guageType:r,columnName:u,guageSetting:p,settingObj:g={}}=s;let f=null;if(e.isJSON(p)&&(f=JSON.parse(p)),"CHECKBOX_BLOCK"==r||"EVALUATE_CHECKBOX_BLOCK"==r)e.isJSON(c[u])&&(c[u]=JSON.parse(c[u]).join(","));else if("SELECT"==r)f.isMultiple&&e.isJSON(c[u])&&(c[u]=c[u]?JSON.parse(c[u]).join(","):"");else if("SEARCH_CASCADE"==r)c[u]&&(e.isJSON(c[u])?c[u]=JSON.parse(c[u]).join(","):Array.isArray(c[u])&&(c[u]=c[u].join(",")));else if("DATE"==r||"TIME"==r)1==f.startToStop&&(c[u]=c[u]?JSON.parse(c[u]).join(","):"");else if("LOCATION"==r){if(e.isJSON(c[u])){const e=JSON.parse(c[u]);c[u]=e.address||e.name||""}}else if("LABEL"==r&&"LABEL"!==g.attr){if(e.isJSON(c[u])&&(c[u]=JSON.parse(c[u]),c[u].labels||(c[u]=o(c[u],"type","labelStr"))),c[u]){let{labels:s}=c[u],i=[];s&&e.isJSON(s)&&(s=JSON.parse(s)),Array.isArray(s)&&(null==s?void 0:s.length)>0&&(i=l(s)),c[u]="guageChoice"===t.source?i.join("、"):i.join("")}}else if("ADDRESS"==r&&e.isJSON(c[u])){const e=JSON.parse(c[u]),t=(null==(i=e.province)?void 0:i.label)||"",s=(null==(n=e.city)?void 0:n.label)||"",l=(null==(a=e.area)?void 0:a.label)||"",o=e.address||"";!t||s||l||o?t&&s&&!l&&!o?c[u]=`${t}/${s}`:t&&s&&l&&!o?c[u]=`${t}/${s}/${l}`:t&&s&&l&&o&&(c[u]=`${t}/${s}/${l}/${o}`):c[u]=`${t}`}}"[]"!=c[s.columnName]&&"{}"!=c[s.columnName]||(c[s.columnName]="")})),c.children&&(c.childrenList=c.children,c.hasChildren=!0,delete c.children,i({tableList:c.childrenList,fieldList:p,btnList:g,showButtonTop:f})),c}))},n=e=>{if(!e.settingList)return!1;const t=JSON.parse(e.settingList);let s={};return s=Array.isArray(t)?t[0]:t,"PRINT"===s.trigger_type},l=e=>e.map((e=>{var s;if("guageChoice"===t.source)return e.labelName||e;{let t="#5585f5";return t=(null==(s=null==e?void 0:e.color)?void 0:s.includes("-"))?"#5585f5":e.color||"#5585f5",`<span class="table-label" style="background: ${t}; border-color: ${t}; color: #fff;">${e.labelName||e}</span>`}})),o=(e,t,s)=>{if(e&&e.length>0)"str"==t?e=r(e):"type"==t&&(e=c(e,s));else{if(!(e.value&&e.value.length>0))return e[s]?e[s]:"";"str"==t?e=r(JSON.parse(e.value)):"type"==t&&(e=c(JSON.parse(e.value),s))}return e},a=(e,t)=>Array.isArray(e)?"":e=c(e,t),r=e=>{const s=[];return Array.isArray(e)&&0!==e.length?(e.forEach((e=>{let i=`<span ><a href="${e.url}" target="_blank">${e.name}</a></span>`;"guageChoice"===t.source&&(i=e.name),s.push(i)})),"guageChoice"===t.source?s.join("、"):s.join(",")):""},c=(t,s)=>{let i="";return Array.isArray(t)?i||t:e.isPlainObject(t)?(i=t[s],i):i},u=(e,t)=>{var s,i;let n=0;const l=e.toString(),o=t.toString();try{n+=(null==(s=l.split(".")[1])?void 0:s.length)||0}catch(e){console.log(e)}try{n+=(null==(i=o.split(".")[1])?void 0:i.length)||0}catch(e){console.log(e)}return Number(l.replace(".",""))*Number(o.replace(".",""))/Math.pow(10,n)};return{formatData:i,htmlToText:e=>e.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi,"").replace(/<[^>]+?>/g,"").replace(/\s+/g," ").replace(/ /g," ").replace(/>/g," "),getBtnStyle:e=>"white_bg"==e.showStyle?{"border-color":e.color,color:e.color}:"none_bg"==e.showStyle?{color:e.color}:(e.showStyle,{"background-color":e.color,"border-color":e.color}),getAttr:function(e){if(s[e])return s[e];const t=e.replace(/-(\w)/g,((e,t)=>t.toUpperCase()));return s[t]||null}}};export{t as useFormat};
+import 'xe-utils';
+import 'moment';
+import vexutilsExpand from '../../../../shared/utils/vexutilsExpand.js';
+
+const useFormat = (state, attr) => {
+  const formatData = (data = {
+    tableList: [],
+    fieldList: [],
+    btnList: [],
+    showButtonTop: 0,
+    isNestTabel: false,
+    mainTableTheUniqueKey: "",
+    mainTableRow: {},
+    nestTableId: ""
+  }) => {
+    var _a;
+    const {
+      tableList,
+      fieldList,
+      btnList,
+      showButtonTop,
+      isNestTabel,
+      mainTableTheUniqueKey,
+      mainTableRow,
+      nestTableId
+    } = data;
+    const {
+      nobutton = false
+    } = ((_a = state.options) == null ? void 0 : _a.config) || {};
+    return tableList.map((_item, index) => {
+      const item = vexutilsExpand.clone(_item, true);
+      item.origin = vexutilsExpand.clone(_item, true);
+      if (isNestTabel) {
+        Object.assign(item, {
+          __mainTableTheUniqueKey__: mainTableTheUniqueKey,
+          __isNestTabel__: isNestTabel,
+          __mainTableRow__: mainTableRow,
+          __nestTableId__: nestTableId
+        });
+      }
+      Object.assign(item, {
+        my_index: item.theUniqueKey,
+        isClick: false,
+        isChecked: false
+      });
+      item._triggerMethodField = state.triggerMethodField;
+      const originalValue = {};
+      Object.keys(item).forEach((key) => {
+        var _a2;
+        originalValue[key] = item[key];
+        if (vexutilsExpand.isPlainObject(item[key])) {
+          item[key] = JSON.stringify(item[key]);
+        }
+        const matchFieldList = fieldList.find((field) => field.columnName === key);
+        if (!matchFieldList)
+          return;
+        const {
+          attrType,
+          colorAndIcon,
+          settingObj
+        } = matchFieldList || {};
+        if (!attrType) {
+          matchFieldList.attrType = (settingObj == null ? void 0 : settingObj.attr) || void 0;
+        }
+        if (!colorAndIcon) {
+          matchFieldList.colorAndIcon = (settingObj == null ? void 0 : settingObj.colorAndIcon) || void 0;
+        }
+        if (item[key] && ((_a2 = matchFieldList == null ? void 0 : matchFieldList.settingObj) == null ? void 0 : _a2.attr) === "PERCENTAGE") {
+          if (vexutilsExpand.isNumber(+item[key])) {
+            item[key] = accMul(+item[key], 100) + "%";
+          }
+        }
+        if (vexutilsExpand.isString(item[key])) {
+          if (matchFieldList && matchFieldList.attrType) {
+            if (item[key] && (item[key].includes("http://") || item[key].includes("https://")) && matchFieldList.attrType != "PICTURE") {
+              if (vexutilsExpand.isJSON(item[key])) {
+                item[key] = JSON.parse(item[key]);
+              }
+            }
+            if (matchFieldList.attrType == "FILE") {
+              item[key] = handleJson(item[key], "str", "");
+            } else if (matchFieldList.attrType == "MULTISELECT") {
+              if (vexutilsExpand.isJSON(item[key])) {
+                item[key] = JSON.parse(item[key]);
+              }
+              item[key] = handleMULTISELECT(item[key], "objStr");
+            } else if (matchFieldList.attrType == "LABEL") {
+              if (vexutilsExpand.isJSON(item[key])) {
+                item[key] = JSON.parse(item[key]);
+                if (!item[key].labels) {
+                  item[key] = handleJson(item[key], "type", "labelStr");
+                }
+              }
+              if (item[key]) {
+                const labels = item[key].labels || item[key].split(",");
+                let curHtml = [];
+                if ((labels == null ? void 0 : labels.length) > 0) {
+                  curHtml = handleLabel(labels);
+                }
+                item[key] = state.source === "guageChoice" ? curHtml.join("\u3001") : curHtml.join("");
+              }
+            } else if (matchFieldList.attrType == "CASCADE") {
+              if (vexutilsExpand.isJSON(item[key])) {
+                item[key] = JSON.parse(item[key]);
+              }
+              item[key] = handleJson(item[key], "type", "objStr");
+            } else if (matchFieldList.attrType == "EVALUATE") {
+              const str = item[key];
+              if (vexutilsExpand.isJSON(str)) {
+                const obj = JSON.parse(str);
+                item[key] = obj.star ? `${obj.star}\u661F` : "";
+              } else {
+                item[key] = str;
+              }
+            } else if (matchFieldList.attrType == "MAP") {
+              const str = item[key];
+              if (vexutilsExpand.isJSON(str)) {
+                const obj = JSON.parse(str);
+                item[key] = obj.address || "";
+              } else {
+                item[key] = str;
+              }
+            } else if (matchFieldList.attrType == "PICTURE" && vexutilsExpand.isJSON(item[key])) {
+              let pics = JSON.parse(item[key]);
+              pics = pics.map((ii) => ii.url);
+              item[key] = pics.join(",");
+            }
+          } else if (item[key].includes("http://") || item[key].includes("https://")) {
+            try {
+              item[key] = JSON.parse(item[key]);
+              item[key] = handleJson(item[key], "str", "");
+            } catch (e) {
+            }
+          }
+          if (item[key] && vexutilsExpand.isString(item[key]) && item[key].startsWith("###{")) {
+            const temp = JSON.parse(item[key].replace("###", ""));
+            if ("tooltip" in temp) {
+              item[key] = temp;
+            } else {
+              if (state.source === "guageChoice") {
+                item[key] = temp.change_text;
+              } else {
+                if (temp.background != "#ffffff") {
+                  const reg = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
+                  let color = temp.background;
+                  let iconHtml = `<span class="${temp.icon}"></span>`;
+                  if (reg.test(temp.icon)) {
+                    color = temp.icon;
+                    iconHtml = `<span class="icon-dot-custom" style="--table-icon-color:${temp.icon};--table-icon-shadow:${temp.icon}80"></span>`;
+                  }
+                  item[key] = `<span class="field-span" style="color:${color}">${iconHtml}${temp.change_text || ""}</span>`;
+                } else {
+                  item[key] = temp.change_text;
+                }
+              }
+            }
+          }
+        }
+        const SPANTAG_REGEXP = /<\/?span.*?>/g;
+        if (item[key] && matchFieldList && matchFieldList.colorAndIcon && !SPANTAG_REGEXP.test(item[key])) {
+          const {
+            colorAndIcon: colorAndIcon2 = []
+          } = matchFieldList;
+          if (colorAndIcon2 && colorAndIcon2.length) {
+            const findC = colorAndIcon2.find((c) => vexutilsExpand.parseCondition(c.condition, {
+              form: {},
+              table: {
+                ..._item
+              },
+              sys: {}
+            }, fieldList));
+            if (findC) {
+              if (state.source !== "guageChoice") {
+                item[key] = `<span style="color:${findC.color}"><span class="${findC.icon}"></span>${item[key] || ""}</span>`;
+              }
+            }
+          }
+        }
+      });
+      if (item.operatorColumn) {
+        item["btnList"] = [];
+        item["allBtnList"] = [];
+        item["tileBtnList"] = [];
+        item["foldBtnList"] = [];
+        const btnLinks = [];
+        if (!nobutton) {
+          btnList == null ? void 0 : btnList.forEach((btn) => {
+            const rowOperatorId = item.operatorColumn.find((v) => v.includes(btn.sid));
+            if (rowOperatorId) {
+              if (btn.isShow == "1") {
+                if (btn.type == "LINK") {
+                  btnLinks.push(btn.name);
+                  const settingObj = Array.isArray(btn.settingObj) ? btn.settingObj[0] : btn.settingObj;
+                  const name = btn.name;
+                  if (settingObj && settingObj.linkShowType == "switch") {
+                    item[name] = originalValue[name] || item[name];
+                  }
+                }
+                item.btnList.push(btn);
+                item.allBtnList.push(btn);
+                if (!isPrintBtn(btn)) {
+                  if (btn.toggle == "fold") {
+                    item.foldBtnList.push(btn);
+                  } else {
+                    item.tileBtnList.push(btn);
+                  }
+                }
+              }
+            } else if (btn.type == "ADD" || btn.type == "BATCH") {
+              btn.isShow == "1" ? item.allBtnList.push(btn) : null;
+            }
+          });
+        }
+        item["btnLinks"] = btnLinks;
+      }
+      fieldList.forEach((field) => {
+        var _a2, _b, _c;
+        if (field.fieldType == "DATE" || field.fieldType == "DATETIME" || field.fieldType == "TIME") {
+          if (field.settingObj && field.settingObj.attr == "BIRTHDAY" && field.settingObj.format) {
+            const year = 31536e6;
+            const nowDate = +new Date();
+            let curAge, curStr, mmdd;
+            const hasAge = field.settingObj.format.includes("age");
+            if (vexutilsExpand.isNumber(+item[field.columnName])) {
+              curStr = new Date(+item[field.columnName]).toLocaleDateString().replace(/\//g, "-");
+            } else {
+              curStr = item[field.columnName];
+            }
+            if (!curStr)
+              return;
+            const curDate = +new Date(curStr.replace("/"));
+            if (hasAge) {
+              mmdd = curStr.split("-");
+              mmdd.shift();
+              curAge = (nowDate - curDate) / year;
+              if (curAge < 0 || isNaN(curAge)) {
+                curAge = 0;
+              }
+              item[field.columnName] = field.settingObj.format == "age" ? curAge + "\u5C81" : mmdd.join("-") + `\uFF08${curAge}\u5C81\uFF09`;
+            } else {
+              item[field.columnName] = vexutilsExpand.toDateString(curStr, field.settingObj.format);
+            }
+          } else if (vexutilsExpand.isNumber(+item[field.columnName])) {
+            item[field.columnName] = vexutilsExpand.formatTime(field.fieldType, item[field.columnName]);
+          } else if (vexutilsExpand.isJSON(field.guageSetting)) {
+            const guageSetting = JSON.parse(field.guageSetting);
+            if (guageSetting.startToStop === "1") {
+              try {
+                const arr = JSON.parse(item[field.columnName]);
+                item[field.columnName] = arr.join("~");
+              } catch (e) {
+                item[field.columnName] = "";
+              }
+            }
+          }
+        }
+        if (field.settingObj && field.settingObj.attr == "WEBSITE") {
+          if (item[field.columnName]) {
+            let showKey = field.columnName;
+            let showName = "";
+            if (field.settingObj.websiteAttr) {
+              if (field.settingObj.websiteAttr.startsWith("table.")) {
+                showKey = field.settingObj.websiteAttr.split(".")[1];
+              } else {
+                showName = field.settingObj.websiteAttr;
+              }
+            }
+            showName = showName ? showName : item[showKey] || item[field.columnName];
+            if (state.source === "guageChoice") {
+              item[field.columnName] = showName;
+            } else {
+              item[field.columnName] = `<span ><a href="${item[field.columnName]}" title="${item[field.columnName]}" target="_blank">${showName}</a></span>`;
+            }
+          }
+        } else if (field.fieldSetting) {
+          item.fieldSetting = field.fieldSetting;
+        }
+        if (field.guageType) {
+          const {
+            guageType,
+            columnName,
+            guageSetting,
+            settingObj = {}
+          } = field;
+          let guageSettingObj = null;
+          if (vexutilsExpand.isJSON(guageSetting)) {
+            guageSettingObj = JSON.parse(guageSetting);
+          }
+          if (guageType == "CHECKBOX_BLOCK" || guageType == "EVALUATE_CHECKBOX_BLOCK") {
+            if (vexutilsExpand.isJSON(item[columnName])) {
+              item[columnName] = JSON.parse(item[columnName]).join(",");
+            }
+          } else if (guageType == "SELECT") {
+            if (guageSettingObj.isMultiple) {
+              if (vexutilsExpand.isJSON(item[columnName])) {
+                item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(",") : "";
+              }
+            }
+          } else if (guageType == "SEARCH_CASCADE") {
+            if (item[columnName]) {
+              if (vexutilsExpand.isJSON(item[columnName])) {
+                item[columnName] = JSON.parse(item[columnName]).join(",");
+              } else {
+                if (Array.isArray(item[columnName])) {
+                  item[columnName] = item[columnName].join(",");
+                }
+              }
+            }
+          } else if (guageType == "DATE" || guageType == "TIME") {
+            if (guageSettingObj.startToStop == 1) {
+              item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(",") : "";
+            }
+          } else if (guageType == "LOCATION") {
+            if (vexutilsExpand.isJSON(item[columnName])) {
+              const valObj = JSON.parse(item[columnName]);
+              item[columnName] = valObj.address || valObj.name || "";
+            }
+          } else if (guageType == "LABEL" && settingObj.attr !== "LABEL") {
+            if (vexutilsExpand.isJSON(item[columnName])) {
+              item[columnName] = JSON.parse(item[columnName]);
+              if (!item[columnName].labels) {
+                item[columnName] = handleJson(item[columnName], "type", "labelStr");
+              }
+            }
+            if (item[columnName]) {
+              let {
+                labels
+              } = item[columnName];
+              let curHtml = [];
+              if (labels && vexutilsExpand.isJSON(labels)) {
+                labels = JSON.parse(labels);
+              }
+              if (Array.isArray(labels) && (labels == null ? void 0 : labels.length) > 0) {
+                curHtml = handleLabel(labels);
+              }
+              item[columnName] = state.source === "guageChoice" ? curHtml.join("\u3001") : curHtml.join("");
+            }
+          } else if (guageType == "ADDRESS") {
+            if (vexutilsExpand.isJSON(item[columnName])) {
+              const valObj = JSON.parse(item[columnName]);
+              const p = ((_a2 = valObj.province) == null ? void 0 : _a2.label) || "";
+              const c = ((_b = valObj.city) == null ? void 0 : _b.label) || "";
+              const a = ((_c = valObj.area) == null ? void 0 : _c.label) || "";
+              const d = valObj.address || "";
+              if (!!p && !c && !a && !d) {
+                item[columnName] = `${p}`;
+              } else if (!!p && !!c && !a && !d) {
+                item[columnName] = `${p}/${c}`;
+              } else if (!!p && !!c && !!a && !d) {
+                item[columnName] = `${p}/${c}/${a}`;
+              } else if (!!p && !!c && !!a && !!d) {
+                item[columnName] = `${p}/${c}/${a}/${d}`;
+              }
+            }
+          }
+        }
+        if (item[field.columnName] == "[]" || item[field.columnName] == "{}") {
+          item[field.columnName] = "";
+        }
+      });
+      if (item.children) {
+        item.childrenList = item.children;
+        item.hasChildren = true;
+        delete item.children;
+        formatData({
+          tableList: item.childrenList,
+          fieldList,
+          btnList,
+          showButtonTop
+        });
+      }
+      return item;
+    });
+  };
+  const isPrintBtn = (btn) => {
+    if (!btn.settingList)
+      return false;
+    const copySettingObj = JSON.parse(btn.settingList);
+    let settingObj = {};
+    if (Array.isArray(copySettingObj)) {
+      settingObj = copySettingObj[0];
+    } else {
+      settingObj = copySettingObj;
+    }
+    return settingObj.trigger_type === "PRINT";
+  };
+  const handleLabel = (labels) => {
+    return labels.map((v) => {
+      var _a;
+      if (state.source === "guageChoice") {
+        return v.labelName || v;
+      } else {
+        let color = "#5585f5";
+        if ((_a = v == null ? void 0 : v.color) == null ? void 0 : _a.includes("-")) {
+          color = "#5585f5";
+        } else {
+          color = v.color || "#5585f5";
+        }
+        return `<span class="table-label" style="background: ${color}; border-color: ${color}; color: #fff;">${v.labelName || v}</span>`;
+      }
+    });
+  };
+  const handleJson = (target, func, type) => {
+    if (target && target.length > 0) {
+      if (func == "str") {
+        target = toStr(target);
+      } else if (func == "type") {
+        target = dataTypeFormat(target, type);
+      }
+    } else if (target.value && target.value.length > 0) {
+      if (func == "str") {
+        target = toStr(JSON.parse(target.value));
+      } else if (func == "type") {
+        target = dataTypeFormat(JSON.parse(target.value), type);
+      }
+    } else {
+      if (target[type]) {
+        return target[type];
+      }
+      return "";
+    }
+    return target;
+  };
+  const handleMULTISELECT = (target, type) => {
+    if (Array.isArray(target)) {
+      return "";
+    } else {
+      target = dataTypeFormat(target, type);
+      return target;
+    }
+  };
+  const toStr = (list) => {
+    const text = [];
+    if (!Array.isArray(list) || list.length === 0)
+      return "";
+    list.forEach((obj) => {
+      let res = `<span ><a href="${obj.url}" target="_blank">${obj.name}</a></span>`;
+      if (state.source === "guageChoice") {
+        res = obj.name;
+      }
+      text.push(res);
+    });
+    if (state.source === "guageChoice") {
+      return text.join("\u3001");
+    }
+    return text.join(",");
+  };
+  const dataTypeFormat = (list, type) => {
+    let text = "";
+    if (Array.isArray(list))
+      return text || list;
+    if (vexutilsExpand.isPlainObject(list)) {
+      text = list[type];
+    } else {
+      return text;
+    }
+    return text;
+  };
+  const accMul = (value, percent) => {
+    var _a, _b;
+    let m = 0;
+    const s1 = value.toString();
+    const s2 = percent.toString();
+    try {
+      const len = ((_a = s1.split(".")[1]) == null ? void 0 : _a.length) || 0;
+      m += len;
+    } catch (e) {
+      console.log(e);
+    }
+    try {
+      const len = ((_b = s2.split(".")[1]) == null ? void 0 : _b.length) || 0;
+      m += len;
+    } catch (e) {
+      console.log(e);
+    }
+    return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
+  };
+  const htmlToText = (HTML) => {
+    const input = HTML;
+    return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, "").replace(/<[^>]+?>/g, "").replace(/\s+/g, " ").replace(/ /g, " ").replace(/>/g, " ");
+  };
+  const getBtnStyle = (v) => {
+    if (v.showStyle == "white_bg") {
+      return {
+        "border-color": v.color,
+        color: v.color
+      };
+    } else if (v.showStyle == "none_bg") {
+      return {
+        color: v.color
+      };
+    } else if (v.showStyle == "only_icon") {
+      return {
+        "background-color": v.color,
+        "border-color": v.color
+      };
+    }
+    return {
+      "background-color": v.color,
+      "border-color": v.color
+    };
+  };
+  function getAttr(field) {
+    if (attr[field])
+      return attr[field];
+    const newField = field.replace(/-(\w)/g, ($0, $1) => {
+      return $1.toUpperCase();
+    });
+    return attr[newField] || null;
+  }
+  return {
+    formatData,
+    htmlToText,
+    getBtnStyle,
+    getAttr
+  };
+};
+
+export { useFormat };

package/es/components/big-table/src/hooks/useNestTable.js

@@ -1 +1,101 @@
-import{computed as e}from"vue";import"xe-utils";import"moment";import t from"../../../../shared/utils/vexutilsExpand.js";const o=(o,l,a)=>{const s=e((()=>o.showNestTable||o.isNestTable)),n=e((()=>{const{isBatchSelect:e}=o.columnConfig||{};return!o.isNestTable&&1==e})),i=e((()=>2==l.isTree||3==l.isTree?"theUniqueKey":o.primaryKey||"theUniqueKey"));return{isAboutNestTable:s,isExpandTable:n,handleRowId:i,toggleExpandMethod:({expanded:e,row:t})=>!0,loadExpandMethod:async({row:e,rowIndex:l})=>{var s,n,r,d,u,c;try{if(null==(s=e.expandList)?void 0:s.length)return Promise.resolve();let c=await o.nestTableDataRequest(l);if(console.log(c,"loadExpandMethod---res"),!c||!c.status)return e.expandList=[],e.__emptyItems__={noDataTip:(null==(n=null==c?void 0:c.data)?void 0:n.resultMsg)||(null==(r=window.getLanguageByCode)?void 0:r.call(window,"10010.1.445"))||"暂无数据"},Promise.reject([]);let p,w,m=c.data||{};if(console.log(m,"loadExpandMethod---data"),!m)return e.expandList=[],e.__emptyItems__={noDataTip:(null==(d=null==c?void 0:c.data)?void 0:d.resultMsg)||(null==(u=window.getLanguageByCode)?void 0:u.call(window,"10010.1.445"))||"暂无数据"},Promise.reject([]);t.isArray(m)?(p=m,w=m):(p=m.list,w=m.oldtableData||m.list),e.expandList=p,e.oldtableData=w;let x=e[i.value];return a("setNestOriginTableMap",x,w),Promise.resolve()}catch(t){return console.log(t,"loadExpandMethod---err"),e.expandList=[],e.__emptyItems__={noDataTip:(null==(c=null==t?void 0:t.data)?void 0:c.resultMsg)||"请求错误"},Promise.reject([])}},nestHandleClickRow:(e,t)=>{let o=e.isCheckedByCheckboxRow(t.row);o=!o,l.checkedRows=[],null==e||e.setCheckboxRow([t.row],o),a("setNestTableClick",o),a("nestSetSelectRowObj",t.row[i.value],o);let s={isNestTableTrigger:!0,checked:o,primaryValue:t.row[i.value]};a("handlerClickRow",null==t?void 0:t.row,t.$rowIndex,s)}}};export{o as useNestTable};
+import { computed } from 'vue';
+import 'xe-utils';
+import 'moment';
+import vexutilsExpand from '../../../../shared/utils/vexutilsExpand.js';
+
+const useNestTable = (props, state, emit) => {
+  const isAboutNestTable = computed(() => {
+    return props.showNestTable || props.isNestTable;
+  });
+  const isExpandTable = computed(() => {
+    const {
+      isBatchSelect
+    } = props.columnConfig || {};
+    return !props.isNestTable && isBatchSelect == 1;
+  });
+  const handleRowId = computed(() => {
+    if (state.isTree == 2 || state.isTree == 3) {
+      return "theUniqueKey";
+    }
+    return props.primaryKey || "theUniqueKey";
+  });
+  const toggleExpandMethod = ({
+    expanded,
+    row
+  }) => {
+    return true;
+  };
+  const loadExpandMethod = async ({
+    row,
+    rowIndex
+  }) => {
+    var _a, _b, _c, _d, _e, _f;
+    try {
+      if ((_a = row.expandList) == null ? void 0 : _a.length) {
+        return Promise.resolve();
+      }
+      let res = await props.nestTableDataRequest(rowIndex);
+      console.log(res, "loadExpandMethod---res");
+      if (!res || !res.status) {
+        row.expandList = [];
+        row.__emptyItems__ = {
+          noDataTip: ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.resultMsg) || ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.445")) || "\u6682\u65E0\u6570\u636E"
+        };
+        return Promise.reject([]);
+      }
+      let data = res.data || {};
+      console.log(data, "loadExpandMethod---data");
+      if (!data) {
+        row.expandList = [];
+        row.__emptyItems__ = {
+          noDataTip: ((_d = res == null ? void 0 : res.data) == null ? void 0 : _d.resultMsg) || ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.445")) || "\u6682\u65E0\u6570\u636E"
+        };
+        return Promise.reject([]);
+      }
+      let list, oldtableData;
+      if (vexutilsExpand.isArray(data)) {
+        list = data;
+        oldtableData = data;
+      } else {
+        list = data.list;
+        oldtableData = data.oldtableData || data.list;
+      }
+      row.expandList = list;
+      row.oldtableData = oldtableData;
+      let key = row[handleRowId.value];
+      emit("setNestOriginTableMap", key, oldtableData);
+      return Promise.resolve();
+    } catch (err) {
+      console.log(err, "loadExpandMethod---err");
+      row.expandList = [];
+      row.__emptyItems__ = {
+        noDataTip: ((_f = err == null ? void 0 : err.data) == null ? void 0 : _f.resultMsg) || "\u8BF7\u6C42\u9519\u8BEF"
+      };
+      return Promise.reject([]);
+    }
+  };
+  const nestHandleClickRow = (table, data) => {
+    let checked = table.isCheckedByCheckboxRow(data.row);
+    checked = !checked;
+    state.checkedRows = [];
+    table == null ? void 0 : table.setCheckboxRow([data.row], checked);
+    emit("setNestTableClick", checked);
+    emit("nestSetSelectRowObj", data.row[handleRowId.value], checked);
+    let clickObj = {
+      isNestTableTrigger: true,
+      checked,
+      primaryValue: data.row[handleRowId.value]
+    };
+    emit("handlerClickRow", data == null ? void 0 : data.row, data.$rowIndex, clickObj);
+  };
+  return {
+    isAboutNestTable,
+    isExpandTable,
+    handleRowId,
+    toggleExpandMethod,
+    loadExpandMethod,
+    nestHandleClickRow
+  };
+};
+
+export { useNestTable };