css2class 2.0.0 → 2.0.1

package/class2css.config.js

@@ -1,124 +0,0 @@
-// ========== 工具配置文件 ==========
-// 此文件包含工具运行相关的配置（系统设置、输出路径等）
-// 样式规则配置请查看 styles.config.js
-
-// 引入样式规则配置
-const stylesConfig = require('./styles.config.js');
-
-const config = {
-  // ========== 系统基础配置 ==========
-  system: {
-    // 基础单位设置
-    cssFormat: 'compressed', // 'multiLine' | 'singleLine' | 'compressed'
-    baseUnit: 'rpx',
-    // 单位转换比例 生成样式单位=设置单位*比例
-    unitConversion: 2,
-    // 是否压缩CSS
-    compression: true,
-    // 是否对生成的CSS类进行字母排序
-    sortClasses: true, // true | false，启用后会将CSS规则按选择器名称进行字母排序
-    // 智能单位处理策略
-    unitStrategy: {
-      // 自动检测：如果用户写了单位，保持原单位；如果没写，使用默认单位
-      autoDetect: true,
-      // 属性默认单位映射
-      propertyUnits: {
-        'font-size': 'rpx',
-        'width|height': 'rpx',
-        opacity: '', // 无单位
-        'z-index': '', // 无单位
-        'line-height': '', // 可以无单位
-        'border-radius': 'rpx',
-      },
-    },
-  },
-
-  // ========== 输出配置 ==========
-  output: {
-    //文件输出目录
-    path: 'D:/code/membership-weapp/subpackages/portal/lib',
-    // 输出文件信息 可设置文件名，扩展名
-    fileName: 'commom12.wxss',
-    commonCssPath: 'D:/code/css2class/common.css', // 共用CSS文件路径
-  },
-
-  // ========== Important标识配置（从样式配置引入） ==========
-  importantFlags: stylesConfig.importantFlags,
-  // 多文件构建 如果存在该字段 则覆盖 cssOutPath fileName
-  multiFile: {
-    entry: {
-      // 扫描/监听入口：
-      // - string：单目录/单文件
-      // - string[]：多目录/多文件（目录与文件可混用）
-      path: 'D:/code/membership-weapp/subpackages/portal',
-      // 需要监听的文件名
-      // fileName:[
-      //     'index1.html'
-      // ],
-      // 文件类型 需要监听的文件扩展名用逗号隔开
-      fileType: ['html', 'wxml'],
-    },
-    // 多文件监听时的导出配置
-    output: {
-      // css文件导出目录
-      // filePath：将css文件导出到监听文件对应的目录下，并且生成同名的样式文件
-      //uniFile:将所有样式导出到单文件中
-      cssOutType: 'uniFile',
-      //文件输出目录
-      // 如果填写该目录 css文件就会生成到该目录下
-      path: 'D:/code/membership-weapp/subpackages/portal/lib',
-      // 输出文件名 cssOutType为uniFile的情况下生效
-      fileName: 'index.wxss',
-      // 输出文件格式 在cssOutType为filePath的情况下生效
-      fileType: 'wxss',
-      
-      // ========== 增量模式配置 ==========
-      // incrementalOnlyAdd: 是否启用"只增不删"增量模式
-      // 当设置为 true 时：
-      // 1. 启动时会从输出文件（uniFile）中解析已存在的 class 作为基线
-      // 2. 后续文件变更时，只会新增 class，不会删除已存在的 class（包括基线中的 class）
-      // 3. 初次扫描后会提示输出文件中存在但当前项目未使用的 class，由用户决定是否清理
-      // 默认值: false（标准模式：会删除不再使用的 class）
-      // 注意：启用此模式后，输出文件可能会随时间增长，建议定期检查未使用的 class
-      incrementalOnlyAdd: true,
-      
-      // incrementalBaseline: 增量基线来源策略（当前仅支持 'fromOutputFile'）
-      // 'fromOutputFile': 从输出文件（uniFile）中解析已存在的 class
-      incrementalBaseline: 'fromOutputFile',
-      
-      // rebuildOnStart: 是否在启动时重建输出文件（仅在 incrementalOnlyAdd=true 时生效）
-      // 当设置为 true 时：
-      // 1. 每次启动都会先执行全量扫描，清理上一次运行累积的多余规则
-      // 2. 重新生成并排序/格式化输出文件，确保输出文件只包含当前扫描到的 class
-      // 3. 然后进入 watch 增量模式（运行期只增不删）
-      // 默认值: true（推荐开启，保证每次启动输出文件都是干净且排序好的）
-      rebuildOnStart: true,
-      
-      // unusedReportLimit: 未使用 class 报告的最大显示数量
-      // 启动重建时，如果发现上一版输出文件中存在但当前项目未使用的 class，会在控制台打印
-      // 此配置限制打印的示例数量，避免输出过长
-      // 默认值: 200
-      unusedReportLimit: 200,
-      
-      // ========== uniFile 写入模式配置 ==========
-      // uniFileWriteMode: uniFile 模式的写入策略
-      // 'rewrite': 每次写入全量重算并覆盖写文件（默认，保持兼容）
-      // 'appendDelta': 启动时全量重建写入基础段（已压缩/排序），运行期只把新增 class 的规则追加到文件末尾
-      // 注意：当 uniFileWriteMode='appendDelta' 时，rebuildOnStart 必须为 true（否则历史垃圾无法自动清理）
-      // 默认值: 'rewrite'
-      uniFileWriteMode: 'appendDelta',
-    },
-  },
-
-  // ========== 样式规则配置（从 styles.config.js 引入） ==========
-  atomicRules: stylesConfig.atomicRules,
-  baseClassName: stylesConfig.baseClassName,
-  variants: stylesConfig.variants,
-  breakpoints: stylesConfig.breakpoints,
-};
-
-function getConfig() {
-  return config;
-}
-
-module.exports = getConfig();

package/styles.config.js

@@ -1,250 +0,0 @@
-// ========== 样式规则配置文件 ==========
-// 此文件包含所有样式解析规则配置，与工具配置分离
-
-// ========== 原子化规则配置 ==========
-const atomicRules = {
-  "spacing": {
-    "m": { "properties": ["margin"], "defaultUnit": "rpx" },
-    "mt": { "properties": ["margin-top"], "defaultUnit": "rpx" },
-    "mr": { "properties": ["margin-right"], "defaultUnit": "rpx" },
-    "mb": { "properties": ["margin-bottom"], "defaultUnit": "rpx" },
-    "ml": { "properties": ["margin-left"], "defaultUnit": "rpx" },
-    "mx": { "properties": ["margin-left", "margin-right"], "defaultUnit": "rpx" },
-    "my": { "properties": ["margin-top", "margin-bottom"], "defaultUnit": "rpx" },
-    "p": { "properties": ["padding"], "defaultUnit": "rpx" },
-    "pt": { "properties": ["padding-top"], "defaultUnit": "rpx" },
-    "pr": { "properties": ["padding-right"], "defaultUnit": "rpx" },
-    "pb": { "properties": ["padding-bottom"], "defaultUnit": "rpx" },
-    "pl": { "properties": ["padding-left"], "defaultUnit": "rpx" },
-    "px": { "properties": ["padding-left", "padding-right"], "defaultUnit": "rpx" },
-    "py": { "properties": ["padding-top", "padding-bottom"], "defaultUnit": "rpx" },
-    "gap": { "properties": ["gap"], "defaultUnit": "rpx" }
-  },
-  "sizing": {
-    "w": { "properties": ["width"], "defaultUnit": "rpx" },
-    "h": { "properties": ["height"], "defaultUnit": "rpx" },
-    "max-w": { "properties": ["max-width"], "defaultUnit": "rpx" },
-    "max-h": { "properties": ["max-height"], "defaultUnit": "rpx" },
-    "min-w": { "properties": ["min-width"], "defaultUnit": "rpx" },
-    "min-h": { "properties": ["min-height"], "defaultUnit": "rpx" },
-    "size": { "properties": ["width", "height"], "defaultUnit": "rpx" }
-  },
-  "typography": {
-    "text-size": { "properties": ["font-size"], "defaultUnit": "rpx" },
-    "text": { "properties": ["font-size"], "defaultUnit": "rpx" },
-    "font": { "properties": ["font-weight"], "defaultUnit": "" },
-    "leading": { "properties": ["line-height"], "defaultUnit": "" },
-    "tracking": { "properties": ["letter-spacing"], "defaultUnit": "rpx" }
-  },
-  "positioning": {
-    "top": { "properties": ["top"], "defaultUnit": "rpx" },
-    "right": { "properties": ["right"], "defaultUnit": "rpx" },
-    "bottom": { "properties": ["bottom"], "defaultUnit": "rpx" },
-    "left": { "properties": ["left"], "defaultUnit": "rpx" },
-    "inset": { "properties": ["top", "right", "bottom", "left"], "defaultUnit": "rpx" },
-    "inset-x": { "properties": ["left", "right"], "defaultUnit": "rpx" },
-    "inset-y": { "properties": ["top", "bottom"], "defaultUnit": "rpx" }
-  },
-  "borders": {
-    "rounded": { "properties": ["border-radius"], "defaultUnit": "rpx" },
-    "border": { "properties": ["border-width"], "defaultUnit": "rpx" },
-    "bordert": { "properties": ["border-top-width"], "defaultUnit": "rpx" },
-    "borderr": { "properties": ["border-right-width"], "defaultUnit": "rpx" },
-    "borderb": { "properties": ["border-bottom-width"], "defaultUnit": "rpx" },
-    "borderl": { "properties": ["border-left-width"], "defaultUnit": "rpx" },
-    "b_r": { "properties": ["border-radius"], "defaultUnit": "rpx" }
-  },
-  "effects": {
-    "opacity": { "properties": ["opacity"], "defaultUnit": "" },
-    "transition": { "properties": ["transition"], "defaultUnit": "ms", "skipConversion": true },
-    "op": { "properties": ["opacity"], "defaultUnit": "" },
-    "z": { "properties": ["z-index"], "defaultUnit": "" }
-  }
-};
-
-// ========== Tailwind风格的基础class配置 ==========
-const baseClassName = {
-  "color": { "ABBR": "color" },
-  "bg": { "ABBR": "background-color" },
-  "bcolor": { "ABBR": "border-color" },
-  "block": "display: block;",
-  "inline": "display: inline;",
-  "inline-block": "display: inline-block;",
-  "flex": "display: flex;",
-  "flex-1": "flex: 1;",
-  "shrink-0": "flex-shrink: 0;",
-  "inline-flex": "display: inline-flex;",
-  "grid": "display: grid;",
-  "inline-grid": "display: inline-grid;",
-  "table": "display: table;",
-  "hidden": "display: none;",
-  "w-full": "width: 100%;",
-  "h-full": "height: 100%;",
-  "w-screen": "width: 100vw;",
-  "h-screen": "height: 100vh;",
-  "font-runyuan": "font-family: 'HYRunYuan-BOLD';",
-  "flex-cen": "align-items: center;justify-content: center;",
-  "flex-row": "flex-direction: row;",
-  "flex-col": "flex-direction: column;",
-  "flex-wrap": "flex-wrap: wrap;",
-  "flex-nowrap": "flex-wrap: nowrap;",
-  "items-start": "align-items: flex-start;",
-  "items-center": "align-items: center;",
-  "items-end": "align-items: flex-end;",
-  "items-stretch": "align-items: stretch;",
-  "justify-start": "justify-content: flex-start;",
-  "justify-center": "justify-content: center;",
-  "justify-end": "justify-content: flex-end;",
-  "justify-between": "justify-content: space-between;",
-  "justify-around": "justify-content: space-around;",
-  "justify-evenly": "justify-content: space-evenly;",
-  "grid-cols-4": "grid-template-columns: repeat(4, 1fr);",
-  "grid-cols-2": "grid-template-columns: repeat(2, 1fr);",
-  "grid-cols-3": "grid-template-columns: repeat(3, 1fr);",
-  "grid-cols-5": "grid-template-columns: repeat(5, 1fr);",
-  "grid-cols-6": "grid-template-columns: repeat(6, 1fr);",
-  "grid-cols-7": "grid-template-columns: repeat(7, 1fr);",
-  "grid-cols-8": "grid-template-columns: repeat(8, 1fr);",
-  "grid-cols-9": "grid-template-columns: repeat(9, 1fr);",
-  "grid-cols-10": "grid-template-columns: repeat(10, 1fr);",
-  "static": "position: static;",
-  "fixed": "position: fixed;",
-  "absolute": "position: absolute;",
-  "relative": "position: relative;",
-  "sticky": "position: sticky;",
-  "overflow-auto": "overflow: auto;",
-  "overflow-hidden": "overflow: hidden;",
-  "overflow-visible": "overflow: visible;",
-  "overflow-scroll": "overflow: scroll;",
-  "overflow-x-auto": "overflow-x: auto;",
-  "overflow-x-hidden": "overflow-x: hidden;",
-  "overflow-x-scroll": "overflow-x: scroll;",
-  "overflow-y-auto": "overflow-y: auto;",
-  "overflow-y-hidden": "overflow-y: hidden;",
-  "overflow-y-scroll": "overflow-y: scroll;",
-  "bold-thin": "font-weight: 100;",
-  "bold-extralight": "font-weight: 200;",
-  "bold-light": "font-weight: 300;",
-  "bold-normal": "font-weight: 400;",
-  "bold-medium": "font-weight: 500;",
-  "bold-semibold": "font-weight: 600;",
-  "bold-bold": "font-weight: 700;",
-  "bold-extrabold": "font-weight: 800;",
-  "bold-black": "font-weight: 900;",
-  "underline": "text-decoration: underline;",
-  "line-through": "text-decoration: line-through;",
-  "ellipsis": "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;",
-  "text-left": "text-align: left;",
-  "text-center": "text-align: center;",
-  "text-right": "text-align: right;",
-  "text-justify": "text-align: justify;",
-  "cursor-auto": "cursor: auto;",
-  "cursor-default": "cursor: default;",
-  "cursor-pointer": "cursor: pointer;",
-  "cursor-wait": "cursor: wait;",
-  "cursor-text": "cursor: text;",
-  "cursor-move": "cursor: move;",
-  "cursor-not-allowed": "cursor: not-allowed;",
-  "box-border": "box-sizing: border-box;",
-  "box-content": "box-sizing: content-box;",
-  "border-solid": "border-style: solid;",
-  "border-dashed": "border-style: dashed;",
-  "border-dotted": "border-style: dotted;",
-  "border-none": "border: none;",
-  "bold": "font-weight: bold;"
-};
-
-// ========== 变体规则（响应式、伪类等） ==========
-const variants = {
-  "responsive": ["sm", "md", "lg", "xl", "2xl"],
-  "states": ["hover", "focus", "active", "disabled", "first", "last", "odd", "even"],
-  "darkMode": ["dark"]
-};
-
-// ========== 响应式断点配置（可选） ==========
-// 如果不配置，将使用默认 Tailwind 断点值
-const breakpoints = {
-  sm: '640px',   // 小屏幕（手机横屏）
-  md: '768px',   // 中等屏幕（平板）
-  lg: '1024px',  // 大屏幕（笔记本）
-  xl: '1280px',  // 超大屏幕（桌面）
-  '2xl': '1536px' // 超超大屏幕（大桌面）
-};
-
-// ========== 颜色配置 ==========
-const baseColor = {
-  "466580": "#466580",
-  "818182": "#818182",
-  "595959": "#595959",
-  "333333": "#333333",
-  "666666": "#666666",
-  "979797": "#979797",
-  "777777": "#777777",
-  "142640": "#142640",
-  "fafafa": "#fafafa",
-  "B3B3B3": "#B3B3B3",
-  "F9F9F9": "#F9F9F9",
-  "9CA6B4": "#9CA6B4",
-  "040404": "#040404",
-  "ECF5FF": "#ECF5FF",
-  "black07": "rgba(0,0,0,0.7)",
-  "fffffe": "#fffffe",
-  "B10A32": "#B10A32",
-  "f4": "#F4F4F4",
-  "f4f4f4": "#f4f4f4",
-  "cc": "#CCCCCC",
-  "white": "#ffffff",
-  "black": "#000000",
-  "transparent": "transparent",
-  "slate": "#64748b",
-  "gray": "#6b7280",
-  "gray1": "",
-  "gray4": "#CCCCCC",
-  "zinc": "#71717a",
-  "red": "#ef4444",
-  "orange": "#f97316",
-  "amber": "#f59e0b",
-  "yellow": "#eab308",
-  "lime": "#84cc16",
-  "green": "#22c55e",
-  "emerald": "#10b981",
-  "teal": "#14b8a6",
-  "cyan": "#06b6d4",
-  "sky": "#0ea5e9",
-  "blue": "#142640",
-  "indigo": "#6366f1",
-  "violet": "#8b5cf6",
-  "purple": "#a855f7",
-  "fuchsia": "#d946ef",
-  "pink": "#ec4899",
-  "rose": "#f43f5e"
-};
-
-// ========== Important标识配置 ==========
-const importantFlags = {
-  // prefix: ['!', '$$'],                    // 前缀标识: !w-100, $$w-100
-  suffix: ['-i', '_i'], // 后缀标识: w-100_i, w-100-i, w-100__imp
-  // custom: ['--important', '##IMP##']      // 自定义标识: w--important-100, w##IMP##-100
-};
-
-// 处理颜色配置：将 baseColor 合并到 baseClassName 中具有 ABBR 属性的项
-function processStyles() {
-  const processedBaseClassName = { ...baseClassName };
-  
-  // 将颜色配置合并到具有 ABBR 的类中
-  Object.values(processedBaseClassName).forEach((item) => {
-    if (item && item.ABBR) {
-      Object.assign(item, baseColor);
-    }
-  });
-
-  return {
-    atomicRules,
-    baseClassName: processedBaseClassName,
-    variants,
-    breakpoints,
-    importantFlags,
-  };
-}
-
-module.exports = processStyles();