@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XSplit.vue.d.ts

@@ -22,19 +22,19 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    moving: (ev: MouseEvent) => any;
     "update:size": (size: number) => any;
     moveStart: (ev: MouseEvent) => any;
-    moving: (ev: MouseEvent) => any;
     moveEnd: (ev: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onMoving?: ((ev: MouseEvent) => any) | undefined;
     "onUpdate:size"?: ((size: number) => any) | undefined;
     onMoveStart?: ((ev: MouseEvent) => any) | undefined;
-    onMoving?: ((ev: MouseEvent) => any) | undefined;
     onMoveEnd?: ((ev: MouseEvent) => any) | undefined;
 }>, {
+    size: number | string;
     disabled: boolean;
     direction: "horizontal" | "vertical";
-    size: number | string;
     min: number | string;
     max: number | string;
     defaultSize: number | string;

package/dist/components/XSplit.vue.js

@@ -0,0 +1,7 @@
+import o from "./XSplit.vue2.js";
+/* empty css            */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9436b26"]]);
+export {
+  _ as default
+};

package/dist/components/XSplit.vue2.js

@@ -0,0 +1,126 @@
+import { defineComponent as C, ref as g, computed as o, onUnmounted as M, openBlock as d, createElementBlock as u, normalizeClass as y, createElementVNode as r, normalizeStyle as f, renderSlot as p, createCommentVNode as $ } from "vue";
+const k = {
+  key: 0,
+  class: "x-split-trigger-icon"
+}, N = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "12",
+  height: "12",
+  fill: "currentColor"
+}, D = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "12",
+  height: "12",
+  fill: "currentColor"
+}, I = /* @__PURE__ */ C({
+  __name: "XSplit",
+  props: {
+    direction: { default: "horizontal" },
+    size: { default: void 0 },
+    defaultSize: { default: 0.5 },
+    min: { default: 0.1 },
+    max: { default: 0.9 },
+    disabled: { type: Boolean, default: !1 },
+    triggerLineStyle: { default: () => ({}) },
+    showTriggerIcon: { type: Boolean, default: !0 }
+  },
+  emits: ["update:size", "moveStart", "moving", "moveEnd"],
+  setup(i, { emit: w }) {
+    const t = i, s = w, z = g(Number(t.defaultSize)), x = o(() => t.size !== void 0), c = o({
+      get: () => x.value ? Number(t.size) : z.value,
+      set: (e) => {
+        x.value || (z.value = e), s("update:size", e);
+      }
+    }), a = g(!1), v = g(), S = o(() => typeof t.min == "string" && t.min.endsWith("px") ? 0.1 : Number(t.min)), E = o(() => typeof t.max == "string" && t.max.endsWith("px") ? 0.9 : Number(t.max)), b = o(() => {
+      const e = c.value;
+      return t.direction === "vertical" ? {
+        height: `${e * 100}%`,
+        width: "100%"
+      } : {
+        width: `${e * 100}%`,
+        height: "100%"
+      };
+    }), L = o(() => {
+      const e = 1 - c.value;
+      return t.direction === "vertical" ? {
+        height: `${e * 100}%`,
+        width: "100%"
+      } : {
+        width: `${e * 100}%`,
+        height: "100%"
+      };
+    }), B = (e) => {
+      t.disabled || (e.preventDefault(), a.value = !0, s("moveStart", e), document.addEventListener("mousemove", m), document.addEventListener("mouseup", h));
+    }, m = (e) => {
+      if (!a.value || !v.value) return;
+      const n = v.value.getBoundingClientRect();
+      let l;
+      t.direction === "vertical" ? l = (e.clientY - n.top) / n.height : l = (e.clientX - n.left) / n.width, l = Math.max(S.value, Math.min(E.value, l)), c.value = l, s("moving", e);
+    }, h = (e) => {
+      a.value = !1, s("moveEnd", e), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h);
+    };
+    return M(() => {
+      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h);
+    }), (e, n) => (d(), u("div", {
+      ref_key: "splitRef",
+      ref: v,
+      class: y(["x-split", {
+        "is-vertical": i.direction === "vertical",
+        "is-horizontal": i.direction === "horizontal",
+        "is-dragging": a.value,
+        "is-disabled": i.disabled
+      }])
+    }, [
+      r("div", {
+        class: "x-split-pane x-split-pane-first",
+        style: f(b.value)
+      }, [
+        p(e.$slots, "first", {}, void 0, !0)
+      ], 4),
+      r("div", {
+        class: y(["x-split-trigger", {
+          "is-vertical": i.direction === "vertical",
+          "is-horizontal": i.direction === "horizontal"
+        }]),
+        onMousedown: B
+      }, [
+        r("div", {
+          class: "x-split-trigger-line",
+          style: f(i.triggerLineStyle)
+        }, null, 4),
+        i.showTriggerIcon ? (d(), u("div", k, [
+          p(e.$slots, "resize-trigger-icon", {}, () => [
+            i.direction === "vertical" ? (d(), u("svg", N, [...n[0] || (n[0] = [
+              r("rect", {
+                x: "4",
+                y: "10",
+                width: "16",
+                height: "2",
+                rx: "1"
+              }, null, -1)
+            ])])) : (d(), u("svg", D, [...n[1] || (n[1] = [
+              r("rect", {
+                x: "10",
+                y: "4",
+                width: "2",
+                height: "16",
+                rx: "1"
+              }, null, -1)
+            ])]))
+          ], !0)
+        ])) : $("", !0)
+      ], 34),
+      r("div", {
+        class: "x-split-pane x-split-pane-second",
+        style: f(L.value)
+      }, [
+        p(e.$slots, "second", {}, void 0, !0)
+      ], 4)
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/dist/components/XStatistic.vue.d.ts

@@ -53,15 +53,16 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    animationDuration: number;
-    animation: boolean;
+    value: string | number | Date | null;
+    suffix: string | number;
     start: boolean;
     separator: string;
     placeholder: string;
-    value: string | number | Date | null;
+    animation: boolean;
     loading: boolean;
-    extra: string;
+    animationDuration: number;
     prefix: string | number;
+    extra: string;
     precision: number;
     decimalSeparator: string;
     groupSeparator: GroupSeparatorOption;
@@ -69,7 +70,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     showGroupSeparator: boolean;
     valueFrom: number;
     valueStyle: CSSProperties;
-    suffix: string | number;
     formatter: (payload: StatisticFormatterPayload) => string | number;
     valueRender: (payload: StatisticValueRenderPayload) => string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/XStatistic.vue.js

@@ -0,0 +1,7 @@
+import t from "./XStatistic.vue2.js";
+/* empty css                */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-278b1bbb"]]);
+export {
+  m as default
+};

package/dist/components/XStatistic.vue2.js

@@ -0,0 +1,176 @@
+import { defineComponent as M, ref as C, computed as o, watch as _, onBeforeUnmount as R, openBlock as n, createElementBlock as u, renderSlot as c, createTextVNode as p, toDisplayString as d, createCommentVNode as S, createElementVNode as V, normalizeStyle as E, Fragment as H } from "vue";
+import { toNumericValue as v, formatNumberValue as I, toDateValue as P, formatDateValue as z } from "./statistic-utils.js";
+const A = { class: "x-statistic" }, U = {
+  key: 0,
+  class: "x-statistic__title"
+}, X = { class: "x-statistic__content" }, j = {
+  key: 0,
+  class: "x-statistic__loading-bar"
+}, q = {
+  key: 0,
+  class: "x-statistic__affix"
+}, J = { class: "x-statistic__value-text" }, K = {
+  key: 1,
+  class: "x-statistic__affix"
+}, L = {
+  key: 0,
+  class: "x-statistic__extra"
+}, W = /* @__PURE__ */ M({
+  __name: "XStatistic",
+  props: {
+    title: {},
+    value: { default: void 0 },
+    format: { default: "HH:mm:ss" },
+    extra: { default: "" },
+    start: { type: Boolean, default: !0 },
+    precision: { default: 0 },
+    separator: { default: "," },
+    showGroupSeparator: { type: Boolean, default: !1 },
+    groupSeparator: { type: [String, Boolean], default: !1 },
+    decimalSeparator: { default: "." },
+    animation: { type: Boolean, default: !1 },
+    animationDuration: { default: 2e3 },
+    valueFrom: { default: void 0 },
+    placeholder: { default: "--" },
+    valueStyle: { default: void 0 },
+    loading: { type: Boolean, default: !1 },
+    prefix: { default: "" },
+    suffix: { default: "" },
+    formatter: { type: Function, default: void 0 },
+    valueRender: { type: Function, default: void 0 }
+  },
+  setup(r) {
+    const e = r, l = C(e.valueFrom ?? e.value);
+    let m = null;
+    const B = o(() => e.prefix !== "" && e.prefix !== void 0 && e.prefix !== null), D = o(() => e.suffix !== "" && e.suffix !== void 0 && e.suffix !== null), T = o(() => e.value === void 0 || e.value === null), $ = o(() => typeof e.groupSeparator == "string" ? e.groupSeparator : e.separator || ","), w = o(() => e.showGroupSeparator ? !0 : typeof e.groupSeparator == "string" ? e.groupSeparator.length > 0 : e.groupSeparator === !0), x = o(() => ({
+      precision: e.precision,
+      decimalSeparator: e.decimalSeparator,
+      groupSeparator: $.value
+    }));
+    function i() {
+      m && (clearInterval(m), m = null);
+    }
+    function g(t) {
+      i();
+      const a = typeof e.valueFrom == "number" ? e.valueFrom : v(l.value) ?? 0, s = Math.max(0, e.animationDuration);
+      if (s === 0 || a === t) {
+        l.value = t;
+        return;
+      }
+      const f = Date.now(), b = 1e3 / 60;
+      m = setInterval(() => {
+        const G = Date.now() - f, k = Math.min(G / s, 1), N = 1 - Math.pow(1 - k, 4);
+        l.value = a + (t - a) * N, k >= 1 && (i(), l.value = t);
+      }, b);
+    }
+    const y = o(() => e.animation && e.start ? l.value : e.value), h = o(() => {
+      if (T.value)
+        return e.placeholder;
+      const t = y.value;
+      if (e.formatter) {
+        const f = e.formatter({
+          value: t,
+          config: x.value
+        });
+        return f == null ? "" : String(f);
+      }
+      const a = v(t);
+      if (a !== null)
+        return I(a, {
+          precision: e.precision,
+          decimalSeparator: e.decimalSeparator,
+          enableGroupSeparator: w.value,
+          groupSeparator: $.value
+        });
+      const s = P(t);
+      return s && e.format ? z(s, e.format) : t == null ? "" : String(t);
+    }), F = o(() => {
+      if (!e.valueRender)
+        return h.value;
+      const t = e.valueRender({
+        value: y.value,
+        displayValue: h.value,
+        config: x.value
+      });
+      return t == null ? "" : String(t);
+    });
+    return _(
+      () => e.value,
+      (t) => {
+        const a = v(t);
+        if (e.animation && e.start && a !== null) {
+          g(a);
+          return;
+        }
+        i(), l.value = t;
+      },
+      { immediate: !0 }
+    ), _(
+      () => e.start,
+      (t) => {
+        const a = v(e.value);
+        if (!t) {
+          i();
+          return;
+        }
+        if (e.animation && a !== null) {
+          g(a);
+          return;
+        }
+        l.value = e.value;
+      }
+    ), _(
+      () => e.animation,
+      (t) => {
+        const a = v(e.value);
+        if (!t) {
+          i(), l.value = e.value;
+          return;
+        }
+        e.start && a !== null && g(a);
+      }
+    ), R(() => {
+      i();
+    }), (t, a) => (n(), u("div", A, [
+      r.title || t.$slots.title ? (n(), u("div", U, [
+        c(t.$slots, "title", {}, () => [
+          p(d(r.title), 1)
+        ], !0)
+      ])) : S("", !0),
+      V("div", X, [
+        V("div", {
+          class: "x-statistic__value",
+          style: E(r.valueStyle)
+        }, [
+          r.loading ? (n(), u("span", j)) : (n(), u(H, { key: 1 }, [
+            t.$slots.prefix || B.value ? (n(), u("span", q, [
+              c(t.$slots, "prefix", {}, () => [
+                p(d(r.prefix), 1)
+              ], !0)
+            ])) : S("", !0),
+            c(t.$slots, "formatter", {
+              value: y.value,
+              displayValue: h.value,
+              config: x.value
+            }, () => [
+              V("span", J, d(F.value), 1)
+            ], !0),
+            t.$slots.suffix || D.value ? (n(), u("span", K, [
+              c(t.$slots, "suffix", {}, () => [
+                p(d(r.suffix), 1)
+              ], !0)
+            ])) : S("", !0)
+          ], 64))
+        ], 4),
+        r.extra || t.$slots.extra ? (n(), u("div", L, [
+          c(t.$slots, "extra", {}, () => [
+            p(d(r.extra), 1)
+          ], !0)
+        ])) : S("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  W as default
+};

package/dist/components/XStep.vue.d.ts

@@ -10,11 +10,11 @@ declare function __VLS_template(): {
     slots: {
         node?(_: {
             step: number;
-            status: "wait" | "error" | "finish" | "process";
+            status: "error" | "wait" | "finish" | "process";
         }): any;
         icon?(_: {
             step: number;
-            status: "wait" | "error" | "finish" | "process";
+            status: "error" | "wait" | "finish" | "process";
         }): any;
         default?(_: {}): any;
         description?(_: {}): any;
@@ -24,8 +24,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
     title: string;
+    disabled: boolean;
     status: XStepStatus;
     description: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/XStep.vue.js

@@ -0,0 +1,91 @@
+import { defineComponent as $, getCurrentInstance as w, computed as s, onMounted as B, onBeforeUnmount as N, openBlock as o, createElementBlock as n, normalizeClass as V, createCommentVNode as r, renderSlot as u, createBlock as p, unref as f, Fragment as E, createTextVNode as d, toDisplayString as v, createElementVNode as h } from "vue";
+import { useXSteps as I } from "../composables/steps.js";
+import k from "./XIcon.js";
+const X = {
+  key: 0,
+  class: "x-steps-item-tail"
+}, M = {
+  key: 1,
+  class: "x-steps-item-node"
+}, T = {
+  key: 0,
+  class: "x-steps-icon"
+}, z = { class: "x-steps-item-content" }, D = { class: "x-steps-item-title" }, F = {
+  key: 0,
+  class: "x-steps-item-description"
+}, q = /* @__PURE__ */ $({
+  __name: "XStep",
+  props: {
+    title: { default: void 0 },
+    description: { default: void 0 },
+    status: { default: void 0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(_) {
+    var m;
+    const i = _, e = I(), c = `x-step-${((m = w()) == null ? void 0 : m.uid) ?? Math.random().toString(36).slice(2)}`, t = s(() => (e == null || e.orderVersion.value, (e == null ? void 0 : e.getStep(c)) ?? 1)), l = s(() => i.status ?? (e == null ? void 0 : e.getStatus(t.value)) ?? "process"), x = s(() => (e == null ? void 0 : e.errorSteps.value.includes(t.value + 1)) ?? !1), y = s(() => e ? !e.lineLess.value && (e.labelPlacement.value === "vertical" || e.direction.value === "vertical") : !1), g = s(() => (e == null ? void 0 : e.type.value) !== "arrow"), S = s(() => (e == null ? void 0 : e.type.value) !== "dot" && (e == null ? void 0 : e.type.value) !== "arrow"), b = s(() => [
+      "x-steps-item",
+      `x-steps-item-${l.value}`,
+      {
+        "x-steps-item-active": t.value === ((e == null ? void 0 : e.current.value) ?? -1),
+        "x-steps-item-next-error": x.value,
+        "x-steps-item-disabled": i.disabled
+      }
+    ]);
+    B(() => {
+      e == null || e.register(c, {
+        step: () => t.value,
+        status: () => l.value
+      });
+    }), N(() => {
+      e == null || e.unregister(c);
+    });
+    function C(a) {
+      i.disabled || e == null || e.onClick(t.value, a);
+    }
+    return (a, L) => (o(), n("div", {
+      class: V(b.value),
+      onClick: C
+    }, [
+      y.value ? (o(), n("div", X)) : r("", !0),
+      g.value ? (o(), n("div", M, [
+        u(a.$slots, "node", {
+          step: t.value,
+          status: l.value
+        }, () => [
+          S.value ? (o(), n("div", T, [
+            u(a.$slots, "icon", {
+              step: t.value,
+              status: l.value
+            }, () => [
+              l.value === "finish" ? (o(), p(f(k), {
+                key: 0,
+                name: "dui"
+              })) : l.value === "error" ? (o(), p(f(k), {
+                key: 1,
+                name: "guanbi"
+              })) : (o(), n(E, { key: 2 }, [
+                d(v(t.value), 1)
+              ], 64))
+            ])
+          ])) : r("", !0)
+        ])
+      ])) : r("", !0),
+      h("div", z, [
+        h("div", D, [
+          u(a.$slots, "default", {}, () => [
+            d(v(i.title), 1)
+          ])
+        ]),
+        i.description || a.$slots.description ? (o(), n("div", F, [
+          u(a.$slots, "description", {}, () => [
+            d(v(i.description), 1)
+          ])
+        ])) : r("", !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/dist/components/XStep.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XStep.vue.js";
+export {
+  f as default
+};

package/dist/components/XSteps.vue.d.ts

@@ -26,11 +26,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onChange?: ((step: number, ev: MouseEvent) => any) | undefined;
     "onUpdate:current"?: ((step: number) => any) | undefined;
 }>, {
-    direction: "horizontal" | "vertical";
     small: boolean;
     type: XStepsType;
-    lineLess: boolean;
+    direction: "horizontal" | "vertical";
     status: XStepStatus;
+    lineLess: boolean;
     current: number;
     defaultCurrent: number;
     labelPlacement: "horizontal" | "vertical";

package/dist/components/XSteps.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent as C, ref as i, shallowReactive as S, computed as r, provide as B, openBlock as L, createElementBlock as _, normalizeClass as w, renderSlot as P } from "vue";
+import { xStepsKey as $ } from "../composables/steps.js";
+const O = /* @__PURE__ */ C({
+  __name: "XSteps",
+  props: {
+    type: { default: "default" },
+    current: { default: void 0 },
+    defaultCurrent: { default: 1 },
+    direction: { default: "horizontal" },
+    labelPlacement: { default: "horizontal" },
+    status: { default: "process" },
+    lineLess: { type: Boolean, default: !1 },
+    small: { type: Boolean, default: !1 },
+    changeable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:current", "change"],
+  setup(d, { emit: m }) {
+    const t = d, c = m, p = i(t.defaultCurrent), a = i([]), l = i(0), s = S(/* @__PURE__ */ new Map()), o = r(() => t.current ?? p.value), u = r(() => t.type === "arrow" || t.type === "navigation" ? "horizontal" : t.direction), f = r(() => t.type === "dot" ? u.value === "vertical" ? "horizontal" : "vertical" : t.type === "navigation" ? "horizontal" : t.labelPlacement);
+    function v(e, n) {
+      a.value.includes(e) || (a.value.push(e), l.value += 1), s.set(e, n);
+    }
+    function g(e) {
+      const n = a.value.indexOf(e);
+      n >= 0 && (a.value.splice(n, 1), l.value += 1), s.delete(e);
+    }
+    function h(e) {
+      const n = a.value.indexOf(e);
+      return n === -1 ? 1 : n + 1;
+    }
+    const y = r(
+      () => Array.from(s.values()).filter((e) => e.status() === "error").map((e) => e.step())
+    );
+    function x(e) {
+      return e < o.value ? "finish" : e > o.value ? "wait" : t.status;
+    }
+    function b(e, n) {
+      t.changeable && (p.value = e, c("update:current", e), c("change", e, n));
+    }
+    B($, {
+      orderVersion: r(() => l.value),
+      type: r(() => t.type),
+      current: o,
+      direction: u,
+      labelPlacement: f,
+      lineLess: r(() => t.lineLess),
+      errorSteps: y,
+      register: v,
+      unregister: g,
+      getStep: h,
+      getStatus: x,
+      onClick: b
+    });
+    const z = r(() => [
+      "x-steps",
+      `x-steps-${u.value}`,
+      `x-steps-label-${f.value}`,
+      `x-steps-mode-${t.type}`,
+      {
+        "x-steps-changeable": t.changeable,
+        "x-steps-size-small": t.small && t.type !== "dot",
+        "x-steps-line-less": t.lineLess
+      }
+    ]);
+    return (e, n) => (L(), _("div", {
+      class: w(z.value)
+    }, [
+      P(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  O as default
+};

package/dist/components/XSteps.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XSteps.vue.js";
+export {
+  f as default
+};