x-next 1.0.1 → 1.2.0

package/dist/es/components/popover/Popover.js

@@ -0,0 +1,86 @@
+import { defineComponent as P, ref as b, computed as i, createVNode as l, mergeProps as p, Fragment as y } from "vue";
+import { Trigger as T } from "../trigger/index.js";
+import { getComponentPrefix as g, getClassNameMixin as w } from "../../_utils/config.js";
+import { popoverProps as F } from "./props.js";
+const k = /* @__PURE__ */ P({
+  name: g("Popover"),
+  inheritAttrs: !1,
+  props: F,
+  slots: Object,
+  emits: {
+    "update:popupVisible": (e) => !0,
+    popupVisibleChange: (e) => !0,
+    show: () => !0,
+    hide: () => !0
+  },
+  setup(e, {
+    emit: a,
+    slots: o,
+    attrs: u
+  }) {
+    const n = w("popover"), c = b(e.defaultPopupVisible), d = i(() => e.popupVisible ?? c.value), r = i(() => !!(o.title || e.title !== void 0)), s = i(() => !!(o.content || e.content !== void 0)), m = i(() => [n.element("content"), {
+      [n.element("content-has-title")]: r.value
+    }, e.contentClass]), C = i(() => [n.element("arrow"), e.arrowClass]), f = (t) => {
+      c.value = t, a("update:popupVisible", t), a("popupVisibleChange", t);
+    }, h = () => {
+      var t;
+      return ((t = o.title) == null ? void 0 : t.call(o)) ?? e.title;
+    }, v = () => {
+      var t;
+      return ((t = o.content) == null ? void 0 : t.call(o)) ?? e.content;
+    };
+    return () => l(T, p(u, {
+      class: [n.block, u.class],
+      popupVisible: d.value,
+      trigger: e.trigger,
+      position: e.position,
+      disabled: e.disabled,
+      popupOffset: e.popupOffset,
+      popupTranslate: e.popupTranslate,
+      showArrow: e.showArrow,
+      alignPoint: e.alignPoint,
+      popupHoverStay: e.popupHoverStay,
+      blurToClose: e.blurToClose,
+      clickToClose: e.clickToClose,
+      clickOutsideToClose: e.clickOutsideToClose,
+      unmountOnClose: e.unmountOnClose,
+      contentClass: m.value,
+      contentStyle: e.contentStyle,
+      arrowClass: C.value,
+      arrowStyle: e.arrowStyle,
+      popupStyle: e.popupStyle,
+      animationName: e.animationName,
+      duration: e.duration,
+      mouseEnterDelay: e.mouseEnterDelay,
+      mouseLeaveDelay: e.mouseLeaveDelay,
+      focusDelay: e.focusDelay,
+      autoFitPopupWidth: e.autoFitPopupWidth,
+      autoFitPopupMinWidth: e.autoFitPopupMinWidth,
+      autoFixPosition: e.autoFixPosition,
+      popupContainer: e.popupContainer,
+      updateAtScroll: e.updateAtScroll,
+      autoFitPosition: e.autoFitPosition,
+      renderToBody: e.renderToBody,
+      preventFocus: e.preventFocus,
+      scrollToClose: e.scrollToClose,
+      scrollToCloseDistance: e.scrollToCloseDistance,
+      autoFitTransformOrigin: !0,
+      onPopupVisibleChange: f,
+      onShow: () => a("show"),
+      onHide: () => a("hide")
+    }), {
+      default: () => {
+        var t;
+        return (t = o.default) == null ? void 0 : t.call(o);
+      },
+      content: () => l(y, null, [r.value && l("div", {
+        class: n.element("title")
+      }, [h()]), s.value && l("div", {
+        class: n.element("body")
+      }, [v()])])
+    });
+  }
+});
+export {
+  k as default
+};

package/dist/es/components/popover/index.js

@@ -0,0 +1,8 @@
+import o from "./Popover.js";
+import { generateComponent as e } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as r } from "../../_utils/config.js";
+const n = e(r("Popover"), o);
+export {
+  n as Popover,
+  n as default
+};

package/dist/es/components/popover/props.js

@@ -0,0 +1,139 @@
+const e = {
+  popupVisible: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultPopupVisible: {
+    type: Boolean,
+    default: !1
+  },
+  trigger: {
+    type: [String, Array],
+    default: "click"
+  },
+  position: {
+    type: String,
+    default: "bottom"
+  },
+  title: {
+    type: [String, Number]
+  },
+  content: {
+    type: [String, Number]
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  popupOffset: {
+    type: Number,
+    default: 8
+  },
+  popupTranslate: {
+    type: [Array, Object]
+  },
+  showArrow: {
+    type: Boolean,
+    default: !1
+  },
+  alignPoint: {
+    type: Boolean,
+    default: !1
+  },
+  popupHoverStay: {
+    type: Boolean,
+    default: !0
+  },
+  blurToClose: {
+    type: Boolean,
+    default: !0
+  },
+  clickToClose: {
+    type: Boolean,
+    default: !0
+  },
+  clickOutsideToClose: {
+    type: Boolean,
+    default: !0
+  },
+  unmountOnClose: {
+    type: Boolean,
+    default: !0
+  },
+  contentClass: {
+    type: [String, Array, Object]
+  },
+  contentStyle: {
+    type: Object
+  },
+  arrowClass: {
+    type: [String, Array, Object]
+  },
+  arrowStyle: {
+    type: Object
+  },
+  popupStyle: {
+    type: Object
+  },
+  animationName: {
+    type: String,
+    default: "x-zoom-in-fade-out"
+  },
+  duration: {
+    type: [Number, Object]
+  },
+  mouseEnterDelay: {
+    type: Number,
+    default: 100
+  },
+  mouseLeaveDelay: {
+    type: Number,
+    default: 100
+  },
+  focusDelay: {
+    type: Number,
+    default: 0
+  },
+  autoFitPopupWidth: {
+    type: Boolean,
+    default: !1
+  },
+  autoFitPopupMinWidth: {
+    type: Boolean,
+    default: !1
+  },
+  autoFixPosition: {
+    type: Boolean,
+    default: !0
+  },
+  popupContainer: {
+    type: [String, Object]
+  },
+  updateAtScroll: {
+    type: Boolean,
+    default: !1
+  },
+  autoFitPosition: {
+    type: Boolean,
+    default: !0
+  },
+  renderToBody: {
+    type: Boolean,
+    default: !0
+  },
+  preventFocus: {
+    type: Boolean,
+    default: !1
+  },
+  scrollToClose: {
+    type: Boolean,
+    default: !1
+  },
+  scrollToCloseDistance: {
+    type: Number,
+    default: 0
+  }
+};
+export {
+  e as popoverProps
+};

package/dist/es/components/popup/Popup.js

@@ -0,0 +1,61 @@
+import { defineComponent as a, createVNode as c, mergeProps as l, isVNode as m } from "vue";
+import f from "../popover/Popover.js";
+import { getComponentPrefix as d, getClassNameMixin as b } from "../../_utils/config.js";
+import { popoverProps as C } from "../popover/props.js";
+function h(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+const u = (e, n) => n ? Array.isArray(n) ? [e, ...n] : [e, n] : e, w = /* @__PURE__ */ a({
+  name: d("Popup"),
+  inheritAttrs: !1,
+  props: C,
+  slots: Object,
+  emits: {
+    "update:popupVisible": (e) => !0,
+    popupVisibleChange: (e) => !0,
+    show: () => !0,
+    hide: () => !0
+  },
+  setup(e, {
+    emit: n,
+    slots: t,
+    attrs: i
+  }) {
+    const p = b("popup");
+    return () => {
+      const r = {
+        default: () => {
+          var o;
+          return (o = t.default) == null ? void 0 : o.call(t);
+        },
+        ...t.title ? {
+          title: () => {
+            var o;
+            return (o = t.title) == null ? void 0 : o.call(t);
+          }
+        } : {},
+        ...t.content ? {
+          content: () => {
+            var o;
+            return (o = t.content) == null ? void 0 : o.call(t);
+          }
+        } : {}
+      };
+      return c(f, l(i, e, {
+        class: [p.block, i.class],
+        contentClass: u(p.element("content"), e.contentClass),
+        arrowClass: u(p.element("arrow"), e.arrowClass)
+      }, {
+        "onUpdate:popupVisible": (o) => n("update:popupVisible", o),
+        onPopupVisibleChange: (o) => n("popupVisibleChange", o),
+        onShow: () => n("show"),
+        onHide: () => n("hide")
+      }), h(r) ? r : {
+        default: () => [r]
+      });
+    };
+  }
+});
+export {
+  w as default
+};

package/dist/es/components/popup/index.js

@@ -0,0 +1,8 @@
+import o from "./Popup.js";
+import { generateComponent as p } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as t } from "../../_utils/config.js";
+const n = p(t("Popup"), o);
+export {
+  n as Popup,
+  n as default
+};

package/dist/es/components/progress/Progress.vue.js

@@ -0,0 +1,73 @@
+import k from "./Progress.vue2.js";
+import { resolveComponent as s, openBlock as t, createElementBlock as m, normalizeClass as w, createBlock as r, createSlots as i, withCtx as n, renderSlot as a, normalizeProps as l, guardReactiveProps as p } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+function u(e, g, z, y, $, S) {
+  const d = s("progress-steps"), h = s("progress-line"), c = s("progress-circle");
+  return t(), m("div", {
+    class: w(e.cls)
+  }, [
+    e.steps > 0 ? (t(), r(d, {
+      key: 0,
+      "stroke-width": e.strokeWidth,
+      percent: e.safePercent,
+      color: e.color,
+      "track-color": e.trackColor,
+      steps: e.steps,
+      size: e.mergedSize,
+      "show-text": e.showText,
+      status: e.computedStatus
+    }, i({ _: 2 }, [
+      e.$slots.text ? {
+        name: "text",
+        fn: n((o) => [
+          a(e.$slots, "text", l(p(o)))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["stroke-width", "percent", "color", "track-color", "steps", "size", "show-text", "status"])) : e.type === "line" ? (t(), r(h, {
+      key: 1,
+      "stroke-width": e.strokeWidth,
+      animation: e.animation,
+      percent: e.safePercent,
+      color: e.color,
+      "track-color": e.trackColor,
+      size: e.mergedSize,
+      "buffer-color": e.bufferColor,
+      width: e.width,
+      "show-text": e.showText,
+      status: e.computedStatus
+    }, i({ _: 2 }, [
+      e.$slots.text ? {
+        name: "text",
+        fn: n((o) => [
+          a(e.$slots, "text", l(p(o)))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["stroke-width", "animation", "percent", "color", "track-color", "size", "buffer-color", "width", "show-text", "status"])) : (t(), r(c, {
+      key: 2,
+      type: e.type,
+      "stroke-width": e.strokeWidth,
+      "path-stroke-width": e.strokeWidth,
+      width: e.circleWidth,
+      percent: e.safePercent,
+      color: e.color,
+      "track-color": e.trackColor,
+      size: e.mergedSize,
+      "show-text": e.showText,
+      status: e.computedStatus
+    }, i({ _: 2 }, [
+      e.$slots.text ? {
+        name: "text",
+        fn: n((o) => [
+          a(e.$slots, "text", l(p(o)))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["type", "stroke-width", "path-stroke-width", "width", "percent", "color", "track-color", "size", "show-text", "status"]))
+  ], 2);
+}
+const W = /* @__PURE__ */ f(k, [["render", u]]);
+export {
+  W as default
+};

package/dist/es/components/progress/Progress.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as c, toRefs as u, computed as t } from "vue";
+import l from "./line.vue.js";
+import p from "./circle.vue.js";
+import f from "./steps.vue.js";
+import { useSize as d } from "../../_hooks/use-size.js";
+import { getClassNameMixin as y } from "../../_utils/config.js";
+const g = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0, C = c({
+  name: "Progress",
+  components: {
+    ProgressLine: l,
+    ProgressCircle: p,
+    ProgressSteps: f
+  },
+  props: {
+    /**
+     * @zh 进度条的类型
+     * @en The type of progress bar
+     * @values 'line', 'circle'
+     */
+    type: {
+      type: String,
+      default: "line"
+    },
+    /**
+     * @zh 进度条的大小
+     * @en The size of the progress bar
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+      type: String
+    },
+    /**
+     * @zh 进度条当前的百分比
+     * @en The current percentage of the progress bar
+     */
+    percent: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 开启步骤条模式，并设置步骤数
+     * @en Turn on the step bar mode and set the number of steps
+     */
+    steps: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 是否开启过渡动画
+     * @en Whether to turn on the transition animation
+     */
+    animation: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 进度条的线宽
+     * @en The line width of the progress bar
+     */
+    strokeWidth: {
+      type: Number
+    },
+    /**
+     * @zh 进度条的长度
+     * @en The width of the progress bar
+     */
+    width: {
+      type: [Number, String]
+    },
+    /**
+     * @zh 进度条的颜色
+     * @en The color of the progress bar
+     */
+    color: {
+      type: [String, Object]
+    },
+    /**
+     * @zh 进度条的轨道颜色
+     * @en The color of the progress track
+     */
+    trackColor: String,
+    bufferColor: {
+      type: [String, Object]
+    },
+    /**
+     * @zh 是否显示文字
+     * @en Whether to display text
+     */
+    showText: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 进度条状态
+     * @en Progress bar status
+     * @values 'normal', 'success', 'warning', 'danger'
+     */
+    status: {
+      type: String
+    }
+    /**
+     * @zh 文本
+     * @en Text
+     * @slot text
+     */
+  },
+  // 显式导入插槽
+  slots: Object,
+  setup(e) {
+    const r = y("progress"), { size: n } = u(e), m = t(() => e.steps > 0 ? "steps" : e.type), s = t(() => g(e.percent)), o = t(() => e.status || (s.value >= 1 ? "success" : "normal")), { mergedSize: i } = d(n), a = t(
+      () => typeof e.width == "number" ? e.width : void 0
+    );
+    return {
+      cls: t(() => [
+        r.block,
+        r.modifier(`type-${m.value}`),
+        r.modifier(`size-${i.value}`),
+        r.modifier(`status-${o.value}`)
+      ]),
+      computedStatus: o,
+      circleWidth: a,
+      mergedSize: i,
+      safePercent: s
+    };
+  }
+});
+export {
+  C as default
+};

package/dist/es/components/progress/circle.vue.js

@@ -0,0 +1,78 @@
+import h from "./circle.vue2.js";
+import { resolveComponent as d, openBlock as r, createElementBlock as s, normalizeStyle as t, normalizeClass as o, createBlock as i, createElementVNode as a, Fragment as m, renderList as u, createCommentVNode as c, renderSlot as k, createTextVNode as y, toDisplayString as f } from "vue";
+import g from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["aria-valuenow"], w = ["viewBox"], $ = { key: 0 }, N = ["id"], W = ["offset", "stop-color"], S = ["cx", "cy", "r", "stroke-width"], z = ["cx", "cy", "r", "stroke-width"];
+function B(e, C, G, b, V, D) {
+  const l = d("icon-check"), p = d("icon-exclamation");
+  return r(), s("div", {
+    role: "progressbar",
+    "aria-valuemin": "0",
+    "aria-valuemax": "100",
+    "aria-valuenow": e.ariaValue,
+    class: o(e.className.element("wrapper")),
+    style: t({ width: `${e.mergedWidth}px`, height: `${e.mergedWidth}px` })
+  }, [
+    e.type === "circle" && e.size === "mini" && e.status === "success" ? (r(), i(l, {
+      key: 0,
+      style: t({ fontSize: e.mergedWidth - 2, color: e.color })
+    }, null, 8, ["style"])) : (r(), s("svg", {
+      key: 1,
+      viewBox: `0 0 ${e.mergedWidth} ${e.mergedWidth}`,
+      class: o(e.className.element("svg"))
+    }, [
+      e.isLinearGradient ? (r(), s("defs", $, [
+        a("linearGradient", {
+          id: e.linearGradientId,
+          x1: "0",
+          y1: "1",
+          x2: "0",
+          y2: "0"
+        }, [
+          (r(!0), s(m, null, u(Object.keys(e.color), (n) => (r(), s("stop", {
+            key: n,
+            offset: n,
+            "stop-color": e.color[n]
+          }, null, 8, W))), 128))
+        ], 8, N)
+      ])) : c("", !0),
+      a("circle", {
+        class: o(e.className.element("bg")),
+        fill: "none",
+        cx: e.center,
+        cy: e.center,
+        r: e.radius,
+        "stroke-width": e.mergedPathStrokeWidth,
+        style: t({
+          stroke: e.trackColor
+        })
+      }, null, 14, S),
+      a("circle", {
+        class: o(e.className.element("bar")),
+        fill: "none",
+        cx: e.center,
+        cy: e.center,
+        r: e.radius,
+        "stroke-width": e.mergedStrokeWidth,
+        style: t({
+          stroke: e.isLinearGradient ? `url(#${e.linearGradientId})` : e.color,
+          strokeDasharray: e.perimeter,
+          strokeDashoffset: (e.percent >= 1 ? 0 : 1 - e.percent) * e.perimeter
+        })
+      }, null, 14, z)
+    ], 10, w)),
+    e.showText && e.size !== "mini" ? (r(), s("div", {
+      key: 2,
+      class: o(e.className.element("text"))
+    }, [
+      k(e.$slots, "text", { percent: e.percent }, () => [
+        e.status === "danger" ? (r(), i(p, { key: 0 })) : e.status === "success" ? (r(), i(l, { key: 1 })) : (r(), s(m, { key: 2 }, [
+          y(f(e.text), 1)
+        ], 64))
+      ])
+    ], 2)) : c("", !0)
+  ], 14, v);
+}
+const P = /* @__PURE__ */ g(h, [["render", B]]);
+export {
+  P as default
+};

package/dist/es/components/progress/circle.vue2.js

@@ -0,0 +1,83 @@
+import { defineComponent as h, computed as t } from "vue";
+import f from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import { isObject as g } from "../../_utils/is.js";
+import S from "../../icons/default/exclamation.js";
+import p from "../../icons/default/check.js";
+import { getClassNameMixin as v } from "../../_utils/config.js";
+let y = 0;
+const W = {
+  mini: 16,
+  small: 48,
+  medium: 64,
+  large: 80
+}, _ = {
+  mini: 4,
+  small: 3,
+  medium: 4,
+  large: 4
+}, T = h({
+  name: "ProgressCircle",
+  components: {
+    IconExclamation: S,
+    IconCheck: p
+  },
+  props: {
+    percent: {
+      type: Number,
+      default: 0
+    },
+    type: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    strokeWidth: {
+      type: Number
+    },
+    width: {
+      type: [Number, String],
+      default: void 0
+    },
+    color: {
+      type: [String, Object],
+      default: void 0
+    },
+    trackColor: String,
+    status: {
+      type: String,
+      default: void 0
+    },
+    showText: {
+      type: Boolean,
+      default: !0
+    },
+    pathStrokeWidth: {
+      type: Number
+    }
+  },
+  setup(e) {
+    const n = v("progress--circle"), a = t(() => g(e.color)), m = n.element(`linear-gradient-${++y}`), c = t(() => Math.round(e.percent * 100)), i = t(() => e.width ?? W[e.size]), r = t(
+      () => e.strokeWidth ?? (e.size === "mini" ? i.value / 2 : _[e.size])
+    ), d = t(
+      () => e.pathStrokeWidth ?? (e.size === "mini" ? r.value : Math.max(2, r.value - 1))
+    ), o = t(() => (i.value - r.value) / 2), l = t(() => Math.PI * 2 * o.value), s = t(() => i.value / 2), u = t(() => `${f.times(e.percent, 100)}%`);
+    return {
+      ariaValue: c,
+      className: n,
+      isLinearGradient: a,
+      radius: o,
+      text: u,
+      perimeter: l,
+      center: s,
+      mergedWidth: i,
+      mergedStrokeWidth: r,
+      mergedPathStrokeWidth: d,
+      linearGradientId: m
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/es/components/progress/index.js

@@ -0,0 +1,8 @@
+import { getComponentPrefix as o } from "../../_utils/config.js";
+import { generateComponent as r } from "../../_utils/vue-eco.js";
+import e from "./Progress.vue.js";
+const n = r(o("Progress"), e);
+export {
+  n as Progress,
+  n as default
+};