@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

package/lib/utils/index.js

@@ -1,42 +1,58 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  compatStartTransition: () => compatStartTransition,
+  customEqualForFunction: () => customEqualForFunction,
+  isEllipsisActive: () => isEllipsisActive,
+  isEmpty: () => isEmpty,
+  useFocus: () => useFocus
 });
-exports.compatStartTransition = compatStartTransition;
-exports.useFocus = exports.isEmpty = exports.isEllipsisActive = exports.customEqualForFunction = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _react = _interopRequireWildcard(require("react"));
-var EMPTY_VALUE = [undefined, null, ''];
-// 自定义深比对 如果两边都是函数类型则认为相等
-var customEqualForFunction = exports.customEqualForFunction = function customEqualForFunction(value, other) {
-  if ((0, _isFunction2.default)(value) && (0, _isFunction2.default)(other) || /*#__PURE__*/_react.default.isValidElement(value) && /*#__PURE__*/_react.default.isValidElement(other)) {
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var EMPTY_VALUE = [void 0, null, ""];
+var customEqualForFunction = (value, other) => {
+  if ((0, import_lodash.isFunction)(value) && (0, import_lodash.isFunction)(other) || import_react.default.isValidElement(value) && import_react.default.isValidElement(other)) {
     return true;
   }
 };
-/**
- * 兼容 React17/18 的 startTransition。
- *  - React18+: 使用原生 startTransition
- *  - React17 : 直接执行回调
- */
 function compatStartTransition(cb) {
-  var maybeStartTransition = _react.default.startTransition;
-  if (typeof maybeStartTransition === 'function') {
-    // React 18+
+  const maybeStartTransition = import_react.default.startTransition;
+  if (typeof maybeStartTransition === "function") {
     maybeStartTransition(cb);
   } else {
-    // React 17 及以下
     cb();
   }
 }
-/**
- * 判断一个值是否是空值
- * 空值 或者 仅包含空值的数组视为空
- */
-var isEmpty = exports.isEmpty = function isEmpty(value, emptyValue) {
+var isEmpty = (value, emptyValue) => {
   if (emptyValue) {
     EMPTY_VALUE.push(emptyValue);
   }
@@ -44,50 +60,62 @@ var isEmpty = exports.isEmpty = function isEmpty(value, emptyValue) {
     return true;
   }
   if (Array.isArray(value)) {
-    return !(value === null || value === void 0 ? void 0 : value.length) || value.every(function (item) {
-      return EMPTY_VALUE.includes(item);
-    });
+    return !(value == null ? void 0 : value.length) || value.every((item) => EMPTY_VALUE.includes(item));
   }
   return false;
 };
-/**
- * 判断一个元素是否触发了省略号（文本溢出）
- * 如果元素设置为单行（white-space: nowrap）则比较 scrollWidth 与 clientWidth，
- * 如果是多行文本（例如使用 -webkit-line-clamp 实现多行截断）则比较 scrollHeight 与 clientHeight。
- * @param {HTMLElement} element 要检测的元素
- * @returns {boolean} 如果内容溢出返回 true，否则返回 false
- */
-var isEllipsisActive = exports.isEllipsisActive = function isEllipsisActive(element) {
-  if (!element) return false;
-  var computedStyle = window.getComputedStyle(element);
-  // 如果使用单行显示（nowrap），则判断宽度是否足够
-  if (computedStyle.whiteSpace === 'nowrap') {
+var isEllipsisActive = (element) => {
+  if (!element)
+    return false;
+  const computedStyle = window.getComputedStyle(element);
+  if (computedStyle.whiteSpace === "nowrap") {
     return element.scrollWidth > element.clientWidth;
   }
-  // 多行情况下，判断高度是否足够
   return element.scrollHeight > element.clientHeight;
 };
-var useFocus = exports.useFocus = function useFocus(element) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    focus = _useState2[0],
-    setFocus = _useState2[1];
-  (0, _react.useEffect)(function () {
-    if (!element) return;
-    element.addEventListener('focus', function () {
-      setFocus(true);
-    }, true);
-    element.addEventListener('blur', function () {
-      setFocus(false);
-    }, true);
-    return function () {
-      element.removeEventListener('focus', function () {
+var useFocus = (element) => {
+  const [focus, setFocus] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!element)
+      return;
+    element.addEventListener(
+      "focus",
+      () => {
         setFocus(true);
-      }, true);
-      element.removeEventListener('blur', function () {
+      },
+      true
+    );
+    element.addEventListener(
+      "blur",
+      () => {
         setFocus(false);
-      }, true);
+      },
+      true
+    );
+    return () => {
+      element.removeEventListener(
+        "focus",
+        () => {
+          setFocus(true);
+        },
+        true
+      );
+      element.removeEventListener(
+        "blur",
+        () => {
+          setFocus(false);
+        },
+        true
+      );
     };
   }, [element]);
   return focus;
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compatStartTransition,
+  customEqualForFunction,
+  isEllipsisActive,
+  isEmpty,
+  useFocus
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,16 +21,16 @@
   ],
   "scripts": {
     "analyze": "ANALYZE=1 dumi build",
-    "build": "npm run build-lib && npm run build-es && npm run build-dist",
-    "build-dist": "father-build",
-    "build-umd": "cross-env BUILD_TYPE=umd father-build",
-    "build-es": "cross-env BUILD_TYPE=es father-build",
-    "build-lib": "father-build && cross-env BUILD_TYPE=lib father-build",
+    "build": "father build",
+    "build-dist": "father build",
+    "build-umd": "father build",
+    "build-es": "father build",
+    "build-lib": "father build",
     "docs": "dumi build",
     "docs:deploy": "gh-pages -d docs-dist",
     "lint": "npm run lint:js && npm run lint:style && npm run lint:prettier",
     "lint-staged": "lint-staged",
-    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx",
+    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx --ignore-pattern '**/__tests__/**' --ignore-pattern '**/*.test.*' --ignore-pattern '**/*.spec.*'",
     "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
     "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
     "lint:prettier": "prettier --check \"**/*\" --end-of-line auto",
@@ -78,7 +78,7 @@
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
-    "@zat-design/utils": "4.0.0-beta.3",
+    "@zat-design/utils": "4.0.0-beta.4",
     "ahooks": "3.8.4",
     "antd": "^5.26.4",
     "big.js": "^6.2.1",
@@ -93,13 +93,14 @@
   "peerDependencies": {
     "antd": "^5.26.4",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react-dom": ">=16.9.0",
+    "react-router-dom": "^5.1.7 || ^6.0.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^12.1.1",
     "@commitlint/config-conventional": "^12.1.1",
-    "@testing-library/jest-dom": "6.2.0",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
     "@types/classnames": "^2.3.1",
     "@types/jest": "^29.5.11",
     "@types/lodash": "^4.14.171",
@@ -128,7 +129,7 @@
     "eslint-plugin-react": "7.16.0",
     "eslint-plugin-react-hooks": "2.2.0",
     "eslint-plugin-unused-imports": "^3.0.0",
-    "father-build": "^1.18.1",
+    "father": "^4.6.1",
     "gh-pages": "^3.0.0",
     "husky": "^4.0.7",
     "jest-canvas-mock": "^2.5.2",

package/tests/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

package/tests/__mocks__/zatUtils.js

@@ -0,0 +1,27 @@
+// Mock @zat-design/utils
+module.exports = {
+  tools: {
+    isValidUrl: jest.fn(() => true),
+    formatCurrency: jest.fn((value) => `¥${value}`),
+    formatDate: jest.fn((date) => new Date(date).toLocaleDateString()),
+  },
+  transforms: {
+    transformDate: jest.fn((value, params) => {
+      if (!value) return '';
+      return new Date(value).toLocaleDateString();
+    }),
+    transformSwitch: jest.fn((value) => value ? '是' : '否'),
+    transformMoney: jest.fn((value) => `¥${value || 0}`),
+    transformPercent: jest.fn((value) => `${(value || 0) * 100}%`),
+  },
+  validate: {
+    isEmail: jest.fn((email) => /\S+@\S+\.\S+/.test(email)),
+    isPhone: jest.fn((phone) => /^1[3-9]\d{9}$/.test(phone)),
+    isIdCard: jest.fn(() => true),
+  },
+  validateNameMap: {
+    email: 'isEmail',
+    phone: 'isPhone',
+    idCard: 'isIdCard',
+  },
+};