x-next 1.0.0 → 1.1.0

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

@@ -0,0 +1,60 @@
+const e = {
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  // 按钮的宽度是否随容器自适应
+  block: Boolean,
+  // 按钮是否为加载中状态
+  loading: Boolean,
+  // 按钮是否为加载中状态，且填充
+  loadingFill: {
+    type: Boolean,
+    default: !1
+  },
+  // debounce时间，即击按钮后，按钮状态保持loading状态的时间
+  debounce: {
+    type: Number,
+    default: 0
+  },
+  shape: {
+    type: String,
+    default: void 0
+  },
+  link: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: String,
+    default: "default"
+  },
+  htmlType: {
+    type: String,
+    default: "button"
+  },
+  status: {
+    type: String,
+    default: "default"
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: String,
+    default: void 0
+  },
+  border: {
+    type: Boolean,
+    default: !0
+  },
+  // 按钮是否为窄按钮，无边距(padding)按钮
+  narrow: {
+    type: Boolean,
+    default: !1
+  }
+};
+export {
+  e as buttonProps
+};

package/dist/es/components/config-provider/ConfigProvider.js

@@ -0,0 +1,97 @@
+import { defineComponent as y, ref as p, provide as c, toRefs as s, computed as C, watchPostEffect as v, onBeforeUnmount as h, createVNode as m, Fragment as P, mergeProps as k } from "vue";
+import { getClassNameMixin as S } from "../../_utils/config.js";
+import { applyThemeColor as j, getThemeColorProperties as N } from "../../_utils/palette.js";
+import { localeInjectionKey as T } from "../../locale/index.js";
+import { configProviderInjectionKey as b } from "./context.js";
+const R = /* @__PURE__ */ y({
+  name: "ConfigProvider",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * @zh 全局组件尺寸，子组件未显式指定时生效
+     * @en Global component size, used when a child does not specify one
+     */
+    size: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 语言包，未传入时使用全局默认语言
+     * @en Locale pack; falls back to the global default locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * @zh 主题色种子，会派生整条色阶并写入包裹元素
+     * @en Theme color seed; derives the whole palette onto the wrapper element
+     */
+    themeColor: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 是否使用暗色色阶
+     * @en Whether to derive the dark palette
+     */
+    dark: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 包裹元素标签；不需要额外 DOM 时可设为 null
+     * @en Wrapper tag; set to null to avoid an extra DOM node
+     */
+    tag: {
+      type: [String, null],
+      default: "div"
+    }
+  },
+  setup(e, {
+    slots: t,
+    attrs: u
+  }) {
+    const g = S("config-provider"), a = p(null);
+    c(b, {
+      ...s(e),
+      slots: t
+    }), e.locale && c(T, C(() => e.locale));
+    let l = [];
+    const f = () => {
+      const r = a.value;
+      if (r)
+        for (const o of l)
+          r.style.removeProperty(o);
+      l = [];
+    };
+    return v(() => {
+      const r = e.themeColor, o = e.dark, n = a.value;
+      f(), !(!n || !r) && (j(r, {
+        target: n,
+        dark: o
+      }), l = N("primary"));
+    }), h(f), () => {
+      var i;
+      const {
+        class: r,
+        style: o,
+        ...n
+      } = u;
+      return e.tag === null ? m(P, null, [(i = t.default) == null ? void 0 : i.call(t)]) : m(e.tag, k(n, {
+        ref: a,
+        class: [g.block, r],
+        style: o,
+        "data-theme": e.dark ? "dark" : void 0
+      }), {
+        default: () => {
+          var d;
+          return [(d = t.default) == null ? void 0 : d.call(t)];
+        }
+      });
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/es/components/config-provider/context.js

@@ -0,0 +1,4 @@
+const o = Symbol("XConfigProvider");
+export {
+  o as configProviderInjectionKey
+};

package/dist/es/components/config-provider/index.js

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

package/dist/es/components/date-picker/DatePanel.vue.js

@@ -0,0 +1,159 @@
+import b from "./DatePanel.vue2.js";
+import { openBlock as s, createElementBlock as n, withKeys as N, normalizeClass as l, createElementVNode as i, createCommentVNode as o, toDisplayString as r, Fragment as d, renderList as u, renderSlot as k, createTextVNode as y } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["aria-label"], w = ["aria-label"], $ = ["aria-label"], g = ["aria-label"], C = { key: 0 }, P = ["title", "disabled", "aria-selected", "onMouseenter", "onClick"], f = ["onClick"];
+function h(e, t, L, S, E, M) {
+  return s(), n("div", {
+    class: l([
+      e.className.element("panel"),
+      e.className.modifier(`mode-${e.mode}`),
+      { [e.className.is("show-lunar")]: e.showLunar && e.mode === "date" }
+    ]),
+    onKeydown: t[8] || (t[8] = N((a) => e.$emit("cancel"), ["esc"]))
+  }, [
+    i("div", {
+      class: l([
+        e.className.element("header"),
+        e.className.element(`header-${e.panelPosition}`)
+      ])
+    }, [
+      e.panelPosition !== "right" ? (s(), n("button", {
+        key: 0,
+        type: "button",
+        class: l(e.className.element("header-btn")),
+        "aria-label": e.t("datePicker.prevPage"),
+        onClick: t[0] || (t[0] = (a) => e.movePanel(-1, !0))
+      }, " « ", 10, v)) : o("", !0),
+      e.panelPosition !== "right" ? (s(), n("button", {
+        key: 1,
+        type: "button",
+        class: l(e.className.element("header-btn")),
+        "aria-label": e.t("datePicker.prevItem"),
+        onClick: t[1] || (t[1] = (a) => e.movePanel(-1))
+      }, " ‹ ", 10, w)) : o("", !0),
+      i("button", {
+        type: "button",
+        class: l(e.className.element("header-label")),
+        onClick: t[2] || (t[2] = (...a) => e.zoomHeader && e.zoomHeader(...a))
+      }, r(e.headerLabel), 3),
+      e.panelPosition !== "left" ? (s(), n("button", {
+        key: 2,
+        type: "button",
+        class: l(e.className.element("header-btn")),
+        "aria-label": e.t("datePicker.nextItem"),
+        onClick: t[3] || (t[3] = (a) => e.movePanel(1))
+      }, " › ", 10, $)) : o("", !0),
+      e.panelPosition !== "left" ? (s(), n("button", {
+        key: 3,
+        type: "button",
+        class: l(e.className.element("header-btn")),
+        "aria-label": e.t("datePicker.nextPage"),
+        onClick: t[4] || (t[4] = (a) => e.movePanel(1, !0))
+      }, " » ", 10, g)) : o("", !0)
+    ], 2),
+    e.mode === "date" || e.mode === "week" ? (s(), n("div", {
+      key: 0,
+      class: l([
+        e.className.element("weekdays"),
+        { [e.className.is("week-mode")]: e.mode === "week" }
+      ])
+    }, [
+      e.mode === "week" ? (s(), n("span", C, r(e.t("datePicker.weekColumn")), 1)) : o("", !0),
+      (s(!0), n(d, null, u(e.weekdayLabels, (a) => (s(), n("span", { key: a }, r(a), 1))), 128))
+    ], 2)) : o("", !0),
+    i("div", {
+      class: l([
+        e.className.element("body"),
+        e.className.element(`body-${e.mode}`)
+      ]),
+      role: "grid"
+    }, [
+      (s(!0), n(d, null, u(e.cells, (a) => (s(), n("button", {
+        key: a.title,
+        type: "button",
+        title: a.title,
+        disabled: a.isWeekLabel || a.disabled || !a.inView,
+        "aria-selected": !a.isWeekLabel && (a.selected || a.rangeStart || a.rangeEnd),
+        onMouseenter: (m) => e.handleCellMouseEnter(a),
+        onMouseleave: t[5] || (t[5] = (...m) => e.handleCellMouseLeave && e.handleCellMouseLeave(...m)),
+        class: l([
+          e.className.element("cell"),
+          {
+            [e.className.is("out-view")]: a.outView,
+            [e.className.is("today")]: a.today,
+            [e.className.is("selected")]: a.selected,
+            [e.className.is("range-start")]: a.rangeStart,
+            [e.className.is("range-end")]: a.rangeEnd,
+            [e.className.is("in-range")]: a.inRange,
+            [e.className.is("preview-range-start")]: a.previewRangeStart,
+            [e.className.is("preview-range-end")]: a.previewRangeEnd,
+            [e.className.is("in-preview-range")]: a.inPreviewRange,
+            [e.className.is("disabled")]: a.disabled,
+            [e.className.is("week-label")]: a.isWeekLabel,
+            [e.className.is("week-start")]: a.weekStart,
+            [e.className.is("week-end")]: a.weekEnd,
+            [e.className.is("week-selected")]: a.weekSelected
+          }
+        ]),
+        onClick: (m) => e.handleSelect(a)
+      }, [
+        i("span", {
+          class: l(e.className.element("cell-date"))
+        }, [
+          i("span", {
+            class: l(e.className.element("cell-inner"))
+          }, [
+            k(e.$slots, "cell", {
+              date: a.value.toDate(),
+              label: a.label
+            }, () => [
+              y(r(a.label), 1)
+            ])
+          ], 2)
+        ], 2),
+        a.lunar && !e.$slots.cell ? (s(), n("span", {
+          key: 0,
+          class: l(e.className.element("cell-lunar"))
+        }, r(a.lunar.displayText), 3)) : o("", !0)
+      ], 42, P))), 128))
+    ], 2),
+    e.shortcuts.length || e.$slots.extra ? (s(), n("div", {
+      key: 1,
+      class: l(e.className.element("shortcuts"))
+    }, [
+      (s(!0), n(d, null, u(e.shortcuts, (a) => (s(), n("button", {
+        key: String(a.label),
+        type: "button",
+        class: l(e.className.element("shortcut")),
+        onClick: (m) => e.$emit("shortcut", a)
+      }, r(a.label), 11, f))), 128)),
+      e.$slots.extra ? (s(), n("div", {
+        key: 0,
+        class: l(e.className.element("extra"))
+      }, [
+        k(e.$slots, "extra")
+      ], 2)) : o("", !0)
+    ], 2)) : o("", !0),
+    e.showToday || e.showConfirmBtn ? (s(), n("div", {
+      key: 2,
+      class: l(e.className.element("footer"))
+    }, [
+      e.showToday ? (s(), n("button", {
+        key: 0,
+        type: "button",
+        class: l([e.className.element("footer-btn"), e.className.element("today")]),
+        onClick: t[6] || (t[6] = (...a) => e.selectToday && e.selectToday(...a))
+      }, r(e.todayLabel), 3)) : o("", !0),
+      e.showConfirmBtn ? (s(), n("button", {
+        key: 1,
+        type: "button",
+        class: l([e.className.element("footer-btn"), e.className.element("confirm")]),
+        onClick: t[7] || (t[7] = (a) => e.$emit("confirm"))
+      }, r(e.t("datePicker.ok")), 3)) : o("", !0)
+    ], 2)) : o("", !0)
+  ], 34);
+}
+const R = /* @__PURE__ */ p(b, [["render", h]]);
+export {
+  R as default
+};

package/dist/es/components/date-picker/DatePanel.vue2.js

@@ -0,0 +1,136 @@
+import { defineComponent as w, ref as V, watch as o, computed as u } from "vue";
+import { getClassNameMixin as k } from "../../_utils/config.js";
+import { useLocale as g } from "../../locale/index.js";
+import { getWeekdayLabels as b, getHeaderLabel as D, createDateCells as L, moveViewDate as P, normalizePanelValue as i } from "./utils.js";
+import { dayjs as c } from "../../_utils/date.js";
+const z = w({
+  name: "DatePanel",
+  props: {
+    mode: {
+      type: String,
+      default: "date"
+    },
+    value: {
+      type: Object
+    },
+    rangeValue: {
+      type: Array,
+      default: () => []
+    },
+    previewRangeValue: {
+      type: Array,
+      default: () => []
+    },
+    isRange: {
+      type: Boolean,
+      default: !1
+    },
+    viewDate: {
+      type: Object
+    },
+    panelPosition: {
+      type: String,
+      default: "single"
+    },
+    dayStartOfWeek: {
+      type: Number,
+      default: 0
+    },
+    disabledDate: {
+      type: Function
+    },
+    showLunar: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    hideNotInViewDates: {
+      type: Boolean,
+      default: !1
+    },
+    shortcuts: {
+      type: Array,
+      default: () => []
+    },
+    showToday: {
+      type: Boolean,
+      default: !0
+    },
+    showConfirmBtn: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: {
+    select: (e) => !0,
+    "view-date-change": (e) => !0,
+    "cell-mouse-enter": (e) => !0,
+    "cell-mouse-leave": () => !0,
+    shortcut: (e) => !0,
+    confirm: () => !0,
+    cancel: () => !0
+  },
+  setup(e, { emit: n }) {
+    const f = k("date-picker"), { t: l, locale: r } = g(), t = V(e.viewDate || e.value || e.rangeValue[0] || c());
+    o(
+      () => e.viewDate,
+      (a) => {
+        a && (t.value = a);
+      }
+    ), o(
+      () => [e.value, e.rangeValue[0], e.rangeValue[1], e.mode],
+      () => {
+        if (e.viewDate) return;
+        const a = e.value || e.rangeValue[0] || e.rangeValue[1];
+        a && (t.value = a);
+      }
+    );
+    const s = u(
+      () => b(e.dayStartOfWeek, r.value.datePicker)
+    ), m = u(() => D(t.value, e.mode)), y = u(() => e.mode === "month" ? l("datePicker.thisMonth") : e.mode === "year" ? l("datePicker.thisYear") : e.mode === "quarter" ? l("datePicker.thisQuarter") : e.mode === "week" ? l("datePicker.thisWeek") : l("datePicker.today")), v = u(
+      () => L({
+        mode: e.mode,
+        viewDate: t.value,
+        selectedValue: e.value,
+        rangeValue: e.rangeValue,
+        previewRangeValue: e.previewRangeValue,
+        dayStartOfWeek: e.dayStartOfWeek,
+        hideNotInViewDates: e.hideNotInViewDates,
+        disabledDate: e.disabledDate,
+        showLunar: e.showLunar,
+        locale: r.value.datePicker
+      })
+    ), d = (a) => {
+      t.value = a, n("view-date-change", a);
+    };
+    return {
+      t: l,
+      className: f,
+      cells: v,
+      headerLabel: m,
+      todayLabel: y,
+      weekdayLabels: s,
+      movePanel: (a, h = !1) => {
+        d(P(t.value, e.mode, a, h));
+      },
+      zoomHeader: () => {
+        e.mode === "date" && d(t.value.startOf("year"));
+      },
+      handleSelect: (a) => {
+        a.isWeekLabel || a.disabled || !a.inView || n("select", i(a.value, e.mode, e.dayStartOfWeek));
+      },
+      handleCellMouseEnter: (a) => {
+        a.isWeekLabel || a.disabled || !a.inView || n("cell-mouse-enter", i(a.value, e.mode, e.dayStartOfWeek));
+      },
+      handleCellMouseLeave: () => {
+        n("cell-mouse-leave");
+      },
+      selectToday: () => {
+        const a = c();
+        n("select", i(a, e.mode, e.dayStartOfWeek)), d(a);
+      }
+    };
+  }
+});
+export {
+  z as default
+};