ns-base-module 1.0.0

package/dist/utils/utils.js

@@ -0,0 +1,462 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { parse } from 'querystring';
+import { initLang } from '@/utils/language';
+import Cookies from 'js-cookie';
+import { TagConditionEnum } from '@/utils/enum';
+import { get, isEmpty, isString } from 'lodash';
+var interpret = require('aexpr');
+
+// /* eslint no-useless-escape:0 import/prefer-default-export:0 */
+var reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
+export var isUrl = function isUrl(path) {
+  return reg.test(path);
+};
+export var regMap = {
+  phone: {
+    message: '请输入正确手机号',
+    pattern: new RegExp(/^1\d{10}$/)
+  },
+  email: {
+    message: '请输入正确邮箱',
+    pattern: new RegExp(/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/)
+  },
+  card: {
+    message: '请输入正确身份证号',
+    pattern: new RegExp(/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/)
+  }
+};
+export var isAntDesignPro = function isAntDesignPro() {
+  if (ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site') {
+    return true;
+  }
+  return window.location.hostname === 'preview.pro.ant.design';
+};
+
+// 给官方演示站点用，用于关闭真实开发环境不需要使用的特性
+export var isAntDesignProOrDev = function isAntDesignProOrDev() {
+  var NODE_ENV = process.env.NODE_ENV;
+  if (NODE_ENV === 'development') {
+    return true;
+  }
+  return isAntDesignPro();
+};
+export var getPageQuery = function getPageQuery() {
+  return parse(window.location.href.split('?')[1]);
+};
+
+/**
+ * @description: 替换字符串中${} 占位
+ * @return {*}
+ */
+
+var replaceCode = function replaceCode(path, data) {
+  return path.replace(/\${(.*?)}/g, function (match, key) {
+    return data && data[key];
+  });
+};
+
+// 路由参数加ids
+export var pathAddIds = function pathAddIds(url, dataSource, hasPageTurning) {
+  if (!hasPageTurning) return url;
+  var __ids = '';
+  __ids = dataSource.map(function (item) {
+    return item.id;
+  });
+  __ids = __ids.join();
+  if (!__ids) return url;
+  var _path = url.includes('?') ? "".concat(url, "&__ids=").concat(__ids) : "".concat(url, "?__ids=").concat(__ids);
+  return _path;
+};
+/**
+ *  处理动态路径的动态参数
+ * @param detail 按钮详情
+ * @param record 数据
+ * @returns
+ */
+export var dynamicPath = function dynamicPath(detail, record, dataSource) {
+  var _detail$config, _detail$config2, _detail$config3;
+  // console.log(detail, record);
+  var pathParam = ((detail === null || detail === void 0 || (_detail$config = detail.config) === null || _detail$config === void 0 ? void 0 : _detail$config.path) || '').split('?');
+  if (pathParam.length > 2) return detail === null || detail === void 0 || (_detail$config2 = detail.config) === null || _detail$config2 === void 0 ? void 0 : _detail$config2.path; // 有两个？号 跳转不是我们自己的域名
+
+  var path = get(pathParam, '[0]', '');
+  var keys = path.split(':');
+  keys.splice(0, 1);
+  keys = keys.map(function (key) {
+    return key.indexOf('/') == -1 ? key : key.split('/')[0];
+  });
+  keys.forEach(function (key) {
+    if (key && !((record === null || record === void 0 ? void 0 : record[key]) === null || (record === null || record === void 0 ? void 0 : record[key]) === undefined)) path = path.replace(":".concat(key), record === null || record === void 0 ? void 0 : record[key]);
+  });
+  var url = get(pathParam, '[1]') ? path + '?' + get(pathParam, '[1]') : path;
+  url = replaceCode(url, record);
+
+  // 上下条 拼接ids
+  if (dataSource && detail !== null && detail !== void 0 && (_detail$config3 = detail.config) !== null && _detail$config3 !== void 0 && _detail$config3.hasPageTurning) {
+    var _detail$config4;
+    url = pathAddIds(url, dataSource, detail === null || detail === void 0 || (_detail$config4 = detail.config) === null || _detail$config4 === void 0 ? void 0 : _detail$config4.hasPageTurning);
+  }
+  return url;
+};
+export var dynamicRedirect = function dynamicRedirect(detail, record) {
+  var _detail$config5;
+  console.log(detail, record);
+  var pathParam = ((detail === null || detail === void 0 || (_detail$config5 = detail.config) === null || _detail$config5 === void 0 ? void 0 : _detail$config5.path) || '').split('?');
+  var path = get(pathParam, '[0]', '');
+  var keys = path.split(':');
+  keys.splice(0, 1);
+  keys = keys.map(function (key) {
+    return key.indexOf('/') == -1 ? key : key.split('/')[0];
+  });
+  keys.forEach(function (key) {
+    if (key && !((record === null || record === void 0 ? void 0 : record[key]) === null || (record === null || record === void 0 ? void 0 : record[key]) === undefined)) path = path.replace(":".concat(key), record === null || record === void 0 ? void 0 : record[key]);
+  });
+  var url = get(pathParam, '[1]', null) ? path + '?' + get(pathParam, '[1]', null) : path;
+  return url;
+};
+export var formatUnit = function formatUnit(value, unit) {
+  if (!unit) return value;
+  switch (unit) {
+    case '万':
+      return value / 10000;
+    case '亿':
+      return value / 100000000;
+    case 'K':
+      return value / 1000;
+    case 'M':
+      return value / 1000000;
+    case 'G':
+      return value / 1000000000;
+  }
+};
+
+// 数据格式化
+export var formatData = function formatData(value, format) {
+  // console.log(value, format);
+  if (value === null || value === undefined || value === '') return value;
+  switch (format === null || format === void 0 ? void 0 : format.type) {
+    case 'percentage':
+      var preValue = (Number(value) * 100).toFixed((format === null || format === void 0 ? void 0 : format.decimalPlaces) || 0) + '%';
+      return format.isShowZero ? preValue : Number(value) !== 0 ? preValue : '';
+    case 'scientific':
+      var sciValue = Number(value).toFixed((format === null || format === void 0 ? void 0 : format.decimalPlaces) || 0);
+      return format.isShowZero ? sciValue : Number(value) !== 0 ? sciValue : '';
+    case 'number':
+      // debugger;
+      // console.log(typeof Number(formatUnit(value, format.unit)).toFixed(format.decimalPlaces));
+      var numValue = (format !== null && format !== void 0 && format.isThousands ? format !== null && format !== void 0 && format.decimalPlaces ? Number(Number(formatUnit(value, format.unit)).toFixed(format.decimalPlaces)).toLocaleString() : Number(formatUnit(value, format.unit)).toFixed(0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : Number(formatUnit(value, format.unit)).toFixed(format.decimalPlaces || 0)) + "".concat(format.unit || '');
+      return format.isShowZero ? numValue : Number(value) !== 0 ? numValue : '';
+    case 'money':
+      var monValue = "".concat((format === null || format === void 0 ? void 0 : format.prefix) || '') + (format !== null && format !== void 0 && format.isThousands ? format !== null && format !== void 0 && format.decimalPlaces ? Number(Number(formatUnit(value, format.unit)).toFixed(format.decimalPlaces)).toLocaleString() : Number(formatUnit(value, format.unit)).toFixed(0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : Number(formatUnit(value, format.unit)).toFixed(format.decimalPlaces || 0)) + "".concat(format.unit || '') + "".concat((format === null || format === void 0 ? void 0 : format.suffix) || '');
+      return format.isShowZero ? monValue : Number(value) !== 0 ? monValue : '';
+    case 'default':
+    default:
+      return format !== null && format !== void 0 && format.isShowZero ? value : Number(value) !== 0 ? value : '';
+  }
+};
+export var re = /[0-9]/;
+export var isDomain = !(window.location.hostname == 'localhost' || re.test(window.location.host));
+
+// 获取当前token
+export var getToken = function getToken() {
+  // const { NODE_ENV } = process.env;
+  var domain = ".".concat(window.location.host);
+  // console.log('get', NODE_ENV, domain);
+  return Cookies.get('token', !isDomain ? undefined : {
+    path: '/',
+    domain: domain
+  });
+};
+export var rulesCustom = function rulesCustom(type) {
+  return regMap[type];
+};
+export var rules = function rules(required, entryType, label, entryAttr //默认校验类型
+) {
+  if (!required) return [];
+  if (entryAttr && entryAttr.rulesType && rulesCustom(entryAttr.rulesType)) {
+    return [{
+      required: true,
+      message: "".concat(initLang({
+        id: 'rules.warning.please',
+        defaultValue: '请'
+      })).concat(entryType && ['Input', 'InputNumber', 'Textarea', 'MbInput', 'MbInputNumber', 'MbTextarea'].includes(entryType) ? initLang({
+        id: 'rules.warning.input',
+        defaultValue: '输入'
+      }) : initLang({
+        id: 'rules.warning.select',
+        defaultValue: '选择'
+      })).concat(label)
+    }, entryAttr && entryAttr.rulesType && rulesCustom(entryAttr.rulesType) //默认类型存在添加
+    ];
+  }
+  return [{
+    required: true,
+    message: "".concat(initLang({
+      id: 'rules.warning.please',
+      defaultValue: '请'
+    })).concat(entryType && ['Input', 'InputNumber', 'Textarea', 'MbInput', 'MbInputNumber', 'MbTextarea'].includes(entryType) ? initLang({
+      id: 'rules.warning.input',
+      defaultValue: '输入'
+    }) : initLang({
+      id: 'rules.warning.select',
+      defaultValue: '选择'
+    })).concat(label)
+  }
+  // entryAttr && entryAttr.rulesType && rulesCustom(entryAttr.rulesType), //默认类型存在添加
+  ];
+};
+
+// 匹配条件返回匹配结果是否匹配
+export var matchCondition = function matchCondition(condition, value, cdtValue) {
+  switch (condition) {
+    case TagConditionEnum.Equals:
+      return cdtValue == value;
+    case TagConditionEnum.NotEqual:
+      return cdtValue != value;
+    case TagConditionEnum.Contains:
+      return (value === null || value === void 0 ? void 0 : value.toString().indexOf(cdtValue.toString())) !== -1;
+    case TagConditionEnum.LessThan:
+      return value < cdtValue;
+    case TagConditionEnum.LessOrEqual:
+      return value <= cdtValue;
+    case TagConditionEnum.GreaterThan:
+      return value > cdtValue;
+    case TagConditionEnum.GreaterOrEqual:
+      return value >= cdtValue;
+    case TagConditionEnum.Default:
+      return true;
+    default:
+      return;
+  }
+};
+
+/**
+ * 取对象多级key下的值
+ * @param keysStr 对象的多级key，用.分割，a.a1 = obj[a][a1]
+ * @param obj 取值的对象
+ * @returns
+ */
+export var getMuilObjectValue = function getMuilObjectValue(keysStr, obj) {
+  var keys = keysStr.split('.');
+  var curObj = obj;
+  for (var i = 0; i < keys.length; i++) {
+    var _curObj;
+    var nextValue = (_curObj = curObj) === null || _curObj === void 0 ? void 0 : _curObj[keys[i]];
+    if (i == keys.length - 1) {
+      return nextValue;
+    } else {
+      if (_typeof(nextValue) !== 'object') {
+        return undefined;
+      }
+      curObj = nextValue;
+    }
+  }
+};
+
+// 计算宽度转换百分比
+export var handlePercentage = function handlePercentage(width) {
+  if (!width) return undefined;
+  // 如果参数是一个单个数字字符串，直接返回该字符串
+  if (/^\d+$/.test(width)) {
+    return width + 'px';
+  }
+
+  // 如果参数包含百分比符号（%），则尝试提取百分比值并乘以页面宽度
+  if (width.includes('%')) {
+    var WDwidth = window.innerWidth; // 获取页面宽度
+    var percentage = parseFloat("".concat(WDwidth));
+    var widthNum = width.replace('%', '');
+    // const bodyElement = document.body;
+    // const percentage = bodyElement.offsetWidth;
+    if (!isNaN(percentage)) {
+      // console.log('(percentage / 100) * (widthNum as any)', (percentage / 100) * (widthNum as any));
+      return percentage / 100 * widthNum;
+    }
+  }
+
+  // 如果都不符合，返回默认值
+  return undefined; // 或者你可以返回任何你想要的默认值
+};
+export var buttonCount = function buttonCount(buttonConfig, record) {
+  return buttonConfig.filter(function (item, index_) {
+    var status = true;
+    // if (!item.config.showExpression) {
+    // }
+    if (item.config.showExpression && isString(item.config.showExpression)) {
+      for (var index = 0; index < record.length; index++) {
+        var element = record[index];
+        if (!element || isEmpty(element)) {
+          status = false;
+          return;
+        }
+        try {
+          var status_ = interpret(item.config.showExpression, element);
+          if (status_ == false) {
+            status = false;
+            return;
+          }
+        } catch (error) {
+          console.log('表达式错误', error);
+          status = false;
+          return;
+        }
+      }
+    }
+    return status;
+  });
+};
+export function flattenArrayObjects(arr) {
+  var children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  var result = [];
+  if (!arr) return result;
+  for (var i = 0; i < arr.length; i++) {
+    if (Array.isArray(arr[i][children])) {
+      result = result.concat(flattenArrayObjects(arr[i][children], children));
+    } else {
+      result.push(arr[i]);
+    }
+  }
+  return result;
+}
+/**
+ * 255颜色值转16进制颜色值
+ * @param n 255颜色值
+ * @returns hex 16进制颜色值
+ */
+export var toHex = function toHex(n) {
+  return "".concat(n > 15 ? '' : 0).concat(n.toString(16));
+};
+
+/**
+ * 颜色对象转化为16进制颜色字符串
+ * @param colorObj 颜色对象
+ */
+export var toHexString = function toHexString(colorObj) {
+  var r = colorObj.r,
+    g = colorObj.g,
+    b = colorObj.b,
+    _colorObj$a = colorObj.a,
+    a = _colorObj$a === void 0 ? 1 : _colorObj$a;
+  return "#".concat(toHex(r)).concat(toHex(g)).concat(toHex(b)).concat(a === 1 ? '' : toHex(Math.floor(a * 255)));
+};
+
+/**
+ * 颜色对象转化为rgb颜色字符串
+ * @param colorObj 颜色对象
+ */
+export var toRgbString = function toRgbString(colorObj) {
+  var r = colorObj.r,
+    g = colorObj.g,
+    b = colorObj.b;
+  return "rgb(".concat(r, ",").concat(g, ",").concat(b, ")");
+};
+
+/**
+ * 颜色对象转化为rgba颜色字符串
+ * @param colorObj 颜色对象
+ */
+export var toRgbaString = function toRgbaString(colorObj) {
+  var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10000;
+  var r = colorObj.r,
+    g = colorObj.g,
+    b = colorObj.b,
+    _colorObj$a2 = colorObj.a,
+    a = _colorObj$a2 === void 0 ? 1 : _colorObj$a2;
+  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(Math.floor(a * n) / n, ")");
+};
+
+/**
+ * 16进制颜色字符串解析为颜色对象
+ * @param color 颜色字符串
+ * @returns IColorObj
+ */
+export var parseHexColor = function parseHexColor(color, op) {
+  var hex = color.slice(1);
+  var a = 1;
+  if (hex.length === 3) {
+    hex = "".concat(hex[0]).concat(hex[0]).concat(hex[1]).concat(hex[1]).concat(hex[2]).concat(hex[2]);
+  }
+  if (hex.length === 8) {
+    a = parseInt(hex.slice(6), 16) / 255;
+    hex = hex.slice(0, 6);
+  }
+  var bigint = parseInt(hex, 16);
+  return {
+    r: bigint >> 16 & 255,
+    g: bigint >> 8 & 255,
+    b: bigint & 255,
+    a: op || a
+  };
+};
+
+/**
+ * rgba颜色字符串解析为颜色对象
+ * @param color 颜色字符串
+ * @returns IColorObj
+ */
+export var parseRgbaColor = function parseRgbaColor(color, op) {
+  var arr = color.match(/(\d(\.\d+)?)+/g) || [];
+  var res = arr.map(function (s) {
+    return parseInt(s, 10);
+  });
+  return {
+    r: res[0],
+    g: res[1],
+    b: res[2],
+    a: op || parseFloat(arr[3])
+  };
+};
+
+/**
+ * 颜色字符串解析为颜色对象
+ * @param color 颜色字符串
+ * @returns IColorObj
+ */
+export var parseColorString = function parseColorString(color, op) {
+  if (color.startsWith('#')) {
+    return parseHexColor(color, op);
+  } else if (color.startsWith('rgb')) {
+    return parseRgbaColor(color, op);
+  } else if (color === 'transparent') {
+    return parseHexColor('#00000000');
+  }
+  throw new Error("color string error: ".concat(color));
+};
+
+/**
+ * 颜色字符串解析为各种颜色表达方式
+ * @param color 颜色字符串
+ * @returns IColorObj
+ */
+export var getColorInfo = function getColorInfo(color, op) {
+  var colorObj = parseColorString(color, op);
+  var hex = toHexString(colorObj);
+  var rgba = toRgbaString(colorObj);
+  var rgb = toRgbString(colorObj);
+  return {
+    hex: hex,
+    rgba: rgba,
+    rgb: rgb,
+    rgbaObj: colorObj
+  };
+};
+
+/**
+ * 16进制颜色字符串转化为rgba颜色字符串
+ * @param hex 16进制颜色字符串
+ * @returns rgba颜色字符串
+ */
+export var hexToRgba = function hexToRgba(hex, op) {
+  var colorObj = parseColorString(hex, op);
+  return toRgbaString(colorObj);
+};
+
+/**
+ * rgba颜色字符串转化为16进制颜色字符串
+ * @param rgba rgba颜色字符串
+ * @returns 16进制颜色字符串
+ */
+export var rgbaToHex = function rgbaToHex(rgba) {
+  var colorObj = parseColorString(rgba);
+  return toHexString(colorObj);
+};

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "ns-base-module",
+  "version": "1.0.0",
+  "description": "ns通用组件库",
+  "license": "MIT",
+  "module": "./src/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "/dist",
+    "/types",
+    "/style"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father dev",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "start": "npm run dev",
+    "version": "node ./updateVersion.js"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/icons": "^4.0.0",
+    "@ant-design/pro-components": "^2.4.14",
+    "@ant-design/pro-layout": "^6.9.0",
+    "antd": "^4.21.0",
+    "aexpr": "^1.0.2",
+    "axios": "^1.6.4",
+    "classnames": "",
+    "events": "^3.3.0",
+    "lodash": "^4.17.21",
+    "react-sortablejs": "6.1.1",
+    "umi-request": "^1.0.8",
+    "js-cookie": "^2.2.1",
+    "sortablejs": "1.14.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/events": "^3.0.3",
+    "@types/lodash": "^4.14.191",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/lint": "^4.0.0",
+    "dumi": "^2.0.2",
+    "eslint": "^8.23.0",
+    "father": "^4.2.3",
+    "husky": "^8.0.1",
+    "js-cookie": "^3.0.5",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.0.0",
+    "prettier-plugin-packagejson": "^2.2.18",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-infinite-scroll-component": "^6.1.0",
+    "stylelint": "^14.9.1"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "",
+    "classnames": "",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "735249091@qq.com"
+  ],
+  "private": false
+}