yuang-framework-ui-pc 1.1.42 → 1.1.43

package/lib/utils/chart-theme.d.ts

@@ -0,0 +1,368 @@
+/** echarts 主题 */
+export declare const ChartTheme: {
+    color: string[];
+    backgroundColor: string;
+    textStyle: {};
+    title: {
+        textStyle: {
+            color: string;
+        };
+        subtextStyle: {
+            color: string;
+        };
+    };
+    line: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: string;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    radar: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: string;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    bar: {
+        barCategoryGap: string;
+        itemStyle: {
+            barBorderWidth: string;
+            barBorderColor: string;
+        };
+    };
+    pie: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    scatter: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    boxplot: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    parallel: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    sankey: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    funnel: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    gauge: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+    };
+    candlestick: {
+        itemStyle: {
+            color: string;
+            color0: string;
+            borderColor: string;
+            borderColor0: string;
+            borderWidth: number;
+        };
+    };
+    graph: {
+        itemStyle: {
+            borderWidth: string;
+            borderColor: string;
+        };
+        lineStyle: {
+            width: number;
+            color: string;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+        color: string[];
+        label: {
+            color: string;
+        };
+    };
+    map: {
+        itemStyle: {
+            areaColor: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        label: {
+            color: string;
+            textBorderColor: string;
+            textBorderWidth: number;
+        };
+        emphasis: {
+            itemStyle: {
+                areaColor: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    geo: {
+        itemStyle: {
+            areaColor: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        label: {
+            color: string;
+            textBorderColor: string;
+            textBorderWidth: number;
+        };
+        emphasis: {
+            itemStyle: {
+                areaColor: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    grid: {
+        top: number;
+        right: number;
+        left: number;
+        bottom: number;
+    };
+    categoryAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+            alignWithLabel: boolean;
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                type: string;
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                type: string;
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    logAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    timeAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    toolbox: {
+        iconStyle: {
+            borderColor: string;
+        };
+        emphasis: {
+            iconStyle: {
+                borderColor: string;
+            };
+        };
+    };
+    legend: {
+        inactiveColor: string;
+        inactiveBorderColor: string;
+        textStyle: {
+            color: string;
+            lineHeight: number;
+        };
+    };
+    tooltip: {
+        axisPointer: {
+            lineStyle: {
+                color: string;
+                width: string;
+            };
+            crossStyle: {
+                color: string;
+                width: string;
+            };
+        };
+    };
+    timeline: {
+        lineStyle: {
+            color: string;
+            width: string;
+        };
+        itemStyle: {
+            color: string;
+            borderWidth: string;
+        };
+        controlStyle: {
+            color: string;
+            borderColor: string;
+            borderWidth: string;
+        };
+        checkpointStyle: {
+            color: string;
+            borderColor: string;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                color: string;
+            };
+            controlStyle: {
+                color: string;
+                borderColor: string;
+                borderWidth: string;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    visualMap: {
+        itemHeight: number;
+        itemWidth: number;
+        color: string[];
+        textStyle: {
+            color: string;
+        };
+    };
+    dataZoom: {
+        handleSize: string;
+        textStyle: {
+            color: string;
+        };
+    };
+    markPoint: {
+        label: {
+            color: string;
+        };
+    };
+};

package/lib/utils/core.cjs

@@ -0,0 +1,318 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function toTree(option) {
+  const data = option.data;
+  const idField = option.idField || "id";
+  const parentIdField = option.parentIdField || "parentId";
+  const childrenField = option.childrenField || "children";
+  const parentIdIsNull = option.parentId == null;
+  const parentId = parentIdIsNull ? [] : option.parentId;
+  const parentIdIsArray = Array.isArray(parentId);
+  const addParentIds = option.addParentIds;
+  const parentIdsField = option.parentIdsField || "parentIds";
+  const parentIds = option.parentIds ?? [];
+  if (data == null) {
+    return [];
+  }
+  if (parentIdIsNull) {
+    data.forEach((d) => {
+      if (!data.some((t) => d[parentIdField] == t[idField]) && !parentId.includes(d[parentIdField])) {
+        parentId.push(d[parentIdField]);
+      }
+    });
+  }
+  const result = [];
+  data.forEach((d) => {
+    if (d[idField] == d[parentIdField]) {
+      const error = {
+        [idField]: d[idField],
+        [parentIdField]: d[parentIdField],
+        data: d
+      };
+      console.error("data error:", error);
+      throw new Error("data error");
+    }
+    if (parentIdIsArray ? parentId.includes(d[parentIdField]) : d[parentIdField] == parentId) {
+      const t = { ...d };
+      const children = toTree({
+        data,
+        idField,
+        parentIdField,
+        childrenField,
+        parentId: d[idField],
+        addParentIds,
+        parentIdsField,
+        parentIds: [...parentIds, d[idField]]
+      });
+      if (children.length > 0) {
+        t[childrenField] = children;
+      }
+      if (addParentIds) {
+        t[parentIdsField] = parentIds;
+      }
+      result.push(t);
+    }
+  });
+  return result;
+}
+function eachTree(data, callback, childrenField = "children", parent) {
+  if (data) {
+    data.forEach((d, i) => {
+      var _a;
+      if (callback && callback(d, i, parent) !== false && ((_a = d[childrenField]) == null ? void 0 : _a.length)) {
+        eachTree(d[childrenField], callback, childrenField, d);
+      }
+    });
+  }
+}
+function mapTree(data, formatter, childrenField = "children", resultChildrenField = "children", parent) {
+  const result = [];
+  if (data && data.length) {
+    data.forEach((d, i) => {
+      const item = formatter(d, i, parent);
+      if (item) {
+        if (d[childrenField] != null) {
+          item[resultChildrenField] = mapTree(
+            d[childrenField],
+            formatter,
+            childrenField,
+            resultChildrenField,
+            item
+          );
+        }
+        result.push(item);
+      }
+    });
+  }
+  return result;
+}
+function findTree(data, predicate, childrenField) {
+  let temp;
+  eachTree(
+    data,
+    (d, i) => {
+      if (predicate(d, i)) {
+        temp = d;
+        return false;
+      }
+    },
+    childrenField
+  );
+  return temp;
+}
+function random(m, n) {
+  return Math.floor(Math.random() * (m - n) + n);
+}
+function uuid(length = 32, radix) {
+  const str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += str.charAt(Math.floor(Math.random() * (radix || str.length)));
+  }
+  return result;
+}
+function formatNumber(num) {
+  return String(num ?? "").replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");
+}
+function assignObject(target, source, excludes) {
+  Object.keys(target).forEach((key) => {
+    var _a;
+    if (!((_a = excludes == null ? void 0 : excludes.includes) == null ? void 0 : _a.call(excludes, key))) {
+      target[key] = source[key];
+    }
+  });
+  return target;
+}
+function isExternalLink(url) {
+  return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
+}
+function queryChild(parentEl, className, attr) {
+  return Array.from((parentEl == null ? void 0 : parentEl.children) ?? []).find((el) => {
+    if (className && !el.classList.contains(className)) {
+      return false;
+    }
+    if (attr != null && attr[0] != null) {
+      if (el.getAttribute(attr[0]) != attr[1]) {
+        return false;
+      }
+    }
+    return true;
+  });
+}
+function getCurrentStyle(el) {
+  return el["currentStyle"] || window.getComputedStyle(el, null) || {};
+}
+function contentIsEllipsis(el, direction) {
+  if (!el || !el.childNodes.length) {
+    return false;
+  }
+  const range = document.createRange();
+  range.setStart(el, 0);
+  range.setEnd(el, el.childNodes.length);
+  const { width, height } = range.getBoundingClientRect();
+  const floorW = Math.floor(width);
+  const rangeWidth = width - floorW < 8e-3 ? floorW : width;
+  const floorH = Math.floor(height);
+  const rangeHeight = height - floorH < 8e-3 ? floorH : height;
+  const style = getCurrentStyle(el);
+  const top = Number.parseInt(style.paddingTop) || 0;
+  const left = Number.parseInt(style.paddingLeft) || 0;
+  const right = Number.parseInt(style.paddingRight) || 0;
+  const bottom = Number.parseInt(style.paddingBottom) || 0;
+  const horizontalPadding = left + right;
+  const verticalPadding = top + bottom;
+  if (direction === "horizontal") {
+    return rangeWidth + horizontalPadding > el.offsetWidth || el.scrollWidth > el.offsetWidth;
+  }
+  if (direction === "vertical") {
+    return rangeHeight + verticalPadding > el.offsetHeight || el.scrollHeight > el.offsetHeight;
+  }
+  return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
+}
+function checkFullscreen() {
+  return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+}
+function exitFullscreen() {
+  const func = document.exitFullscreen || document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen;
+  func && func.call(document);
+}
+function requestFullscreen(el) {
+  if (el == null) {
+    el = document.documentElement;
+  }
+  const func = el.requestFullscreen || el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
+  if (!func) {
+    throw new Error("您的浏览器不支持全屏模式");
+  }
+  func.call(el);
+}
+function bd09ToGcj02(point) {
+  const x_pi = 3.141592653589793 * 3e3 / 180;
+  const x = point.lng - 65e-4;
+  const y = point.lat - 6e-3;
+  const z = Math.sqrt(x * x + y * y) - 2e-5 * Math.sin(y * x_pi);
+  const theta = Math.atan2(y, x) - 3e-6 * Math.cos(x * x_pi);
+  return {
+    lng: z * Math.cos(theta),
+    lat: z * Math.sin(theta)
+  };
+}
+function gcj02ToBd09(point) {
+  const x_pi = 3.141592653589793 * 3e3 / 180;
+  const x = point.lng;
+  const y = point.lat;
+  const z = Math.sqrt(x * x + y * y) + 2e-5 * Math.sin(y * x_pi);
+  const theta = Math.atan2(y, x) + 3e-6 * Math.cos(x * x_pi);
+  return {
+    lng: z * Math.cos(theta) + 65e-4,
+    lat: z * Math.sin(theta) + 6e-3
+  };
+}
+async function copyText(text) {
+  var _a;
+  if (typeof ((_a = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a.writeText) === "function") {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+  const el = document.createElement("textarea");
+  el.value = text;
+  el.style.position = "fixed";
+  el.style.top = "-200px";
+  el.style.left = "-200px";
+  el.style.width = "100px";
+  el.style.height = "100px";
+  document.body.appendChild(el);
+  el.focus();
+  el.select();
+  if (!document.execCommand("copy")) {
+    el.remove();
+    return Promise.reject(new Error("浏览器不支持复制"));
+  }
+  el.remove();
+}
+function getValue(data, path, defaultValue) {
+  if (data == null) {
+    return defaultValue;
+  }
+  const pathType = typeof path;
+  if (pathType === "function") {
+    return path(data);
+  }
+  const fields = (pathType === "string" ? path.match(/[^\[\].]+/g) : path) ?? [];
+  let result = data;
+  for (const key of fields) {
+    result = result[key.trim()];
+  }
+  return typeof result === "undefined" ? defaultValue : result;
+}
+function debounce(func, wait) {
+  let timer = void 0;
+  const debounced = function(...args) {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(() => {
+      func.apply(this, args);
+      timer = void 0;
+    }, wait);
+  };
+  return debounced;
+}
+function throttle(func, wait, trailing) {
+  let timer = void 0;
+  const debounced = function(...args) {
+    if (!timer) {
+      if (!trailing) {
+        func.apply(this, args);
+      }
+      timer = setTimeout(() => {
+        if (trailing) {
+          func.apply(this, args);
+        }
+        timer = void 0;
+      }, wait);
+    }
+  };
+  return debounced;
+}
+function omit(obj, fields) {
+  const result = Object.assign({}, obj);
+  if (obj) {
+    for (const key of fields) {
+      delete result[key];
+    }
+  }
+  return result;
+}
+function pick(obj, fields) {
+  const result = {};
+  if (obj) {
+    for (const key of fields) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+exports.assignObject = assignObject;
+exports.bd09ToGcj02 = bd09ToGcj02;
+exports.checkFullscreen = checkFullscreen;
+exports.contentIsEllipsis = contentIsEllipsis;
+exports.copyText = copyText;
+exports.debounce = debounce;
+exports.eachTree = eachTree;
+exports.exitFullscreen = exitFullscreen;
+exports.findTree = findTree;
+exports.formatNumber = formatNumber;
+exports.gcj02ToBd09 = gcj02ToBd09;
+exports.getCurrentStyle = getCurrentStyle;
+exports.getValue = getValue;
+exports.isExternalLink = isExternalLink;
+exports.mapTree = mapTree;
+exports.omit = omit;
+exports.pick = pick;
+exports.queryChild = queryChild;
+exports.random = random;
+exports.requestFullscreen = requestFullscreen;
+exports.throttle = throttle;
+exports.toTree = toTree;
+exports.uuid = uuid;