x-next 1.6.0 → 1.8.0

package/dist/types.d.ts

@@ -88,6 +88,10 @@ declare module 'vue' {
         XConfigProvider: (typeof import('x-next'))['ConfigProvider'];
         XColorPicker: (typeof import('x-next'))['ColorPicker'];
         XHeatmap: (typeof import('x-next'))['Heatmap'];
+        XUpload: (typeof import('x-next'))['Upload'];
+        XBarChart: (typeof import('x-next'))['BarChart'];
+        XLineChart: (typeof import('x-next'))['LineChart'];
+        XPieChart: (typeof import('x-next'))['PieChart'];
     }
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-next",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "private": false,
   "description": "A Vue 3 and TypeScript component library for enterprise applications.",
   "keywords": [

package/volar.d.ts

@@ -89,6 +89,10 @@ declare module 'vue' {
     XConfigProvider: (typeof import('x-next'))['ConfigProvider']
     XColorPicker: (typeof import('x-next'))['ColorPicker']
     XHeatmap: (typeof import('x-next'))['Heatmap']
+    XUpload: (typeof import('x-next'))['Upload']
+    XBarChart: (typeof import('x-next'))['BarChart']
+    XLineChart: (typeof import('x-next'))['LineChart']
+    XPieChart: (typeof import('x-next'))['PieChart']
   }
 }
 export {}

package/dist/components/trend-chart/components/trend-chart-grid.d.ts

@@ -1,55 +0,0 @@
-import { VNode } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    boundary: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').Boundary>;
-        default: () => void;
-    };
-    verticalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    verticalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-    horizontalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    horizontalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    boundary: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').Boundary>;
-        default: () => void;
-    };
-    verticalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    verticalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-    horizontalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    horizontalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-}>> & Readonly<{}>, {
-    boundary: import('../props').Boundary;
-    verticalLines: boolean;
-    verticalLinesNumber: number;
-    horizontalLines: boolean;
-    horizontalLinesNumber: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/trend-chart/components/trend-chart-labels.d.ts

@@ -1,26 +0,0 @@
-import { VNode } from 'vue';
-declare const _default: import('vue').DefineComponent<{
-    boundary: import('../props').Boundary;
-    yLabelsTextFormatter: Function;
-    color?: import('../../../_props/css').CSSColor | undefined;
-    fontSize?: number | undefined;
-    minValue?: number | undefined;
-    maxValue?: number | undefined;
-    xLabels?: unknown[] | undefined;
-    yLabels?: number | undefined;
-}, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    boundary: import('../props').Boundary;
-    yLabelsTextFormatter: Function;
-    color?: import('../../../_props/css').CSSColor | undefined;
-    fontSize?: number | undefined;
-    minValue?: number | undefined;
-    maxValue?: number | undefined;
-    xLabels?: unknown[] | undefined;
-    yLabels?: number | undefined;
-}> & Readonly<{}>, {
-    boundary: import('../props').Boundary;
-    yLabelsTextFormatter: Function;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/trend-chart/helpers/genPath.d.ts

@@ -1,8 +0,0 @@
-import { Point } from '../props';
-declare const _default: (points: Point[], smooth: boolean, { maxY }: {
-    maxY: any;
-}) => {
-    linePath: string;
-    fillPath: string;
-};
-export default _default;

package/dist/components/trend-chart/helpers/getPadding.d.ts

@@ -1,8 +0,0 @@
-import { Padding } from '../props';
-/**
- * 获取padding
- *
- * 支持 CSS 简写风格的 1-4 个值字符串（如 '5 10'），也支持单个非负数字。
- */
-declare const _default: (padding: string | number) => Padding;
-export default _default;

package/dist/components/trend-chart/helpers/validatePadding.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (padding: string) => boolean;
-export default _default;

package/dist/es/_hooks/use-popup-overflow-hidden.js

@@ -1,29 +0,0 @@
-import { toRefs as s, watchEffect as u } from "vue";
-function h(a) {
-  const { container: t, hidden: d } = s(a);
-  let n = !1, l = {};
-  const c = (e) => e.tagName === "BODY" ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : e.offsetWidth - e.clientWidth, r = () => {
-    if (t.value && t.value.style.overflow !== "hidden") {
-      const e = t.value.style;
-      n = !0;
-      const o = c(t.value);
-      o && (l.width = e.width, t.value.style.width = `calc(${t.value.style.width || "100%"} - ${o}px)`), l.overflow = e.overflow, t.value.style.overflow = "hidden";
-    }
-  }, i = () => {
-    if (t.value && n) {
-      const e = l;
-      Object.keys(e).forEach((o) => {
-        t.value.style[o] = e[o];
-      });
-    }
-    n = !1, l = {};
-  };
-  return u((e) => {
-    d.value ? r() : i(), e(() => {
-      i();
-    });
-  }), [i, r];
-}
-export {
-  h as default
-};

package/dist/es/components/trend-chart/components/trend-chart-grid.js

@@ -1,62 +0,0 @@
-import { defineComponent as b, computed as u, h as i } from "vue";
-import { getComponentPrefix as h } from "../../../_utils/config.js";
-import { trendChartGridProps as y } from "../props.js";
-import { TrendChartAxisColor as m } from "../themes.js";
-const N = b({
-  name: h("TrendChartGrid"),
-  props: y,
-  setup(n) {
-    const c = (e) => {
-      const t = n.verticalLinesNumber > 1 ? (n.boundary.maxX - n.boundary.minX) / (n.verticalLinesNumber - 1) : 0, r = n.boundary.minX + t * (e - 1), a = n.boundary.minY, o = n.boundary.maxY;
-      return {
-        x1: r,
-        x2: r,
-        y1: a,
-        y2: o,
-        style: { stroke: m }
-      };
-    }, d = (e) => {
-      const t = n.horizontalLinesNumber > 1 ? (n.boundary.maxY - n.boundary.minY) / (n.horizontalLinesNumber - 1) : 0, r = n.boundary.maxY - t * (e - 1), a = n.boundary.minX, o = n.boundary.maxX;
-      return {
-        x1: a,
-        x2: o,
-        y1: r,
-        y2: r,
-        style: { stroke: m }
-      };
-    }, l = u(() => {
-      if (n.verticalLines && n.verticalLinesNumber > 0) {
-        const e = [];
-        for (let t = 1; t <= n.verticalLinesNumber; t++)
-          e.push(
-            i("line", {
-              class: "line",
-              ...c(t)
-            })
-          );
-        return i("g", { class: "vertical" }, e);
-      }
-      return null;
-    }), s = u(() => {
-      if (n.horizontalLines && n.horizontalLinesNumber > 0) {
-        const e = [];
-        for (let t = 1; t <= n.horizontalLinesNumber; t++)
-          e.push(
-            i("line", {
-              class: "line",
-              ...d(t)
-            })
-          );
-        return i("g", { class: "horizontal" }, e);
-      }
-      return null;
-    });
-    return () => {
-      const e = [];
-      return l.value && e.push(l.value), s.value && e.push(s.value), e.length === 0 ? null : i("g", null, e);
-    };
-  }
-});
-export {
-  N as default
-};

package/dist/es/components/trend-chart/components/trend-chart-labels.js

@@ -1,75 +0,0 @@
-import { defineComponent as h, computed as l, h as t } from "vue";
-import { getComponentPrefix as v } from "../../../_utils/config.js";
-import { trendChartLabelsProps as Y } from "../props.js";
-import { TrendChartAxisColor as d } from "../themes.js";
-const S = h({
-  name: v("TrendChartLabels"),
-  props: Y,
-  setup(e) {
-    const u = l(() => {
-      if (e.fontSize)
-        return e.fontSize;
-      const a = e.boundary.maxY - e.boundary.minY;
-      return a >= 100 ? 12 : a >= 60 ? 11 : 10;
-    }), c = l(() => e.color ?? "var(--x-color-text-secondary)"), b = l(() => ({
-      fill: c.value,
-      fontSize: `${u.value}px`
-    })), x = (a) => {
-      var y;
-      const n = ((y = e.xLabels) == null ? void 0 : y.length) ?? 0, r = n > 1 ? (e.boundary.maxX - e.boundary.minX) / (n - 1) : 0, o = n > 1 ? e.boundary.minX + r * a : e.boundary.minX + (e.boundary.maxX - e.boundary.minX) / 2, s = e.boundary.maxY;
-      return { transform: `translate(${o}, ${s})` };
-    }, f = (a) => {
-      const n = e.yLabels ?? 0, r = n > 1 ? (e.boundary.maxY - e.boundary.minY) / (n - 1) : 0, o = e.boundary.minX, s = n > 1 ? e.boundary.maxY - r * a : e.boundary.minY + (e.boundary.maxY - e.boundary.minY) / 2;
-      return { transform: `translate(${o}, ${s})` };
-    }, L = (a) => {
-      const n = e.yLabels ?? 0;
-      return n <= 1 ? e.minValue : e.minValue + (e.maxValue - e.minValue) / (n - 1) * a;
-    }, m = l(() => e.xLabels && e.xLabels.length ? t(
-      "g",
-      { class: "x-labels" },
-      e.xLabels.map(
-        (a, n) => t("g", { class: "label", ...x(n) }, [
-          t(
-            "text",
-            {
-              dy: u.value + 5,
-              "text-anchor": "middle",
-              style: b.value
-            },
-            a
-          ),
-          t("line", { style: { stroke: d }, y2: 5 })
-        ])
-      )
-    ) : null), i = l(() => {
-      if (e.yLabels && e.yLabels > 0) {
-        const a = [];
-        for (let n = 0; n < e.yLabels; n++)
-          a.push(
-            t("g", { class: "label", ...f(n) }, [
-              t(
-                "text",
-                {
-                  dx: -10,
-                  dy: u.value / 4,
-                  "text-anchor": "end",
-                  style: b.value
-                },
-                e.yLabelsTextFormatter(L(n))
-              ),
-              t("line", { style: { stroke: d }, x1: 0, x2: -5 })
-            ])
-          );
-        return t("g", { class: "y-labels" }, a);
-      }
-      return null;
-    });
-    return () => {
-      const a = [];
-      return m.value && a.push(m.value), i.value && a.push(i.value), t("g", a);
-    };
-  }
-});
-export {
-  S as default
-};

package/dist/es/components/trend-chart/helpers/genPath.js

@@ -1,22 +0,0 @@
-const P = (e, n, { maxY: $ }) => {
-  if (!e.length)
-    return { linePath: "", fillPath: "" };
-  if (e.length === 1) {
-    const [t] = e;
-    return { linePath: `M ${t.x},${t.y}`, fillPath: "" };
-  }
-  const l = e.shift(), a = e[e.length - 1], c = (e[0].x - l.x) / 2;
-  let h = `M ${l.x},${l.y}`;
-  e.forEach((t, x) => {
-    if (!n) h += ` L${t.x},${t.y}`;
-    else {
-      const r = e[x - 1] || l;
-      h += ` C ${c + r.x},${r.y} ${c + r.x},${t.y} ${t.x},${t.y}`;
-    }
-  });
-  let f = h;
-  return a.y !== $ && (f += ` L${a.x},${$}`), l.y !== $ && (f += ` L${l.x},${$}`), f += " Z", { linePath: h, fillPath: f };
-};
-export {
-  P as default
-};

package/dist/es/components/trend-chart/helpers/getPadding.js

@@ -1,21 +0,0 @@
-const l = (o) => {
-  const t = (typeof o == "number" ? `${o}` : o).split(" ").filter((r) => r !== "").map((r) => Number(r));
-  let e = {};
-  switch (t.length) {
-    case 4:
-      e = { top: t[0], right: t[1], bottom: t[2], left: t[3] };
-      break;
-    case 3:
-      e = { top: t[0], right: t[1], bottom: t[2], left: t[1] };
-      break;
-    case 2:
-      e = { top: t[0], right: t[1], bottom: t[0], left: t[1] };
-      break;
-    default:
-      e = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
-  }
-  return e;
-};
-export {
-  l as default
-};

package/dist/es/components/trend-chart/helpers/validatePadding.js

@@ -1,7 +0,0 @@
-const a = (n) => {
-  const r = n.split(" ").filter((e) => e !== ""), t = r.map((e) => Number(e));
-  return t.length < 1 || t.length > 4 ? !1 : r.every((e) => /^\d+(\.\d+)?$/.test(e)) && t.every((e) => e >= 0);
-};
-export {
-  a as default
-};