dlsjs 1.0.5 → 1.0.6

package/package.json

@@ -3,18 +3,17 @@
   "author": "林川",
   "license": "MIT",
   "private": false,
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "domain-language for js",
   "main": "dist/dlsjs.umd.js",
-  "module": "dist/dlsjs.umd.js",
-  "type": "module",
+  "module": "dist/dlsjs.esm.js",
   "exports": {
     ".": {
       "require": {
-        "default": "./dist/dlsjs.umd.js"
+        "default": "./dist/dlsjs.cjs.js"
       },
       "import": {
-        "default": "./dist/dlsjs.umd.js"
+        "default": "./dist/dlsjs.esm.js"
       }
     }
   },
@@ -33,6 +32,11 @@
     "qs": "^6.12.0",
     "ramda": "^0.29.1"
   },
+  "files": [
+    "dist",
+    "package.json",
+    "README.md"
+  ],
   "overrides": {
     "vite": "npm:rolldown-vite@7.2.5"
   }

package/src/Browser/Dom.js

@@ -1,127 +0,0 @@
-/**
- * 移动弹窗[用于拖动绝对定位的元素]
- * @param eventDown 鼠标按下事件对象
- * @param selector 弹窗选择器
- * @param restrictionType 限制类型：'none'(无限制)/'full'(限制整个弹窗)/'drag-point'(限制拖动点，默认)
- */
-export const movePanel = (eventDown, selector, restrictionType = 'drag-point') => {
-    eventDown.preventDefault();
-    const disX = eventDown.layerX;
-    const disY = eventDown.layerY;
-
-    const panel = document.querySelector(selector);
-    // 获取弹窗的宽高
-    const panelWidth = panel.offsetWidth;
-    const panelHeight = panel.offsetHeight;
-
-    document.onmousemove = (eventMove) => {
-        moveOption(eventMove);
-    };
-
-    document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-    };
-
-    const moveOption = (eventMove) => {
-        // 获取浏览器可视区域尺寸
-        const clientWidth = document.documentElement.clientWidth;
-        const clientHeight = document.documentElement.clientHeight;
-
-        // 计算无边界限制时的位置
-        let left = eventMove.clientX - disX;
-        let top = eventMove.clientY - disY;
-
-        // 根据限制类型应用不同的边界检查
-        switch (restrictionType) {
-            case 'full': // 限制整个弹窗在屏幕内
-                left = Math.max(0, Math.min(left, clientWidth - panelWidth));
-                top = Math.max(0, Math.min(top, clientHeight - panelHeight));
-                break;
-
-            case 'drag-point': // 限制拖动点在屏幕内（默认）
-                // 计算拖动点（鼠标按下的位置）的屏幕坐标
-                const dragPointX = left + disX;
-                const dragPointY = top + disY;
-
-                // 确保拖动点不超出屏幕边界
-                if (dragPointX < 0) left = -disX;
-                if (dragPointY < 0) top = -disY;
-                if (dragPointX > clientWidth) left = clientWidth - disX;
-                if (dragPointY > clientHeight) top = clientHeight - disY;
-                break;
-
-            case 'none': // 无限制
-            default:
-                // 不需要边界检查
-                break;
-        }
-
-        // 应用位置
-        panel.style.top = top + 'px';
-        panel.style.left = left + 'px';
-    }
-}
-/**
- * 移动弹窗[用于拖动相对定位的元素]
- * @param eventDown
- * @param selector
- */
-export const moveRelate = (eventDown, selector) => {
-    eventDown.preventDefault()
-    let disX = eventDown.pageX;
-    let disY = eventDown.pageY;
-    let startX = parseInt(document.querySelector(selector).style.left || '0')
-    let startY = parseInt(document.querySelector(selector).style.top || '0')
-    document.onmousemove = (eventMove) => {
-        moveOption(eventMove)
-    };
-    document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-    };
-    const moveOption = (eventMove) => {
-        let left = eventMove.pageX - disX;
-        let top = eventMove.pageY - disY;
-        document.querySelector(selector).style.top = top + startY + 'px'
-        document.querySelector(selector).style.left = left + startX+ 'px'
-    }
-}
-
-/**
- * 计算文本宽度
- * @param str
- * @param fontSize
- * @return {number}
- */
-export function getTextWidth(str, fontSize = '14px') {
-    let result;
-    let ele = document.createElement('span')
-    ele.innerText = str;
-    ele.style.fontSize = fontSize;
-    document.documentElement.append(ele);
-    result = ele.offsetWidth;
-    document.documentElement.removeChild(ele);
-    return result;
-}
-
-/**
- * 计算图片真实尺寸
- * @param url
- * @return {Promise<unknown>}
- */
-function getImageSizeByUrl(url) {
-    return new Promise(function (resolve, reject) {
-        let image = new Image();
-        image.onload = function () {
-            resolve({
-                width: image.width,
-                height: image.height
-            });
-        };
-        image.onerror = function () {
-            reject(new Error('error'));
-        };
-        image.src = url;
-    });
-}

package/src/Browser/File.js

@@ -1,174 +0,0 @@
-import axios from "axios"
-
-/**
- * 通过文件资源管理器选择本地文件
- * @param [acceptType] 接受的文件类型，例：‘image/*’
- * @param multiple 是否可选多个文件
- * @return {Promise<FileList>}
- */
-export function chooseFile(acceptType, multiple) {
-    return new Promise((resolve) => {
-        let input = document.querySelector("#lcf-choose-file-input")
-        if(!input) {
-            input = document.createElement("input")
-            input.type = 'file'
-            input.id = 'lcf-choose-file-input'
-            input.style.display = 'none'
-            if(acceptType) input.accept = acceptType
-            if(multiple) input.multiple = true
-            input.onchange = function () {
-                resolve(input.files)
-                input.remove()
-            }
-            document.body.append(input) // 兼容ios,ios下input必须挂载到页面上才可以使用拍照功能
-        }
-        input.click()
-    })
-}
-
-/**
- * 选择本地json文件后直接返回json对象/数组
- */
-export async function chooseJsonObj() {
-    let files = await chooseFile()
-    let jsonStr = await file2Json(files[0])
-    return JSON.parse(jsonStr)
-}
-
-/**
- * 通过请求从服务器读取文件（亦可读取项目内文件）
- * @param url 文件路径
- * @param [fileName] 文件名，默认取url参数末位单元,'/'为分隔符
- * @return {Promise<File>}
- */
-export function requestFile(url, fileName) {
-    if(!fileName) {
-        const urlList = url.split('/')
-        fileName = urlList[urlList.length - 1]
-    }
-    return new Promise((resolve, reject) => {
-        axios({
-            method:'get',
-            url,
-            responseType: 'arraybuffer'
-        }).then(res => {
-            resolve(new File([res.data], fileName))
-        }).catch(error => {
-            reject(error.toString())
-        })
-    })
-}
-
-/**
- * 从服务器读取json（亦可读取项目内文件）
- * @param url 文件路径
- * @return {Promise<File>}
- */
-export function requestJSON(url) {
-    return new Promise((resolve, reject) => {
-        axios({
-            method:'get',
-            url,
-            responseType: 'json'
-        }).then(res => {
-            resolve(res.data)
-        }).catch(error => {
-            reject(error.toString())
-        })
-    })
-}
-
-/**
- * 下载blob格式文件
- */
-export function downloadBlob(blob, name) {
-    // 创建下载链接
-    const save_link = document.createElement("a");
-
-    // 使用标准的 URL.createObjectURL 方法
-    save_link.href = URL.createObjectURL(blob);
-    save_link.download = name;
-
-    // 添加到文档中（某些浏览器需要此步骤）
-    save_link.style.display = 'none';
-    document.body.appendChild(save_link);
-
-    // 触发下载
-    save_link.click();
-
-    // 清理资源
-    setTimeout(() => {
-        document.body.removeChild(save_link);
-        URL.revokeObjectURL(save_link.href);
-    }, 100);
-}
-
-/**
- * 下载文本
- * @param text - 要下载的文本内容
- * @param name - 下载的文件名（包括扩展名）
- */
-export function downloadText(text, name) {
-    // 创建文本内容的 Blob 对象
-    const blob = new Blob([text], { type: 'text/plain' });
-
-    // 创建下载链接
-    const link = document.createElement('a');
-    link.href = URL.createObjectURL(blob);
-    link.download = name;
-    link.style.position = 'fixed';
-    link.style.top = '-1000px';  // 移出可视区域
-
-    // 添加到文档
-    document.body.appendChild(link);
-
-    // 触发下载
-    link.click();
-
-    // 清理资源
-    const cleanup = () => {
-        if (link.parentNode) {
-            link.parentNode.removeChild(link);
-        }
-        URL.revokeObjectURL(link.href);
-    };
-
-    // 延迟清理确保下载开始
-    setTimeout(cleanup, 100);
-}
-
-/**
- * 下载remote地址文件，使用html标签直接下载在微前端等情况下可能无法约束下载格式。所以应使用此种方式。
- */
-export async function downloadByUrl(url, name) {
-    const f = await requestFile(url, name)
-    downloadBlob(f, name)
-}
-
-/**
- * file转json字符
- */
-export async function file2Json(file) {
-    return new Promise(resolve => {
-        const FR = new FileReader()
-        FR.readAsText(file)
-        FR.onload = function (e) {
-            resolve(e.target.result)
-        }
-    })
-}
-
-/**
- * json字符转blob对象
- */
-export function json2Blob(jsonObject) {
-    return new Blob([jsonObject])
-}
-
-/**
- * base64转换
- */
-export function toBase64(str){
-    let encode = encodeURI(str);
-    return btoa(encode);
-}

package/src/Browser/Local.js

@@ -1,61 +0,0 @@
-/**
- * 获取localStorage缓存值
- * @param {string} key 存储在localstorage的键名
- * @returns {string|{}} 如果能通过json转化则返回对象，否则返回原字符串
- */
-export function localGet (key)  {
-    const value = window.localStorage.getItem(key)
-    try {
-        return JSON.parse(window.localStorage.getItem(key))
-    } catch (error) {
-        return value
-    }
-}
-
-/**
- * 设定localStorage缓存值
- * @param {string} key 存储在localstorage的键名
- * @param {{}|any} value 可以存储简单对象或者简单类型
- */
-export function localSet (key, value) {
-    window.localStorage.setItem(key, JSON.stringify(value))
-}
-
-/**
- * 删除localStorage缓存值
- * @param {string} key 存储在localstorage的键名
- */
-export function localRemove (key) {
-    window.localStorage.removeItem(key)
-}
-
-/**
- * 获取sessionStorage缓存值
- * @param {string} key 存储在sessionStorage的键名
- * @returns {string|{}} 如果能通过json转化则返回对象，否则返回原字符串
- */
-export function sessionGet (key) {
-    const value = window.sessionStorage.getItem(key)
-    try {
-        return JSON.parse(window.sessionStorage.getItem(key))
-    } catch (error) {
-        return value
-    }
-}
-
-/**
- * 设定sessionStorage缓存值
- * @param {string} key 存储在sessionStorage的键名
- * @param value 可以存储简单对象或者简单类型
- */
-export function sessionSet (key, value) {
-    window.sessionStorage.setItem(key, JSON.stringify(value))
-}
-
-/**
- * 删除sessionStorage缓存值
- * @param {string} key 存储在sessionStorage的键名
- */
-export function sessionRemove (key) {
-    window.sessionStorage.removeItem(key)
-}

package/src/Browser/Nav.js

@@ -1,208 +0,0 @@
-/**
- * 检测是否为移动设备
- * 综合使用User-Agent、屏幕尺寸和触摸支持进行判断
- * 时间复杂度O(1)：直接访问浏览器属性和正则匹配
- *
- * @returns {boolean} 是否为移动设备
- *
- * @example
- * if (isMobileDevice()) {
- *     console.log('当前在移动设备上');
- *     // 加载移动端优化样式
- * }
- */
-export function isMobileDevice() {
-    // 1. 检查User-Agent
-    const mobileUserAgent = /Mobile|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
-    const isMobileUA = mobileUserAgent.test(navigator.userAgent);
-
-    // 2. 检查屏幕尺寸（移动设备通常宽度小于768px）
-    const isSmallScreen = window.innerWidth <= 768;
-
-    // 3. 检查触摸支持
-    const hasTouchSupport = 'ontouchstart' in window ||
-                           navigator.maxTouchPoints > 0 ||
-                           navigator.msMaxTouchPoints > 0;
-
-    // 4. 检查设备像素比（移动设备通常有较高的DPI）
-    const isHighDPI = window.devicePixelRatio >= 1.5;
-
-    // 综合判断：User-Agent匹配或（小屏幕且支持触摸）
-    return isMobileUA || (isSmallScreen && hasTouchSupport);
-}
-
-/**
- * 获取设备类型详细信息
- * 时间复杂度O(1)：直接访问浏览器属性和正则匹配
- *
- * @returns {Object} 设备信息对象，包含类型、屏幕尺寸等
- *
- * @example
- * const deviceInfo = getDeviceInfo();
- * console.log(deviceInfo.type); // 'mobile', 'tablet', 'desktop'
- * console.log(deviceInfo.screenWidth); // 屏幕宽度
- */
-export function getDeviceInfo() {
-    const userAgent = navigator.userAgent.toLowerCase();
-    const screenWidth = window.innerWidth;
-
-    let type = 'desktop';
-    let subType = 'unknown';
-
-    // 检测设备类型
-    if (/mobile|android|iphone|ipod/.test(userAgent)) {
-        type = 'mobile';
-        if (/iphone|ipod/.test(userAgent)) subType = 'iphone';
-        else if (/android/.test(userAgent)) subType = 'android';
-    } else if (/ipad/.test(userAgent) || (screenWidth <= 1024 && screenWidth > 768)) {
-        type = 'tablet';
-        if (/ipad/.test(userAgent)) subType = 'ipad';
-    }
-
-    // 根据屏幕尺寸进一步调整
-    if (type === 'desktop' && screenWidth <= 768) {
-        type = 'mobile';
-    }
-
-    return {
-        type,
-        subType,
-        screenWidth,
-        screenHeight: window.innerHeight,
-        pixelRatio: window.devicePixelRatio,
-        userAgent: navigator.userAgent
-    };
-}
-
-/**
- * 复制文本到剪贴板
- * 优先使用现代Clipboard API，降级到传统execCommand方法
- * 时间复杂度O(1)：直接调用浏览器API
- *
- * @param {string} text - 要复制的文本内容
- * @returns {Promise<boolean>} 复制是否成功
- *
- * @example
- * // 使用async/await
- * const success = await copyText('Hello World');
- * if (success) {
- *     console.log('复制成功');
- * }
- *
- * // 使用Promise
- * copyText('Hello World').then(success => {
- *     if (success) {
- *         console.log('复制成功');
- *     }
- * });
- */
-export function copyText(text) {
-    // 输入验证
-    if (typeof text !== 'string') {
-        console.warn('dlsjs: copyText 参数必须是字符串');
-        return Promise.resolve(false);
-    }
-
-    if (text === '') {
-        console.warn('dlsjs: copyText 不能复制空字符串');
-        return Promise.resolve(false);
-    }
-
-    // 优先使用现代Clipboard API（需要安全上下文）
-    if (navigator.clipboard && window.isSecureContext) {
-        return navigator.clipboard.writeText(text)
-            .then(() => true)
-            .catch(error => {
-                console.error('dlsjs: 使用Clipboard API复制失败:', error);
-                return fallbackCopyText(text);
-            });
-    }
-
-    // 降级到传统方法
-    return Promise.resolve(fallbackCopyText(text));
-}
-
-/**
- * 传统复制文本方法（降级方案）
- * 时间复杂度O(1)：DOM操作和execCommand调用
- *
- * @param {string} text - 要复制的文本
- * @returns {boolean} 复制是否成功
- */
-function fallbackCopyText(text) {
-    try {
-        // 创建临时textarea元素（比input更适合多行文本）
-        const textarea = document.createElement('textarea');
-        textarea.value = text;
-        textarea.style.position = 'fixed';
-        textarea.style.left = '-9999px';
-        textarea.style.top = '0';
-        textarea.setAttribute('readonly', '');
-
-        document.body.appendChild(textarea);
-
-        // 选择文本（兼容不同浏览器）
-        if (textarea.select) {
-            textarea.select();
-        } else if (textarea.setSelectionRange) {
-            textarea.setSelectionRange(0, textarea.value.length);
-        }
-
-        // 尝试复制
-        const successful = document.execCommand('copy');
-        document.body.removeChild(textarea);
-
-        if (!successful) {
-            console.warn('dlsjs: 传统复制方法执行失败');
-        }
-
-        return successful;
-    } catch (error) {
-        console.error('dlsjs: 传统复制方法出错:', error);
-        return false;
-    }
-}
-
-/**
- * 检查剪贴板API是否可用
- * 时间复杂度O(1)：直接检查浏览器API支持
- *
- * @returns {boolean} 剪贴板API是否可用
- *
- * @example
- * if (isClipboardSupported()) {
- *     // 可以使用现代剪贴板API
- * } else {
- *     // 需要使用传统方法
- * }
- */
-export function isClipboardSupported() {
-    return !!(navigator.clipboard && window.isSecureContext);
-}
-
-/**
- * 读取剪贴板文本内容
- * 需要用户授权，只能在安全上下文（HTTPS）中使用
- * 时间复杂度O(1)：直接调用浏览器API
- *
- * @returns {Promise<string>} 剪贴板中的文本内容
- *
- * @example
- * try {
- *     const text = await readClipboardText();
- *     console.log('剪贴板内容:', text);
- * } catch (error) {
- *     console.error('读取剪贴板失败:', error);
- * }
- */
-export function readClipboardText() {
-    if (!isClipboardSupported()) {
-        return Promise.reject(new Error('dlsjs: 当前环境不支持剪贴板读取'));
-    }
-
-    return navigator.clipboard.readText()
-        .catch(error => {
-            console.error('dlsjs: 读取剪贴板失败:', error);
-            throw error;
-        });
-}