@mc-markets/ui 1.0.86 → 1.0.90

package/packages/utils/styleUtils.js

@@ -1,105 +1,105 @@
-/**
- * 样式工具函数
- * 用于确保组件样式完全覆盖 Element Plus
- */
-
-/**
- * 为元素添加高优先级样式类
- * @param {HTMLElement} element - 目标元素
- */
-export function addOverrideClass(element) {
-  if (element && element.classList) {
-    element.classList.add('mc-ui-override');
-  }
-}
-
-/**
- * 为 Vue 组件实例添加覆盖样式
- * @param {Object} componentInstance - Vue 组件实例
- */
-export function addComponentOverride(componentInstance) {
-  if (componentInstance && componentInstance.$el) {
-    addOverrideClass(componentInstance.$el);
-  }
-}
-
-/**
- * 全局应用样式覆盖
- * 在应用启动时调用，确保所有 Element Plus 组件都被覆盖
- */
-export function applyGlobalOverride() {
-  // 为 body 添加覆盖类
-  if (typeof document !== 'undefined') {
-    document.body.classList.add('mc-ui-override');
-    
-    // 监听动态添加的 Element Plus 组件
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        mutation.addedNodes.forEach((node) => {
-          if (node.nodeType === 1 && node.classList) {
-            // 为新添加的 Element Plus 组件添加覆盖类
-            if (node.className && typeof node.className === 'string' && node.className.includes('el-')) {
-              const parent = node.closest('.mc-ui-override') || node.parentElement;
-              if (parent && !parent.classList.contains('mc-ui-override')) {
-                parent.classList.add('mc-ui-override');
-              }
-            }
-            
-            // 检查子元素
-            const elComponents = node.querySelectorAll('[class*="el-"]');
-            elComponents.forEach(el => {
-              const parent = el.closest('.mc-ui-override') || el.parentElement;
-              if (parent && !parent.classList.contains('mc-ui-override')) {
-                parent.classList.add('mc-ui-override');
-              }
-            });
-          }
-        });
-      });
-    });
-    
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-  }
-}
-
-/**
- * 强制刷新组件样式
- * @param {string} selector - CSS 选择器
- */
-export function forceRefreshStyles(selector = '[class*="el-"]') {
-  if (typeof document !== 'undefined') {
-    const elements = document.querySelectorAll(selector);
-    elements.forEach(el => {
-      const parent = el.closest('.mc-ui-override') || el.parentElement;
-      if (parent && !parent.classList.contains('mc-ui-override')) {
-        parent.classList.add('mc-ui-override');
-      }
-    });
-  }
-}
-
-/**
- * 创建带有样式覆盖的 Element Plus 组件配置
- * @param {Object} componentConfig - 组件配置
- * @returns {Object} 增强后的组件配置
- */
-export function createOverrideComponent(componentConfig) {
-  return {
-    ...componentConfig,
-    mounted() {
-      addOverrideClass(this.$el);
-      if (componentConfig.mounted) {
-        componentConfig.mounted.call(this);
-      }
-    },
-    updated() {
-      addOverrideClass(this.$el);
-      if (componentConfig.updated) {
-        componentConfig.updated.call(this);
-      }
-    }
-  };
-}
+/**
+ * 样式工具函数
+ * 用于确保组件样式完全覆盖 Element Plus
+ */
+
+/**
+ * 为元素添加高优先级样式类
+ * @param {HTMLElement} element - 目标元素
+ */
+export function addOverrideClass(element) {
+  if (element && element.classList) {
+    element.classList.add('mc-ui-override');
+  }
+}
+
+/**
+ * 为 Vue 组件实例添加覆盖样式
+ * @param {Object} componentInstance - Vue 组件实例
+ */
+export function addComponentOverride(componentInstance) {
+  if (componentInstance && componentInstance.$el) {
+    addOverrideClass(componentInstance.$el);
+  }
+}
+
+/**
+ * 全局应用样式覆盖
+ * 在应用启动时调用，确保所有 Element Plus 组件都被覆盖
+ */
+export function applyGlobalOverride() {
+  // 为 body 添加覆盖类
+  if (typeof document !== 'undefined') {
+    document.body.classList.add('mc-ui-override');
+    
+    // 监听动态添加的 Element Plus 组件
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1 && node.classList) {
+            // 为新添加的 Element Plus 组件添加覆盖类
+            if (node.className && typeof node.className === 'string' && node.className.includes('el-')) {
+              const parent = node.closest('.mc-ui-override') || node.parentElement;
+              if (parent && !parent.classList.contains('mc-ui-override')) {
+                parent.classList.add('mc-ui-override');
+              }
+            }
+            
+            // 检查子元素
+            const elComponents = node.querySelectorAll('[class*="el-"]');
+            elComponents.forEach(el => {
+              const parent = el.closest('.mc-ui-override') || el.parentElement;
+              if (parent && !parent.classList.contains('mc-ui-override')) {
+                parent.classList.add('mc-ui-override');
+              }
+            });
+          }
+        });
+      });
+    });
+    
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+  }
+}
+
+/**
+ * 强制刷新组件样式
+ * @param {string} selector - CSS 选择器
+ */
+export function forceRefreshStyles(selector = '[class*="el-"]') {
+  if (typeof document !== 'undefined') {
+    const elements = document.querySelectorAll(selector);
+    elements.forEach(el => {
+      const parent = el.closest('.mc-ui-override') || el.parentElement;
+      if (parent && !parent.classList.contains('mc-ui-override')) {
+        parent.classList.add('mc-ui-override');
+      }
+    });
+  }
+}
+
+/**
+ * 创建带有样式覆盖的 Element Plus 组件配置
+ * @param {Object} componentConfig - 组件配置
+ * @returns {Object} 增强后的组件配置
+ */
+export function createOverrideComponent(componentConfig) {
+  return {
+    ...componentConfig,
+    mounted() {
+      addOverrideClass(this.$el);
+      if (componentConfig.mounted) {
+        componentConfig.mounted.call(this);
+      }
+    },
+    updated() {
+      addOverrideClass(this.$el);
+      if (componentConfig.updated) {
+        componentConfig.updated.call(this);
+      }
+    }
+  };
+}

package/dist/components/Breadcrumb/BreadcrumbItem.vue.d.ts

@@ -1,17 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import('vue').DefineComponent<{}, {
-    replace: boolean;
-    to: string | Record<string, any>;
-    $props: {
-        readonly replace?: boolean;
-        readonly to?: string | Record<string, any>;
-    };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-//# sourceMappingURL=BreadcrumbItem.vue.d.ts.map

package/dist/components/Breadcrumb/BreadcrumbItem.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbItem.vue.d.ts","sourceRoot":"","sources":["../../../packages/components/Breadcrumb/BreadcrumbItem.vue.js"],"names":[],"mappings":"AA2BA;wBAwNqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;;6BAC1E,CAAC,EAAE,CAAC;;;AATjC;;;;;;;2OAOG;AA9IH;qBAuH8B,GAAG;EAGhC"}

package/packages/components/Breadcrumb/BreadcrumbItem.vue

@@ -1,142 +0,0 @@
-<template>
-  <span class="m-breadcrumb__item">
-    <span
-      v-if="to"
-      class="m-breadcrumb__inner"
-      :class="{ 'is-link': to }"
-      @click="handleClick"
-    >
-      <slot></slot>
-    </span>
-    <span v-else class="m-breadcrumb__inner">
-      <slot></slot>
-    </span>
-    <i
-      v-if="separatorIcon && !isLast"
-      class="m-breadcrumb__separator"
-    >
-      <component :is="separatorIcon" />
-    </i>
-    <span
-      v-else-if="!isLast"
-      class="m-breadcrumb__separator"
-    >
-      {{ separator }}
-    </span>
-  </span>
-</template>
-
-<script setup>
-import { inject, computed, onMounted, onUnmounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-
-defineOptions({
-  name: "MBreadcrumbItem",
-})
-
-// 定义 props
-const props = defineProps({
-  to: {
-    type: [String, Object],
-    default: ''
-  },
-  replace: {
-    type: Boolean,
-    default: false
-  }
-})
-
-// 注入父组件上下文
-const breadcrumbContext = inject('breadcrumbContext', {
-  separator: '/',
-  separatorIcon: undefined,
-  registerItem: () => null,
-  unregisterItem: () => {},
-  isLastItem: () => false
-})
-
-// 获取分隔符配置
-const separator = computed(() => breadcrumbContext.separator)
-const separatorIcon = computed(() => breadcrumbContext.separatorIcon)
-
-// 组件 ID
-const itemId = ref(null)
-
-// 判断是否为最后一项
-const isLast = computed(() => {
-  return itemId.value ? breadcrumbContext.isLastItem(itemId.value) : false
-})
-
-// 路由跳转
-const router = useRouter()
-
-const handleClick = () => {
-  if (!props.to) return
-  
-  if (props.replace) {
-    router.replace(props.to)
-  } else {
-    router.push(props.to)
-  }
-}
-
-// 注册和注销组件
-onMounted(() => {
-  if (breadcrumbContext.registerItem) {
-    itemId.value = breadcrumbContext.registerItem()
-  }
-})
-
-onUnmounted(() => {
-  if (breadcrumbContext.unregisterItem && itemId.value) {
-    breadcrumbContext.unregisterItem(itemId.value)
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-.m-breadcrumb__item {
-  float: left;
-  
-  .m-breadcrumb__inner {
-    color: var(--text-secondary, #606266);
-    text-decoration: none;
-    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-    
-    &:hover,
-    &.is-link {
-      color: var(--text-primary);
-      // color: var(--bg-brand, #409eff);
-      cursor: pointer;
-    }
-  }
-  
-  .m-breadcrumb__separator {
-    margin: 0 9px;
-    font-weight: 500;
-    color: var(--text-tertiary, #c0c4cc);
-    display: inline-flex;
-    align-items: center;
-    transform: translateY(10%);
-    :deep(svg) {
-      width: 14px;
-      height: 14px;
-    }
-    
-    [class*="icon"] {
-      margin-right: 6px;
-    }
-  }
-  
-  &:last-child {
-    .m-breadcrumb__inner {
-      color: var(--text-tertiary, #909399);
-      cursor: text;
-    }
-    
-    .m-breadcrumb__separator {
-      display: none;
-    }
-  }
-}
-</style>