cnhis-design-vue 3.1.5-beta.14 → 3.1.5-beta.17

package/es/packages/big-table/src/hooks/useEdit2.js

@@ -1,115 +0,0 @@
-import EditInput from '../components/edit-form/edit-input2.js';
-import EditSelect from '../components/edit-form/edit-select2.js';
-import EditDate from '../components/edit-form/edit-date2.js';
-
-const comps = {
-  "input": EditInput,
-  "number": EditInput,
-  "select": EditSelect,
-  "date": EditDate
-};
-const useEdit = (props, state, emit, xGrid) => {
-  const initEditTable = async () => {
-    const { isEdit, fieldList = [] } = props.columnConfig;
-    if (!isEdit)
-      return;
-    const hasSelectTable = fieldList.find((v) => v.formType === "selectTable");
-    if (!hasSelectTable)
-      return;
-    const record = {
-      initRow: true
-    };
-    props.columnConfig.fieldList.forEach((col) => {
-      if (col.columnName !== "operatorColumn") {
-        record[col.columnName] = void 0;
-      }
-    });
-    await xGrid.value.insertAt(record, -1);
-  };
-  const deleteRow = (row, col, index) => {
-    xGrid.value.remove(row);
-    emit("clickBtn", { row, column: col, index });
-  };
-  const activeMethod = ({ row, rowIndex, column, columnIndex }) => {
-    var _a;
-    const { isEdit, fieldList } = props.columnConfig;
-    if (isEdit) {
-      const isEditCol = ((_a = fieldList.find((v) => v.columnName === column.field)) == null ? void 0 : _a.isEdit) || false;
-      if (isEditCol) {
-        return true;
-      } else {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  };
-  const onClickSelectTable = async (row) => {
-    emit("clickSelectTable", { row });
-    const record = {
-      initRow: false,
-      row: JSON.parse(JSON.stringify(row))
-    };
-    props.columnConfig.fieldList.forEach((col) => {
-      if (col.columnName !== "operatorColumn") {
-        record[col.columnName] = void 0;
-        if (Object.keys(row).includes(col.columnName)) {
-          record[col.columnName] = row[col.columnName];
-        }
-      }
-    });
-    const getInsertRecords = xGrid.value.getInsertRecords();
-    await xGrid.value.insertAt(record, getInsertRecords.at(-1));
-    xGrid.value.clearActived();
-  };
-  const getLabel = (opts, value) => {
-    var _a;
-    return ((_a = opts.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || "";
-  };
-  const onFormChange = ({ value, row, column, index }) => {
-    var _a, _b;
-    let oldValue = row[column.columnName];
-    if (((column == null ? void 0 : column.formType) === "input" || (column == null ? void 0 : column.formType) === "number") && ((_a = props.columnConfig) == null ? void 0 : _a.formValidate)) {
-      row[column.columnName] = (_b = props.columnConfig) == null ? void 0 : _b.formValidate({ row, column, current: value, old: row[column.columnName] });
-    } else if (column == null ? void 0 : column.formatMap) {
-      oldValue = {
-        label: row[column.formatMap.label],
-        value: row[column.formatMap.value]
-      };
-      row[column.formatMap.label] = getLabel(row[column.columnName + "_options"] || [], value);
-      row[column.formatMap.value] = value;
-    } else {
-      row[column.columnName] = value;
-    }
-    if ((column == null ? void 0 : column.formType) === "date" && !value) {
-      row[column.columnName] = void 0;
-    }
-    emit("formChange", { value, row, column, index, oldValue });
-  };
-  const getDefaultValue = (params, item) => {
-    var _a, _b, _c;
-    const value = params.row[item.columnName];
-    if (item.formType === "select") {
-      if (item.formatMap) {
-        return params.row[item.formatMap.label];
-      }
-      if (item.options) {
-        return ((_a = item.options.find((v) => v.value == value)) == null ? void 0 : _a.label) || value || "";
-      }
-      if (item.queryOptions) {
-        return ((_c = (_b = params.row[`${item.columnName}_options`]) == null ? void 0 : _b.find((v) => v.value === value)) == null ? void 0 : _c.label) || value || "";
-      }
-    }
-    return value;
-  };
-  return {
-    initEditTable,
-    activeMethod,
-    deleteRow,
-    onClickSelectTable,
-    onFormChange,
-    getDefaultValue
-  };
-};
-
-export { comps, useEdit };

package/es/packages/big-table/src/hooks/useEvent2.js

@@ -1,70 +0,0 @@
-import vexutils from '../..\\..\\../src/utils/vexutils';
-import { hideFilterWrap } from '../utils2.js';
-
-const useEvent = (props, state, emit, xGrid) => {
-  function keyDown({ $event }) {
-    var _a, _b;
-    let activeRow = null;
-    let index = 0;
-    const xGridRef = xGrid.value;
-    if (xGridRef) {
-      activeRow = xGridRef.getCurrentRecord();
-      index = xGridRef.getRowIndex(activeRow);
-    }
-    let activeIndex = index || 0;
-    if (!activeRow)
-      return;
-    const { isArrow, isEnter, isChecked } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
-    function emitKeyBoard() {
-      emit("keyboard", {
-        key: $event.key,
-        index: activeIndex,
-        row: xGridRef.getCurrentRecord()
-      });
-    }
-    if (isArrow && ($event.key === "ArrowUp" || $event.key === "ArrowDown")) {
-      if ($event.key === "ArrowUp" && index > 0) {
-        activeIndex = index - 1;
-      }
-      if ($event.key === "ArrowDown" && index < ((_b = props.data) == null ? void 0 : _b.length) - 1) {
-        activeIndex = index + 1;
-      }
-      let row = xGridRef.getData(activeIndex);
-      xGridRef.setCurrentRow(row);
-      xGridRef.scrollToRow(row);
-      emitKeyBoard();
-    }
-    if (isEnter && $event.key === "Enter") {
-      emitKeyBoard();
-    }
-    if (isChecked && $event.key === " ") {
-      $event.preventDefault();
-      xGridRef.setCheckboxRow(activeRow, true);
-      emitKeyBoard();
-      xGridRef.scrollToRow(activeRow);
-    }
-  }
-  let scrollEvent = (params) => {
-    emit("scroll", params);
-  };
-  const initScroll = () => {
-    var _a;
-    const { throttle = false, throttleTime = 800, throttleOptions = {} } = ((_a = props.columnConfig) == null ? void 0 : _a.scrollConfig) || {};
-    if (throttle) {
-      scrollEvent = vexutils.throttle(scrollEvent, throttleTime, throttleOptions);
-    }
-  };
-  initScroll();
-  const scroll = (params) => {
-    if (params.isX) {
-      hideFilterWrap(state, props);
-    }
-    scrollEvent(params);
-  };
-  return {
-    keyDown,
-    scroll
-  };
-};
-
-export { useEvent };

package/es/packages/big-table/src/hooks/useFormat2.js

@@ -1,484 +0,0 @@
-import vexutils from '../..\\..\\../src/utils/vexutils';
-
-const useFormat = (state) => {
-  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) => {
-      let item = vexutils.clone(_item, true);
-      item.origin = vexutils.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 (vexutils.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 (vexutils.isNumber(+item[key])) {
-            item[key] = accMul(+item[key], 100) + "%";
-          }
-        }
-        if (vexutils.isString(item[key])) {
-          if (matchFieldList && matchFieldList.attrType) {
-            if (item[key] && (item[key].includes("http://") || item[key].includes("https://")) && matchFieldList.attrType != "PICTURE") {
-              if (vexutils.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 (vexutils.isJSON(item[key])) {
-                item[key] = JSON.parse(item[key]);
-              }
-              item[key] = handleMULTISELECT(item[key], "objStr");
-            } else if (matchFieldList.attrType == "LABEL") {
-              if (vexutils.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 (vexutils.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 (vexutils.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 (vexutils.isJSON(str)) {
-                const obj = JSON.parse(str);
-                item[key] = obj.address || "";
-              } else {
-                item[key] = str;
-              }
-            } else if (matchFieldList.attrType == "PICTURE" && vexutils.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] && vexutils.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") {
-                  item[key] = `<span class="field-span" style="color:${temp.background}"><span class="${temp.icon}"></span>${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) => vexutils.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.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 (vexutils.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] = vexutils.toDateString(curStr, field.settingObj.format);
-            }
-          } else if (vexutils.isNumber(+item[field.columnName])) {
-            item[field.columnName] = vexutils.formatTime(field.fieldType, item[field.columnName]);
-          } else if (vexutils.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 (vexutils.isJSON(guageSetting)) {
-            guageSettingObj = JSON.parse(guageSetting);
-          }
-          if (guageType == "CHECKBOX_BLOCK" || guageType == "EVALUATE_CHECKBOX_BLOCK") {
-            if (vexutils.isJSON(item[columnName])) {
-              item[columnName] = JSON.parse(item[columnName]).join(",");
-            }
-          } else if (guageType == "SELECT") {
-            if (guageSettingObj.isMultiple) {
-              if (vexutils.isJSON(item[columnName])) {
-                item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(",") : "";
-              }
-            }
-          } else if (guageType == "SEARCH_CASCADE") {
-            if (item[columnName]) {
-              if (vexutils.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 (vexutils.isJSON(item[columnName])) {
-              const valObj = JSON.parse(item[columnName]);
-              item[columnName] = valObj.address || valObj.name || "";
-            }
-          } else if (guageType == "LABEL" && settingObj.attr !== "LABEL") {
-            if (vexutils.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 && vexutils.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 (vexutils.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 (vexutils.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
-    };
-  };
-  return {
-    formatData,
-    htmlToText,
-    getBtnStyle
-  };
-};
-
-export { useFormat };