vue-element-ui-x 1.0.4 → 1.0.5

package/src/theme/var.scss

@@ -1,183 +0,0 @@
-// Element UI X 变量代理系统
-// 替代 element-ui/packages/theme-chalk/src/common/var 的完整变量定义
-
-// ===== 过渡动画 =====
-$--all-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !default;
-$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
-$--fade-linear-transition: opacity 200ms linear !default;
-$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
-opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
-$--border-transition-base: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !default;
-$--color-transition-base: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !default;
-
-// ===== 基础颜色 =====
-$--color-primary: #409eff !default;
-$--color-white: #ffffff !default;
-$--color-black: #000000 !default;
-$--color-primary-light-1: #53a8ff !default;
-$--color-primary-light-2: #66b1ff !default;
-$--color-primary-light-3: #79bbff !default;
-$--color-primary-light-4: #8cc5ff !default;
-$--color-primary-light-5: #a0cfff !default;
-$--color-primary-light-6: #b3d8ff !default;
-$--color-primary-light-7: #c6e2ff !default;
-$--color-primary-light-8: #d9ecff !default;
-$--color-primary-light-9: #ecf5ff !default;
-
-$--color-success: #67c23a !default;
-$--color-warning: #e6a23c !default;
-$--color-danger: #f56c6c !default;
-$--color-info: #909399 !default;
-
-$--color-success-light: #b3e19d !default;
-$--color-warning-light: #f3d19e !default;
-$--color-danger-light: #fbc4c4 !default;
-$--color-info-light: #c8c9cc !default;
-
-$--color-success-lighter: #d9f2be !default;
-$--color-warning-lighter: #f9e8cf !default;
-$--color-danger-lighter: #fde2e2 !default;
-$--color-info-lighter: #e4e5e6 !default;
-
-// ===== 文字颜色 =====
-$--color-text-primary: #303133 !default;
-$--color-text-regular: #606266 !default;
-$--color-text-secondary: #909399 !default;
-$--color-text-placeholder: #c0c4cc !default;
-
-// ===== 边框颜色 =====
-$--border-color-base: #dcdfe6 !default;
-$--border-color-light: #e4e7ed !default;
-$--border-color-lighter: #ebeef5 !default;
-$--border-color-extra-light: #f2f6fc !default;
-
-// ===== 背景颜色 =====
-$--background-color-base: #f5f7fa !default;
-
-// ===== 链接颜色 =====
-$--link-color: $--color-primary-light-2 !default;
-$--link-hover-color: $--color-primary !default;
-
-// ===== 边框样式 =====
-$--border-width-base: 1px !default;
-$--border-style-base: solid !default;
-$--border-color-hover: $--color-text-placeholder !default;
-$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
-
-$--border-radius-base: 4px !default;
-$--border-radius-small: 2px !default;
-$--border-radius-circle: 100% !default;
-$--border-radius-zero: 0 !default;
-
-// ===== 阴影 =====
-$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12),
-0 0 6px rgba(0, 0, 0, 0.04) !default;
-$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12),
-0 0 6px rgba(0, 0, 0, 0.12) !default;
-$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
-
-// ===== 填充 =====
-$--fill-base: $--color-white !default;
-
-// ===== 字体 =====
-$--font-path: 'fonts' !default;
-$--font-display: 'auto' !default;
-$--font-size-extra-large: 20px !default;
-$--font-size-large: 18px !default;
-$--font-size-medium: 16px !default;
-$--font-size-base: 14px !default;
-$--font-size-small: 13px !default;
-$--font-size-extra-small: 12px !default;
-$--font-weight-primary: 500 !default;
-$--font-weight-secondary: 100 !default;
-$--font-line-height-primary: 24px !default;
-$--font-line-height-secondary: 16px !default;
-$--font-color-disabled-base: #bbb !default;
-
-// ===== 尺寸 =====
-$--size-base: 14px !default;
-
-// ===== 层级 =====
-$--index-normal: 1 !default;
-$--index-top: 1000 !default;
-$--index-popper: 2000 !default;
-
-// ===== 禁用状态 =====
-$--disabled-fill-base: $--background-color-base !default;
-$--disabled-color-base: $--color-text-placeholder !default;
-$--disabled-border-base: $--border-color-light !default;
-
-// ===== 图标 =====
-$--icon-color: #666 !default;
-$--icon-color-base: $--color-info !default;
-
-// ===== 消息背景色 =====
-$--message-background-color: #edf2fc !default;
-
-// ===== CSS 变量定义 =====
-:root {
-  --color-primary: #{$--color-primary};
-  --color-success: #{$--color-success};
-  --color-warning: #{$--color-warning};
-  --color-danger: #{$--color-danger};
-  --color-info: #{$--color-info};
-}
-
-// ===== Element UI X 扩展变量 =====
-$--el-x-color-primary: $--color-primary;
-$--el-x-color-success: $--color-success;
-
-// 字体大小
-$--el-x-font-size-small: $--font-size-small !default;
-$--el-x-font-size-base: $--font-size-base !default;
-$--el-x-font-size-medium: $--font-size-medium !default;
-$--el-x-font-size-large: $--font-size-large !default;
-$--el-x-font-size-extra-large: $--font-size-extra-large !default;
-
-// 字体颜色
-$--el-x-text-color-primary: $--color-text-primary !default;
-$--el-x-text-color-regular: $--color-text-regular !default;
-$--el-x-text-color-secondary: $--color-text-secondary !default;
-$--el-x-text-color-placeholder: $--color-text-placeholder !default;
-$--el-x-text-color-disabled: $--color-text-placeholder !default;
-
-// 行高
-$--el-x-font-line-height-primary: $--font-line-height-primary;
-
-// 填充背景
-$--el-x-fill-color: $--message-background-color;
-
-// 边框
-$--el-x-border-radius-base: $--border-radius-base;
-$--el-x-border-radius-md: 8px;
-$--el-x-border-radius-round: 20px;
-$--el-x-border-radius-small: $--border-radius-small;
-$--el-x-border-radius-circle: $--border-radius-circle;
-
-// 间距
-$--el-x-spacing-xs: 4px !default;
-$--el-x-spacing-sm: 8px !default;
-$--el-x-spacing-md: 12px !default;
-$--el-x-spacing-lg: 16px !default;
-$--el-x-spacing-xl: 20px !default;
-
-// 内边距
-$--el-x-padding-xs: 4px !default;
-$--el-x-padding-sm: 8px !default;
-$--el-x-padding-md: 12px !default;
-$--el-x-padding-lg: $--font-size-large !default;
-$--el-x-padding-xl: $--font-size-extra-large !default;
-
-// 边框颜色
-$--el-x-border-color: $--border-color-base;
-
-// 边框宽度
-$--el-x-border-width: $--border-width-base;
-
-// 阴影
-$--el-x-box-shadow-base: $--box-shadow-base;
-
-// 边框半径
-$--el-x-border-radius-sm: 2px !default;
-$--el-x-border-radius-md: $--border-radius-base !default;
-$--el-x-border-radius-lg: 8px !default;

package/src/utils/index.js

@@ -1,199 +0,0 @@
-/**
- * 判断文件类型是否为图片
- * @param {string} type 文件类型
- * @returns {boolean} 是否为图片类型
- */
-export const isImageFileType = type => type.indexOf('image/') === 0;
-
-const MEASURE_SIZE = 200;
-
-/**
- * 预览图片文件并生成预览URL
- * @param {File|Blob} file 图片文件对象
- * @returns {Promise<string>} 返回图片预览URL的Promise
- */
-export function previewImage(file) {
-  return new Promise(resolve => {
-    if (!file || !file.type || !isImageFileType(file.type)) {
-      resolve('');
-      return;
-    }
-
-    const img = new Image();
-    img.onload = () => {
-      const { width, height } = img;
-
-      const ratio = width / height;
-      const MEASURE_SIZE_WIDTH = ratio > 1 ? MEASURE_SIZE : MEASURE_SIZE * ratio;
-      const MEASURE_SIZE_HEIGHT = ratio > 1 ? MEASURE_SIZE / ratio : MEASURE_SIZE;
-
-      const canvas = document.createElement('canvas');
-      canvas.width = MEASURE_SIZE_WIDTH;
-      canvas.height = MEASURE_SIZE_HEIGHT;
-      canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE_WIDTH}px; height: ${MEASURE_SIZE_HEIGHT}px; z-index: 9999; display: none;`;
-      document.body.appendChild(canvas);
-      const ctx = canvas.getContext('2d');
-
-      ctx.drawImage(img, 0, 0, MEASURE_SIZE_WIDTH, MEASURE_SIZE_HEIGHT);
-      const dataURL = canvas.toDataURL();
-      document.body.removeChild(canvas);
-      window.URL.revokeObjectURL(img.src);
-      resolve(dataURL);
-    };
-
-    img.crossOrigin = 'anonymous';
-    if (file.type.startsWith('image/svg+xml')) {
-      const reader = new FileReader();
-      reader.onload = () => {
-        if (reader.result && typeof reader.result === 'string') {
-          img.src = reader.result;
-        }
-      };
-      reader.readAsDataURL(file);
-    } else if (file.type.startsWith('image/gif')) {
-      const reader = new FileReader();
-      reader.onload = () => {
-        if (reader.result) {
-          resolve(reader.result);
-        }
-      };
-      reader.readAsDataURL(file);
-    } else {
-      img.src = window.URL.createObjectURL(file);
-    }
-  });
-}
-
-/**
- * 根据文件后缀名获取文件类型
- * @param {string} fileExtension 文件后缀名
- * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
- */
-export function getFileType(fileExtension) {
-  // 去除后缀名开头的点，并转换为小写
-  const cleanExtension = fileExtension.replace('.', '').toLowerCase();
-  if (!cleanExtension) {
-    return {
-      lowerCase: 'unknown',
-      upperCase: 'Unknown',
-    };
-  }
-
-  const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg', 'webp'];
-  const wordExtensions = ['doc', 'docx'];
-  const excelExtensions = ['xls', 'xlsx'];
-  const pptExtensions = ['ppt', 'pptx'];
-  const audioExtensions = ['mp3', 'wav', 'ogg', 'flac'];
-  const videoExtensions = ['mp4', 'avi', 'mov', 'mkv'];
-  const codeExtensions = ['js', 'ts', 'html', 'css', 'py', 'java', 'c', 'cpp', 'json', 'php'];
-  const databaseExtensions = ['sql', 'db', 'sqlite'];
-  const zipExtensions = ['zip', 'rar', '7z'];
-  const markExtensions = ['md', 'mdx'];
-
-  if (imageExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'image',
-      upperCase: 'Image',
-    };
-  }
-  if (wordExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'word',
-      upperCase: 'Word',
-    };
-  }
-  if (excelExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'excel',
-      upperCase: 'Excel',
-    };
-  }
-  if (pptExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'ppt',
-      upperCase: 'Ppt',
-    };
-  }
-  if (cleanExtension === 'pdf') {
-    return {
-      lowerCase: 'pdf',
-      upperCase: 'Pdf',
-    };
-  }
-  if (cleanExtension === 'txt') {
-    return {
-      lowerCase: 'txt',
-      upperCase: 'Txt',
-    };
-  }
-  if (markExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'mark',
-      upperCase: 'Markdown',
-    };
-  }
-  if (audioExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'audio',
-      upperCase: 'Audio',
-    };
-  }
-  if (videoExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'video',
-      upperCase: 'Video',
-    };
-  }
-  if (codeExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'code',
-      upperCase: 'Code',
-    };
-  }
-  if (databaseExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'database',
-      upperCase: 'Database',
-    };
-  }
-  if (cleanExtension === 'lnk') {
-    return {
-      lowerCase: 'link',
-      upperCase: 'Link',
-    };
-  }
-  if (zipExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'zip',
-      upperCase: 'Zip',
-    };
-  }
-  if (cleanExtension === 'obj' || cleanExtension === 'fbx' || cleanExtension === 'glb') {
-    return {
-      lowerCase: 'three',
-      upperCase: '3D',
-    };
-  }
-  return {
-    lowerCase: 'file',
-    upperCase: 'File',
-  };
-}
-
-/**
- * 获取文件大小
- * @param {number} size 文件大小
- * @returns {string} 返回文件大小
- */
-export function getSize(size) {
-  let retSize = size;
-  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'];
-  let unitIndex = 0;
-
-  while (retSize >= 1024 && unitIndex < units.length - 1) {
-    retSize /= 1024;
-    unitIndex++;
-  }
-
-  return `${retSize.toFixed(0)} ${units[unitIndex]}`;
-}

package/src/utils/scrollDetector.js

@@ -1,34 +0,0 @@
-export default function createScrollDetector(elementRef) {
-  const state = {
-    hasVertical: false,
-    hasHorizontal: false,
-  };
-
-  const check = () => {
-    const el = elementRef.value || elementRef;
-    if (!el) return;
-    state.hasVertical = el.scrollHeight > el.clientHeight;
-    state.hasHorizontal = el.scrollWidth > el.clientWidth;
-  };
-
-  let observer = null;
-
-  const init = () => {
-    check();
-    observer = new ResizeObserver(check);
-    observer.observe(elementRef.value || elementRef);
-  };
-
-  const destroy = () => {
-    if (observer) {
-      observer.disconnect();
-    }
-  };
-
-  return {
-    state, // 包含hasVertical和hasHorizontal状态
-    check, // 检查滚动条状态
-    init, // 初始化监听
-    destroy, // 销毁监听
-  };
-}