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

package/es/style/theme/base.less

@@ -1,3 +1,4 @@
+@ant-prefix: ant;
 @import '../core/index.less';
 @import './tokens.less';
 

package/es/utils/index.js

@@ -4,7 +4,7 @@ import { isFunction } from 'lodash';
 var EMPTY_VALUE = [undefined, null, ''];
 
 // 自定义深比对 如果两边都是函数类型则认为相等
-export var customEqualForFunction = function customEqualForFunction(value, other) {
+export var customEqualForFunction = (value, other) => {
   if (isFunction(value) && isFunction(other) || /*#__PURE__*/React.isValidElement(value) && /*#__PURE__*/React.isValidElement(other)) {
     return true;
   }
@@ -30,7 +30,7 @@ export function compatStartTransition(cb) {
  * 判断一个值是否是空值
  * 空值 或者 仅包含空值的数组视为空
  */
-export var isEmpty = function isEmpty(value, emptyValue) {
+export var isEmpty = (value, emptyValue) => {
   if (emptyValue) {
     EMPTY_VALUE.push(emptyValue);
   }
@@ -38,9 +38,7 @@ export var isEmpty = function isEmpty(value, emptyValue) {
     return true;
   }
   if (Array.isArray(value)) {
-    return !(value !== null && value !== void 0 && value.length) || value.every(function (item) {
-      return EMPTY_VALUE.includes(item);
-    });
+    return !(value !== null && value !== void 0 && value.length) || value.every(item => EMPTY_VALUE.includes(item));
   }
   return false;
 };
@@ -52,7 +50,7 @@ export var isEmpty = function isEmpty(value, emptyValue) {
  * @param {HTMLElement} element 要检测的元素
  * @returns {boolean} 如果内容溢出返回 true，否则返回 false
  */
-export var isEllipsisActive = function isEllipsisActive(element) {
+export var isEllipsisActive = element => {
   if (!element) return false;
   var computedStyle = window.getComputedStyle(element);
   // 如果使用单行显示（nowrap），则判断宽度是否足够
@@ -62,24 +60,24 @@ export var isEllipsisActive = function isEllipsisActive(element) {
   // 多行情况下，判断高度是否足够
   return element.scrollHeight > element.clientHeight;
 };
-export var useFocus = function useFocus(element) {
+export var useFocus = element => {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focus = _useState2[0],
     setFocus = _useState2[1];
-  useEffect(function () {
+  useEffect(() => {
     if (!element) return;
-    element.addEventListener('focus', function () {
+    element.addEventListener('focus', () => {
       setFocus(true);
     }, true);
-    element.addEventListener('blur', function () {
+    element.addEventListener('blur', () => {
       setFocus(false);
     }, true);
-    return function () {
-      element.removeEventListener('focus', function () {
+    return () => {
+      element.removeEventListener('focus', () => {
         setFocus(true);
       }, true);
-      element.removeEventListener('blur', function () {
+      element.removeEventListener('blur', () => {
         setFocus(false);
       }, true);
     };

package/jest.config.js

@@ -1,8 +1,50 @@
-const React = require('react');
-
 module.exports = {
   setupFiles: ['jest-canvas-mock'],
-  globals: {
-    React,
+  setupFilesAfterEnv: ['<rootDir>/tests/setup.ts'],
+  testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    url: 'http://localhost',
   },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+    '^@zat-design/sisyphus-react$': '<rootDir>/src/index.ts',
+    '\\.(css|less|scss)$': 'identity-obj-proxy',
+    '\\.(png|jpg|jpeg|gif|svg)$': '<rootDir>/tests/__mocks__/fileMock.js',
+    '@zat-design/utils': '<rootDir>/tests/__mocks__/zatUtils.js',
+  },
+  collectCoverageFrom: [
+    'src/**/*.{ts,tsx}',
+    '!src/**/*.d.ts',
+    '!src/**/demos/**',
+    '!src/**/test/**',
+    '!src/old/**',
+    '!src/style/**',
+    '!src/**/symbolIcon.js',
+    '!src/index.ts',
+    '!src/tokens.ts',
+    '!src/utils/**',
+    '!src/locale/**',
+  ],
+  testMatch: [
+    '<rootDir>/src/**/__tests__/**/*.{ts,tsx}',
+    '<rootDir>/src/**/*.(test|spec).{ts,tsx}',
+  ],
+  testTimeout: 15000,
+  transform: {
+    '^.+\\.(ts|tsx)$': 'babel-jest',
+    '^.+\\.(js|jsx)$': 'babel-jest',
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
+  transformIgnorePatterns: [
+    'node_modules/(?!(antd|@ant-design|@pansy|rc-.+|@babel/runtime|@zat-design)/)',
+  ],
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 80,
+      lines: 80,
+      statements: 80,
+    },
+  },
+  coverageReporters: ['text', 'lcov', 'html'],
 };

package/lib/FormsProvider/index.js

@@ -1,63 +1,43 @@
-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/FormsProvider/index.tsx
-var FormsProvider_exports = {};
-__export(FormsProvider_exports, {
-  FormsContext: () => FormsContext,
-  default: () => FormsProvider_default,
-  useContextForms: () => useContextForms,
-  useForms: () => useForms
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(FormsProvider_exports);
-var import_react = __toESM(require("react"));
-var FormsContext = import_react.default.createContext({});
+exports.useForms = exports.useContextForms = exports.default = exports.FormsContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var FormsContext = exports.FormsContext = /*#__PURE__*/_react.default.createContext({});
+
+/**
+ * @param formKey 表单实例key
+ * @param formIst form实例, 如果传了会把传入的实例存入全局
+ * @returns 没有入参: 返回表单实例但是不存入全局
+ *          有formKey: 取全局中的表单实例返回, 如果不存在则创建后返回
+ */
 var useForms = () => {
-  const forms = (0, import_react.useContext)(FormsContext);
+  var forms = (0, _react.useContext)(FormsContext);
   return forms;
 };
+
+/** 获取所有表单实例 */
+exports.useForms = useForms;
 var useContextForms = () => {
-  const forms = (0, import_react.useContext)(FormsContext);
+  var forms = (0, _react.useContext)(FormsContext);
   return forms;
 };
-var FormsProvider = (props) => {
-  const formsRef = (0, import_react.useRef)({});
-  (0, import_react.useEffect)(() => {
+exports.useContextForms = useContextForms;
+var FormsProvider = props => {
+  var formsRef = (0, _react.useRef)({});
+  (0, _react.useEffect)(() => {
+    // 销毁
     return () => {
       formsRef.current = {};
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(FormsContext.Provider, { value: formsRef.current }, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormsContext.Provider, {
+    value: formsRef.current,
+    children: props.children
+  });
 };
-var FormsProvider_default = FormsProvider;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FormsContext,
-  useContextForms,
-  useForms
-});
+var _default = exports.default = FormsProvider;

package/lib/ProAction/components/CheckModalContent/index.js

@@ -1,30 +1,34 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProAction/components/CheckModalContent/index.tsx
-var CheckModalContent_exports = {};
-__export(CheckModalContent_exports, {
-  default: () => CheckModalContent_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(CheckModalContent_exports);
-var import_index = require("./index.less");
-var CheckModalContent = (props) => {
-  const { errorTitle, list = [] } = props ?? {};
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-action-check-modal-box" }, /* @__PURE__ */ React.createElement("div", { className: "res-err-list" }, /* @__PURE__ */ React.createElement("span", { className: "err-tip" }, errorTitle), Array.isArray(list) && list.length === 1 ? /* @__PURE__ */ React.createElement("span", { className: "err-item" }, list[0]) : null, Array.isArray(list) && list.length > 1 ? /* @__PURE__ */ React.createElement("div", { className: "list-wrap" }, list.map((item) => /* @__PURE__ */ React.createElement("div", { className: "err-item" }, item))) : null));
+exports.default = void 0;
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+var CheckModalContent = props => {
+  var _ref = props !== null && props !== void 0 ? props : {},
+    errorTitle = _ref.errorTitle,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "pro-action-check-modal-box",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "res-err-list",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "err-tip",
+        children: errorTitle
+      }), Array.isArray(list) && list.length === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "err-item",
+        children: list[0]
+      }) : null, Array.isArray(list) && list.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "list-wrap",
+        children: list.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "err-item",
+          children: item
+        }))
+      }) : null]
+    })
+  });
 };
-var CheckModalContent_default = CheckModalContent;
+var _default = exports.default = CheckModalContent;