@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/lib/utils/index.js

@@ -1,57 +1,45 @@
-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);
+"use strict";
 
-// src/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  compatStartTransition: () => compatStartTransition,
-  customEqualForFunction: () => customEqualForFunction,
-  isEllipsisActive: () => isEllipsisActive,
-  isEmpty: () => isEmpty,
-  useFocus: () => useFocus
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var EMPTY_VALUE = [void 0, null, ""];
+exports.compatStartTransition = compatStartTransition;
+exports.useFocus = exports.isEmpty = exports.isEllipsisActive = exports.customEqualForFunction = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var EMPTY_VALUE = [undefined, 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)) {
+  if ((0, _lodash.isFunction)(value) && (0, _lodash.isFunction)(other) || /*#__PURE__*/_react.default.isValidElement(value) && /*#__PURE__*/_react.default.isValidElement(other)) {
     return true;
   }
 };
+
+/**
+ * 兼容 React17/18 的 startTransition。
+ *  - React18+: 使用原生 startTransition
+ *  - React17 : 直接执行回调
+ */
+exports.customEqualForFunction = customEqualForFunction;
 function compatStartTransition(cb) {
-  const maybeStartTransition = import_react.default.startTransition;
-  if (typeof maybeStartTransition === "function") {
+  var maybeStartTransition = _react.default.startTransition;
+  if (typeof maybeStartTransition === 'function') {
+    // React 18+
     maybeStartTransition(cb);
   } else {
+    // React 17 及以下
     cb();
   }
 }
+
+/**
+ * 判断一个值是否是空值
+ * 空值 或者 仅包含空值的数组视为空
+ */
 var isEmpty = (value, emptyValue) => {
   if (emptyValue) {
     EMPTY_VALUE.push(emptyValue);
@@ -60,62 +48,52 @@ var isEmpty = (value, emptyValue) => {
     return true;
   }
   if (Array.isArray(value)) {
-    return !(value == null ? void 0 : value.length) || value.every((item) => EMPTY_VALUE.includes(item));
+    return !(value !== null && value !== void 0 && value.length) || value.every(item => EMPTY_VALUE.includes(item));
   }
   return false;
 };
-var isEllipsisActive = (element) => {
-  if (!element)
-    return false;
-  const computedStyle = window.getComputedStyle(element);
-  if (computedStyle.whiteSpace === "nowrap") {
+
+/**
+ * 判断一个元素是否触发了省略号（文本溢出）
+ * 如果元素设置为单行（white-space: nowrap）则比较 scrollWidth 与 clientWidth，
+ * 如果是多行文本（例如使用 -webkit-line-clamp 实现多行截断）则比较 scrollHeight 与 clientHeight。
+ * @param {HTMLElement} element 要检测的元素
+ * @returns {boolean} 如果内容溢出返回 true，否则返回 false
+ */
+exports.isEmpty = isEmpty;
+var isEllipsisActive = element => {
+  if (!element) return false;
+  var computedStyle = window.getComputedStyle(element);
+  // 如果使用单行显示（nowrap），则判断宽度是否足够
+  if (computedStyle.whiteSpace === 'nowrap') {
     return element.scrollWidth > element.clientWidth;
   }
+  // 多行情况下，判断高度是否足够
   return element.scrollHeight > element.clientHeight;
 };
-var useFocus = (element) => {
-  const [focus, setFocus] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    if (!element)
-      return;
-    element.addEventListener(
-      "focus",
-      () => {
+exports.isEllipsisActive = isEllipsisActive;
+var useFocus = element => {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    focus = _useState2[0],
+    setFocus = _useState2[1];
+  (0, _react.useEffect)(() => {
+    if (!element) return;
+    element.addEventListener('focus', () => {
+      setFocus(true);
+    }, true);
+    element.addEventListener('blur', () => {
+      setFocus(false);
+    }, true);
+    return () => {
+      element.removeEventListener('focus', () => {
         setFocus(true);
-      },
-      true
-    );
-    element.addEventListener(
-      "blur",
-      () => {
+      }, true);
+      element.removeEventListener('blur', () => {
         setFocus(false);
-      },
-      true
-    );
-    return () => {
-      element.removeEventListener(
-        "focus",
-        () => {
-          setFocus(true);
-        },
-        true
-      );
-      element.removeEventListener(
-        "blur",
-        () => {
-          setFocus(false);
-        },
-        true
-      );
+      }, true);
     };
   }, [element]);
   return focus;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  compatStartTransition,
-  customEqualForFunction,
-  isEllipsisActive,
-  isEmpty,
-  useFocus
-});
+exports.useFocus = useFocus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.5",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,16 +21,15 @@
   ],
   "scripts": {
     "analyze": "ANALYZE=1 dumi build",
-    "build": "father build",
-    "build-dist": "father build",
-    "build-umd": "father build",
-    "build-es": "father build",
-    "build-lib": "father build",
+    "build": "father build && mv dist/index.min.css dist/index.esm.css && mv dist/less.min.css dist/less.esm.css",
+    "build-es": "father build --format esm",
+    "build-lib": "father build --format cjs",
+    "build-dist": "father build --format umd",
     "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 +77,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.5",
     "ahooks": "3.8.4",
     "antd": "^5.26.4",
     "big.js": "^6.2.1",
@@ -93,13 +92,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",
@@ -133,6 +133,7 @@
     "husky": "^4.0.7",
     "jest-canvas-mock": "^2.5.2",
     "lint-staged": "^10.0.0",
+    "mini-css-extract-plugin": "^2.9.4",
     "mockjs": "^1.0.0",
     "moment": "^2.30.1",
     "prettier": "^2.5.0",

package/dist/index.esm.js

@@ -1,3 +0,0 @@
-var undefined$1 = undefined;
-
-export default undefined$1;

package/dist/less.esm.js

@@ -1,3 +0,0 @@
-var undefined$1 = undefined;
-
-export default undefined$1;