@repackel/repack/commonFn/commonFn.js

A repackage of element-ui to help you build pages faster.

import i18n from "./i18n.json";
const genText = (fnText, arg) => {
  if (!fnText) {
    return "";
  } else if (typeof fnText === "function") {
    return fnText(arg);
  } else {
    return fnText;
  }
};

export const locz = (key) => {
  const lang = window.navigator.language;
  let locList = {};
  if (/zh/gi.test(lang)) {
    locList = i18n["zh"];
  } else if (/en/gi.test(lang)) {
    // add your language
    locList = i18n["en"];
  } else {
    locList = i18n["en"];
  }
  return locList[key];
};

export const genAttr = (x, scope) => {
  const genList = ["class", "style", "disabled"];
  const attrs = {};
  genList.forEach((y) => {
    x[y] && (attrs[y] = genText(x[y], scope.row));
  });
  if (x.icon) {
    attrs[icon] = x.icon;
  }
  return attrs;
};

export const inputcfg = (x, i, hideName ) => {
  const { multiple, readonly, disabled } = x;
  let placeholderName = hideName ? '' : x.name
  let cfg = {
    size: x.size || "",
    filterable: x.filterable === undefined ? ( Boolean(x.dict) || true ) :  x.filterable,
    clearable: x.clearable === undefined ? true : x.clearable,
    class: x.class,
    style: x.width ? "width:" + x.width : "",
    multiple,
    readonly,
    disabled,
    ...( x.extraProp || {}) ,
  };
  switch (x.type) {
    case "input":
      cfg.placeholder = x.placeholder || locz("pleaseInput") + placeholderName;
      cfg.maxlength = x.maxlength || (x.key === "mobile" ? 11 : 25);

      break;
    case "number":
      cfg.min = (x.range&&x.range[0])||1
      cfg.max = (x.range&&x.range[1])||20
      
      break;
    case "textarea":
      cfg.placeholder = x.placeholder || locz("pleaseFillin") + placeholderName;
      cfg.maxlength = x.maxlength || 200;
      cfg.resize = x.resize || "none";
      cfg.rows = x.rows || "3";

      break;
    case "select":
      cfg.placeholder = x.placeholder || locz("pleaseSelect") + placeholderName;

      break;
    case "date":
      cfg["start-placeholder"] = x.startPlaceholder || locz("startDate");
      cfg["end-placeholder"] = x.endPlaceholder || locz("endDate");
      cfg["value-format"] = x.valueFormat || "yyyy-MM-dd HH:mm:ss";

      break;
    case "datetime":
      cfg["start-placeholder"] = x.startPlaceholder || locz("startTime");
      cfg["end-placeholder"] = x.endPlaceholder || locz("endTime");
      cfg["value-format"] = x.valueFormat || "yyyy-MM-dd HH:mm:ss";

      break;
    case "date1":
      cfg.placeholder = x.placeholder || locz("pleaseSelect") + placeholderName;
      cfg["value-format"] = x.valueFormat || "yyyy-MM-dd";

      break;

    default:
      break;
  }

  return cfg;
};

// // Lodash
// const Lodash = {};
// const LodashList = ["get", "has", "last", "pick", "omit", "omitBy", "padStart"];
// LodashList.forEach((x) => (Lodash[x] = require("lodash/" + x + ".js")));
// export const _ = Lodash;