@mc-markets/ui 1.0.94 → 1.0.95

package/dist/resolver.d.ts

@@ -10,8 +10,13 @@
  * @param {string} options.prefix - 组件前缀，默认 'm'
  * @param {boolean|'css'|'scss'} options.importStyle - 样式导入方式
  *   - false: 不导入样式（需要手动导入）
- *   - true 或 'css': 导入编译后的 CSS（推荐）
- *   - 'scss': 导入 SCSS 源文件
+ *   - true 或 'css': 自动导入所有样式文件（推荐）
+ *     * @mc-markets/ui/dist/style.css - 主样式
+ *     * @mc-markets/ui/styles/font - 字体图标
+ *     * @mc-markets/ui/styles/colorfont - 彩色字体图标
+ *   - 'scss': 导入 SCSS 源文件 + 字体图标
+ *     * @mc-markets/ui/packages/styles/index.scss
+ *     * @mc-markets/ui/styles/font
  * @returns {Object} 解析器配置
  */
 export function McMarketsUIResolver(options?: {

package/dist/resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../packages/resolver.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;GASG;AACH,8CAPG;IAAwB,MAAM,EAAtB,MAAM;IACwB,WAAW,EAAzC,OAAO,GAAC,KAAK,GAAC,MAAM;CAI5B,OA0FF;AAED;;;GAGG;AACH;;EA+EC"}
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../packages/resolver.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;;;;GAcG;AACH,8CAZG;IAAwB,MAAM,EAAtB,MAAM;IACwB,WAAW,EAAzC,OAAO,GAAC,KAAK,GAAC,MAAM;CAGtB,OAgGR;AAED;;;GAGG;AACH;;EA+EC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mc-markets/ui",
   "private": false,
-  "version": "1.0.94",
+  "version": "1.0.95",
   "type": "module",
   "author": "chenyu",
   "description": "Vue 3 组件库，基于 Element Plus 的自定义组件",
@@ -16,7 +16,7 @@
     },
     "./resolver": {
       "import": "./packages/resolver.js",
-      "require": "./packages/resolver.js",
+      "require": "./packages/resolver.cjs",
       "types": "./packages/resolver.d.ts"
     },
     "./styles/index": "./packages/styles/index.scss",
@@ -32,11 +32,11 @@
     "packages/hooks",
     "packages/utils",
     "packages/resolver.js",
+    "packages/resolver.cjs",
     "packages/resolver.d.ts",
     "README.md",
     "USAGE_GUIDE.md",
     "QUICK_START.md",
-    "CHANGELOG.md",
     "vite.config.example.js"
   ],
   "keywords": [

package/packages/resolver.cjs

@@ -0,0 +1,202 @@
+/**
+ * @mc-markets/ui 组件解析器 (CommonJS 版本)
+ * 用于 unplugin-vue-components 和 unplugin-auto-import
+ * 
+ * 支持自动导入组件和 API
+ */
+
+/**
+ * 组件解析器
+ * @param {Object} options - 配置选项
+ * @param {string} options.prefix - 组件前缀，默认 'm'
+ * @param {boolean|'css'|'scss'} options.importStyle - 样式导入方式
+ *   - false: 不导入样式（需要手动导入）
+ *   - true 或 'css': 自动导入所有样式文件（推荐）
+ *     * @mc-markets/ui/dist/style.css - 主样式
+ *     * @mc-markets/ui/styles/font - 字体图标
+ *     * @mc-markets/ui/styles/colorfont - 彩色字体图标
+ *   - 'scss': 导入 SCSS 源文件 + 字体图标
+ *     * @mc-markets/ui/packages/styles/index.scss
+ *     * @mc-markets/ui/styles/font
+ * @returns {Object} 解析器配置
+ */
+function McMarketsUIResolver(options = {}) {
+  const {
+    prefix = 'm',
+    importStyle = 'css'
+  } = options
+
+  // 标记是否已导入样式（避免重复导入）
+  let styleImported = false
+
+  return {
+    type: 'component',
+    resolve: (name) => {
+      // 只处理指定前缀的组件
+      const prefixPattern = new RegExp(`^${prefix}(?:-|[A-Z])`, 'i')
+      if (!prefixPattern.test(name)) {
+        return
+      }
+
+      // 组件名映射表（处理特殊命名）
+      const componentMap = {
+        // 自定义组件
+        'MIcon': 'Icon',
+        'MButton': 'Button',
+        'MInput': 'Input',
+        'MForm': 'Form',
+        'MFormItem': 'FormItem',
+        'MTooltip': 'Tooltip',
+        'MSelect': 'Select',
+        'MOption': 'Option',
+        'MOptionGroup': 'OptionGroup',
+        'MPagination': 'Pagination',
+        'MRadio': 'Radio',
+        'MRadioGroup': 'RadioGroup',
+        'MRadioButton': 'RadioButton',
+        'MSwitch': 'Switch',
+        'MTag': 'Tag',
+        'MAlert': 'Alert',
+        'MDialog': 'Dialog',
+        'MNotification': 'Notification',
+        'MMessage': 'Message',
+        'MNotifiMessage': 'NotifiMessage',
+        'MDatePicker': 'DatePicker',
+        'MEmpty': 'Empty',
+        'MTable': 'Table',
+        'MTableColumn': 'TableColumn',
+        'MBanner': 'Banner',
+        'MTabs': 'Tabs',
+        'MTabPane': 'TabPane',
+        'MTabCard': 'TabCard',
+        'MTabCardItem': 'TabCardItem',
+        'MBreadcrumb': 'Breadcrumb',
+        'MBreadcrumbSeparator': 'BreadcrumbSeparator',
+      }
+
+      // 检查是否是已定义的组件
+      const componentName = componentMap[name]
+      
+      if (componentName || name.startsWith('M')) {
+        // 确定样式文件路径（支持导入多个样式文件）
+        let sideEffects
+        
+        if (importStyle && !styleImported) {
+          if (importStyle === 'scss') {
+            // 导入 SCSS 源文件 + 字体图标
+            sideEffects = [
+              '@mc-markets/ui/packages/styles/index.scss',
+              '@mc-markets/ui/styles/font'
+            ]
+          } else if (importStyle === true || importStyle === 'css') {
+            // 导入编译后的 CSS + 字体图标
+            sideEffects = [
+              '@mc-markets/ui/dist/style.css',
+              '@mc-markets/ui/styles/font',
+              '@mc-markets/ui/styles/colorfont'
+            ]
+          }
+          styleImported = true
+        }
+        
+        // 返回组件导入配置
+        return {
+          name,
+          from: '@mc-markets/ui',
+          sideEffects
+        }
+      }
+    }
+  }
+}
+
+/**
+ * API 自动导入配置
+ * 用于 unplugin-auto-import
+ */
+function getMcMarketsUIImports() {
+  return {
+    '@mc-markets/ui': [
+      // 组件
+      'MIcon',
+      'MButton',
+      'MInput',
+      'MForm',
+      'MFormItem',
+      'MTooltip',
+      'MSelect',
+      'MOption',
+      'MOptionGroup',
+      'MPagination',
+      'MRadio',
+      'MRadioGroup',
+      'MRadioButton',
+      'MSwitch',
+      'MTag',
+      'MAlert',
+      'MDialog',
+      'MNotification',
+      'MMessage',
+      'MNotifiMessage',
+      'MDatePicker',
+      'MEmpty',
+      'MTable',
+      'MTableColumn',
+      'MBanner',
+      'MTabs',
+      'MTabPane',
+      'MTabCard',
+      'MTabCardItem',
+      'MBreadcrumb',
+      
+      // API 方法
+      'Message',
+      'NotifiMessage',
+      'MMessageBox',
+      
+      // 工具函数
+      'addOverrideClass',
+      'addComponentOverride',
+      'applyGlobalOverride',
+      'forceRefreshStyles',
+      'createOverrideComponent',
+      'checkComponentRegistration',
+      
+      // Element Plus 转换组件
+      'MButtonGroup',
+      'MCarousel',
+      'MCarouselItem',
+      'MCascader',
+      'MCascaderPanel',
+      'MCheckTag',
+      'MCalendar',
+      'MTimePicker',
+      'MDateTimePicker',
+      'MColorPicker',
+      'MTransfer',
+      'MTree',
+      'MTreeSelect',
+      'MUpload',
+      'MImage',
+      'MImageViewer',
+      'MBacktop',
+      'MInfiniteScroll',
+      'MAffix',
+      'MScrollbar',
+      'MResult',
+      'MSkeleton',
+      'MLoading',
+      'MSpinner',
+      'MProgress',
+      'MBadge',
+      'MAvatar',
+      'MConfigProvider'
+    ]
+  }
+}
+
+// CommonJS 导出
+module.exports = McMarketsUIResolver
+module.exports.McMarketsUIResolver = McMarketsUIResolver
+module.exports.getMcMarketsUIImports = getMcMarketsUIImports
+module.exports.default = McMarketsUIResolver

package/packages/resolver.d.ts

@@ -16,8 +16,13 @@ export interface McMarketsUIResolverOptions {
   /**
    * 样式导入方式
    * - false: 不导入样式（需要手动在 main.js 中导入）
-   * - true 或 'css': 导入编译后的 CSS 文件（推荐）
-   * - 'scss': 导入 SCSS 源文件（可自定义变量）
+   * - true 或 'css': 自动导入所有必需的样式文件（推荐）
+   *   * @mc-markets/ui/dist/style.css - 主样式
+   *   * @mc-markets/ui/styles/font - 字体图标
+   *   * @mc-markets/ui/styles/colorfont - 彩色字体图标
+   * - 'scss': 导入 SCSS 源文件 + 字体图标
+   *   * @mc-markets/ui/packages/styles/index.scss
+   *   * @mc-markets/ui/styles/font
    * @default 'css'
    */
   importStyle?: boolean | 'css' | 'scss'

package/packages/resolver.js

@@ -11,8 +11,13 @@
  * @param {string} options.prefix - 组件前缀，默认 'm'
  * @param {boolean|'css'|'scss'} options.importStyle - 样式导入方式
  *   - false: 不导入样式（需要手动导入）
- *   - true 或 'css': 导入编译后的 CSS（推荐）
- *   - 'scss': 导入 SCSS 源文件
+ *   - true 或 'css': 自动导入所有样式文件（推荐）
+ *     * @mc-markets/ui/dist/style.css - 主样式
+ *     * @mc-markets/ui/styles/font - 字体图标
+ *     * @mc-markets/ui/styles/colorfont - 彩色字体图标
+ *   - 'scss': 导入 SCSS 源文件 + 字体图标
+ *     * @mc-markets/ui/packages/styles/index.scss
+ *     * @mc-markets/ui/styles/font
  * @returns {Object} 解析器配置
  */
 export function McMarketsUIResolver(options = {}) {
@@ -190,6 +195,6 @@ export function getMcMarketsUIImports() {
   }
 }
 
-// 默认导出解析器
+// 默认导出
 export default McMarketsUIResolver
 

package/vite.config.example.js

@@ -30,9 +30,11 @@ export default defineConfig({
           // 例如：MButton, MInput, m-button, m-input
           prefix: 'm',
           
-          // 是否自动导入样式，默认为 true
-          // 设置为 true 时会自动导入组件库的样式文件
-          importStyle: true
+          // 样式导入方式，默认为 'css'
+          // 'css': 自动导入所有必需的样式（主样式 + 字体图标）
+          // 'scss': 导入 SCSS 源文件 + 字体图标
+          // false: 不自动导入，需手动在 main.js 中导入
+          importStyle: 'css'
         })
       ],