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

package/lib/ProThemeTools/utils/index.js

@@ -1,47 +1,28 @@
-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/ProThemeTools/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  convertToAntd5Tokens: () => convertToAntd5Tokens,
-  getAntd5ThemeConfig: () => getAntd5ThemeConfig,
-  getKebabCase: () => getKebabCase,
-  getMapHumpCase: () => getMapHumpCase,
-  getMapKebabCase: () => getMapKebabCase,
-  setTableBorder: () => setTableBorder,
-  setTableNoStripe: () => setTableNoStripe,
-  setThemes: () => setThemes
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
+exports.setThemes = exports.setTableNoStripe = exports.setTableBorder = exports.getMapKebabCase = exports.getMapHumpCase = exports.getKebabCase = exports.getAntd5ThemeConfig = exports.convertToAntd5Tokens = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+/** antd5 主题配置 mapping */
 var antd5ConfigMapping = {
-  "zaui-brand": "colorPrimary"
+  'zaui-brand': 'colorPrimary'
   // 可以根据需要添加更多映射
 };
+
+/**
+ * 将 kebab-case 的主题配置转换为 antd5 的 token 格式
+ * @param themes kebab-case 格式的主题配置
+ * @param themeMapping 自定义映射关系
+ */
 var convertToAntd5Tokens = (themes, themeMapping) => {
-  const mapping = {
-    ...antd5ConfigMapping,
-    ...themeMapping
-  };
-  const tokens = {};
-  Object.keys(themes).forEach((key) => {
-    const value = themes[key];
-    const mappingKey = mapping[key];
+  var mapping = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, antd5ConfigMapping), themeMapping);
+  var tokens = {};
+  Object.keys(themes).forEach(key => {
+    var value = themes[key];
+    var mappingKey = mapping[key];
     if (mappingKey) {
       tokens[mappingKey] = value;
     }
@@ -50,85 +31,108 @@ var convertToAntd5Tokens = (themes, themeMapping) => {
     token: tokens
   };
 };
-var setThemes = (themes) => {
+
+/**
+ * 设置主题变量 - antd5 兼容版本
+ * 只设置 CSS 变量，不再使用 ConfigProvider.config
+ */
+exports.convertToAntd5Tokens = convertToAntd5Tokens;
+var setThemes = themes => {
   if (!Object.keys(themes).length) {
     return false;
   }
-  const list = Object.entries(themes);
-  list.forEach((item) => {
+
+  // 只设置 CSS 变量，主题配置通过 Context 管理
+  var list = Object.entries(themes);
+  list.forEach(item => {
     document.documentElement.style.setProperty(`--${item[0]}`, item[1]);
   });
   return true;
 };
-var getAntd5ThemeConfig = (themes) => {
+
+/**
+ * 获取 antd5 主题配置
+ * @param themes kebab-case 格式的主题配置
+ */
+exports.setThemes = setThemes;
+var getAntd5ThemeConfig = themes => {
   return convertToAntd5Tokens(themes);
 };
-var getKebabCase = (str) => {
-  let temp = str.replace(/[A-Z]/g, (i) => {
+
+/** JS实现驼峰命名与横线命名的转换  */
+exports.getAntd5ThemeConfig = getAntd5ThemeConfig;
+var getKebabCase = str => {
+  var temp = str.replace(/[A-Z]/g, i => {
     return `-${i.toLowerCase()}`;
   });
-  if (temp.slice(0, 1) === "-") {
-    temp = temp.slice(1);
+  if (temp.slice(0, 1) === '-') {
+    temp = temp.slice(1); // 如果首字母是大写，执行replace时会多一个-，需要去掉
   }
   return temp;
 };
-var getMapKebabCase = (obj, prefix = "") => {
-  return Object.fromEntries(
-    Object.entries(obj).map((item) => [`${prefix}${getKebabCase(item == null ? void 0 : item[0])}`, item == null ? void 0 : item[1]])
-  );
+
+/** JS实现对象驼峰命名与横线命名的转换  */
+exports.getKebabCase = getKebabCase;
+var getMapKebabCase = exports.getMapKebabCase = function getMapKebabCase(obj) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.fromEntries(Object.entries(obj).map(item => [`${prefix}${getKebabCase(item === null || item === void 0 ? void 0 : item[0])}`, item === null || item === void 0 ? void 0 : item[1]]));
 };
-var getMapHumpCase = (obj = {}) => {
+
+/** JS实现对象横线命名与驼峰命名的转换  */
+var getMapHumpCase = exports.getMapHumpCase = function getMapHumpCase() {
+  var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.keys(obj).reduce((acc, key) => {
-    const transformedKey = key.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
+    var transformedKey = key.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
     acc[transformedKey] = obj[key];
     return acc;
   }, {});
 };
-var setTableNoStripe = (stripe, prefixCls = "ant") => {
-  const proTables = document.querySelectorAll(".pro-table");
-  const antTables = document.querySelectorAll(`.${prefixCls}-table`);
+
+/**
+ * 设置表格斑马纹
+ * @param stripe boolean
+ */
+var setTableNoStripe = exports.setTableNoStripe = function setTableNoStripe(stripe) {
+  var prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ant';
+  var proTables = document.querySelectorAll('.pro-table');
+  var antTables = document.querySelectorAll(`.${prefixCls}-table`);
   if (!proTables.length) {
     return;
   }
-  for (let i = 0; i < proTables.length; i++) {
-    const proTable = proTables[i];
+  for (var i = 0; i < proTables.length; i++) {
+    var proTable = proTables[i];
     if (stripe) {
-      proTable.classList.remove("pro-table-no-stripe");
+      proTable.classList.remove('pro-table-no-stripe');
     } else {
-      proTable.classList.add("pro-table-no-stripe");
+      proTable.classList.add('pro-table-no-stripe');
     }
   }
-  for (let i = 0; i < antTables.length; i++) {
-    const antTable = antTables[i];
+  for (var _i = 0; _i < antTables.length; _i++) {
+    var antTable = antTables[_i];
     if (stripe) {
-      antTable.classList.remove("pro-table-no-stripe");
+      antTable.classList.remove('pro-table-no-stripe');
     } else {
-      antTable.classList.add("pro-table-no-stripe");
+      antTable.classList.add('pro-table-no-stripe');
     }
   }
 };
-var setTableBorder = (border) => {
-  const proTables = document.querySelectorAll(".pro-table");
+
+/**
+ * 设置表格边框
+ * @param border boolean
+ */
+var setTableBorder = border => {
+  var proTables = document.querySelectorAll('.pro-table');
   if (!proTables.length) {
     return;
   }
-  for (let i = 0; i < proTables.length; i++) {
-    const proTable = proTables[i];
+  for (var i = 0; i < proTables.length; i++) {
+    var proTable = proTables[i];
     if (border) {
-      proTable.classList.add("pro-table-bordered");
+      proTable.classList.add('pro-table-bordered');
     } else {
-      proTable.classList.remove("pro-table-bordered");
+      proTable.classList.remove('pro-table-bordered');
     }
   }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  convertToAntd5Tokens,
-  getAntd5ThemeConfig,
-  getKebabCase,
-  getMapHumpCase,
-  getMapKebabCase,
-  setTableBorder,
-  setTableNoStripe,
-  setThemes
-});
+exports.setTableBorder = setTableBorder;