x-next 1.3.1 → 1.4.0

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

@@ -1,10 +1,20 @@
-import { defineComponent as K, ref as L, watch as B, computed as i, nextTick as F } from "vue";
+import { defineComponent as K, ref as L, watch as R, computed as i, nextTick as F } from "vue";
 import { getClassNameMixin as Q } from "../../_utils/config.js";
 import { useLocale as Y } from "../../locale/index.js";
-import { getWeekdayLabels as G, getHeaderLabel as J, createDateCells as X, moveViewDate as M, normalizePanelValue as g } from "./utils.js";
-import { dayjs as R } from "../../_utils/date.js";
-const ne = K({
+import { getWeekdayLabels as G, getHeaderLabel as J, createDateCells as X, moveViewDate as B, normalizePanelValue as g } from "./utils.js";
+import { dayjs as I } from "../../_utils/date.js";
+import Z from "../../icons/default/left.js";
+import $ from "../../icons/default/right.js";
+import p from "../../icons/default/double-left.js";
+import ee from "../../icons/default/double-right.js";
+const se = K({
   name: "DatePanel",
+  components: {
+    IconLeft: Z,
+    IconRight: $,
+    IconDoubleLeft: p,
+    IconDoubleRight: ee
+  },
   props: {
     mode: {
       type: String,
@@ -70,26 +80,26 @@ const ne = K({
     cancel: () => !0
   },
   setup(e, { emit: s }) {
-    const x = Q("date-picker"), { t: o, locale: P } = Y(), d = L(e.viewDate || e.value || e.rangeValue[0] || R()), W = L(), v = L("");
-    B(
+    const M = Q("date-picker"), { t: d, locale: P } = Y(), u = L(e.viewDate || e.value || e.rangeValue[0] || I()), W = L(), v = L("");
+    R(
       () => e.viewDate,
       (t) => {
-        t && (d.value = t);
+        t && (u.value = t);
       }
-    ), B(
+    ), R(
       () => [e.value, e.rangeValue[0], e.rangeValue[1], e.mode],
       () => {
         if (e.viewDate) return;
         const t = e.value || e.rangeValue[0] || e.rangeValue[1];
-        t && (d.value = t);
+        t && (u.value = t);
       }
     );
-    const H = i(
+    const x = i(
       () => G(e.dayStartOfWeek, P.value.datePicker)
-    ), _ = i(() => J(d.value, e.mode)), N = i(() => e.mode === "month" ? o("datePicker.thisMonth") : e.mode === "year" ? o("datePicker.thisYear") : e.mode === "quarter" ? o("datePicker.thisQuarter") : e.mode === "week" ? o("datePicker.thisWeek") : o("datePicker.today")), r = i(
+    ), H = i(() => J(u.value, e.mode)), _ = i(() => e.mode === "month" ? d("datePicker.thisMonth") : e.mode === "year" ? d("datePicker.thisYear") : e.mode === "quarter" ? d("datePicker.thisQuarter") : e.mode === "week" ? d("datePicker.thisWeek") : d("datePicker.today")), r = i(
       () => X({
         mode: e.mode,
-        viewDate: d.value,
+        viewDate: u.value,
         selectedValue: e.value,
         rangeValue: e.rangeValue,
         previewRangeValue: e.previewRangeValue,
@@ -101,25 +111,25 @@ const ne = K({
       })
     ), c = i(
       () => e.mode === "date" || e.mode === "week" ? 7 : e.mode === "quarter" ? 2 : 3
-    ), T = i(() => {
+    ), N = i(() => {
       const t = e.mode === "week" ? 8 : c.value;
       return Array.from(
         { length: Math.ceil(r.value.length / t) },
         (a, l) => r.value.slice(l * t, (l + 1) * t)
       );
-    }), k = (t) => !t.isWeekLabel && !t.disabled && t.inView, U = i(() => {
+    }), k = (t) => !t.isWeekLabel && !t.disabled && t.inView, T = i(() => {
       const t = r.value.filter(k);
       return t.find((a) => a.title === v.value) ?? t.find((a) => a.selected || a.rangeStart || a.rangeEnd) ?? t.find((a) => a.today && !a.outView) ?? t.find((a) => !a.outView) ?? t[0];
-    }), j = () => {
+    }), U = () => {
       F(() => {
         var t, a;
         (a = (t = W.value) == null ? void 0 : t.querySelector('[role="gridcell"][tabindex="0"]')) == null || a.focus();
       });
     }, y = (t) => {
-      d.value = t, s("view-date-change", t);
-    }, q = (t, a = !1) => {
-      y(M(d.value, e.mode, t, a)), v.value = "";
-    }, E = (t, a) => {
+      u.value = t, s("view-date-change", t);
+    }, j = (t, a = !1) => {
+      y(B(u.value, e.mode, t, a)), v.value = "";
+    }, q = (t, a) => {
       var C;
       if (!k(a)) return;
       const l = t.key;
@@ -138,52 +148,52 @@ const ne = K({
       const m = e.mode === "date" || e.mode === "week" ? "day" : e.mode === "year" ? "year" : "month", S = e.mode === "quarter" ? 3 : 1;
       let f = l === "ArrowLeft" ? -1 : l === "ArrowRight" ? 1 : l === "ArrowUp" ? -c.value : c.value, n = a.value, w;
       if (l === "Home" || l === "End") {
-        const u = r.value.filter((D) => !D.isWeekLabel), b = u.findIndex((D) => D.title === a.title), V = Math.floor(b / c.value) * c.value, O = Math.min(V + c.value - 1, u.length - 1);
-        n = u[l === "Home" ? V : O].value, w = u[l === "Home" ? O : V].value, f = l === "Home" ? 1 : -1;
-      } else l === "PageUp" || l === "PageDown" ? (f = l === "PageUp" ? -1 : 1, n = M(a.value, e.mode, f, t.shiftKey)) : n = n.add(f * S, m);
-      for (let u = 0; u < 366; u++) {
+        const o = r.value.filter((D) => !D.isWeekLabel), b = o.findIndex((D) => D.title === a.title), V = Math.floor(b / c.value) * c.value, O = Math.min(V + c.value - 1, o.length - 1);
+        n = o[l === "Home" ? V : O].value, w = o[l === "Home" ? O : V].value, f = l === "Home" ? 1 : -1;
+      } else l === "PageUp" || l === "PageDown" ? (f = l === "PageUp" ? -1 : 1, n = B(a.value, e.mode, f, t.shiftKey)) : n = n.add(f * S, m);
+      for (let o = 0; o < 366; o++) {
         const b = g(n, e.mode);
         if (!((C = e.disabledDate) != null && C.call(e, b.toDate()))) break;
-        if (n = n.add(f * S, m), w && (f > 0 ? n.isAfter(w, m) : n.isBefore(w, m)) || u === 365) return;
+        if (n = n.add(f * S, m), w && (f > 0 ? n.isAfter(w, m) : n.isBefore(w, m)) || o === 365) return;
       }
       y(n);
       const h = r.value.find(
-        (u) => !u.isWeekLabel && u.value.isSame(n, m)
+        (o) => !o.isWeekLabel && o.value.isSame(n, m)
       );
-      h && k(h) && (v.value = h.title, A(h), j());
-    }, I = () => {
-      e.mode === "date" && y(d.value.startOf("year"));
+      h && k(h) && (v.value = h.title, A(h), U());
+    }, E = () => {
+      e.mode === "date" && y(u.value.startOf("year"));
     }, z = (t) => {
       t.isWeekLabel || t.disabled || !t.inView || s("select", g(t.value, e.mode, e.dayStartOfWeek));
     }, A = (t) => {
       t.isWeekLabel || t.disabled || !t.inView || s("cell-mouse-enter", g(t.value, e.mode, e.dayStartOfWeek));
     };
     return {
-      t: o,
-      className: x,
+      t: d,
+      className: M,
       cells: r,
-      cellRows: T,
+      cellRows: N,
       panelRef: W,
       activeTitle: v,
-      activeCell: U,
-      handleCellKeydown: E,
-      headerLabel: _,
-      todayLabel: N,
-      weekdayLabels: H,
-      movePanel: q,
-      zoomHeader: I,
+      activeCell: T,
+      handleCellKeydown: q,
+      headerLabel: H,
+      todayLabel: _,
+      weekdayLabels: x,
+      movePanel: j,
+      zoomHeader: E,
       handleSelect: z,
       handleCellMouseEnter: A,
       handleCellMouseLeave: () => {
         s("cell-mouse-leave");
       },
       selectToday: () => {
-        const t = R();
+        const t = I();
         s("select", g(t, e.mode, e.dayStartOfWeek)), y(t);
       }
     };
   }
 });
 export {
-  ne as default
+  se as default
 };

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

@@ -4,7 +4,7 @@ import { Trigger as ia } from "../trigger/index.js";
 import ca from "../_components/picker/input.vue.js";
 import da from "../_components/picker/input-range.vue.js";
 import sa from "../time-picker/TimePanel.vue.js";
-import va from "../../icons/_ui/calendar.js";
+import va from "../../icons/default/calendar.js";
 import { getClassNameMixin as fa } from "../../_utils/config.js";
 import { omit as ma } from "../../_utils/omit.js";
 import { isArray as i } from "../../_utils/is.js";

package/dist/es/components/form/form-item-label.vue.js

@@ -1,54 +1,57 @@
 import u from "./form-item-label.vue2.js";
-import { resolveComponent as s, openBlock as o, createBlock as r, withCtx as a, resolveDynamicComponent as f, mergeProps as h, createElementBlock as m, normalizeClass as n, createElementVNode as t, createCommentVNode as i, renderSlot as v, createVNode as k, createTextVNode as g, toDisplayString as z } from "vue";
-import C from "../../_virtual/_plugin-vue_export-helper.js";
-function N(e, l, b, y, L, q) {
-  const c = s("icon-question-circle"), d = s("Tooltip"), p = s("ResizeObserver");
-  return o(), r(p, { onResize: e.handleResize }, {
+import { resolveComponent as t, openBlock as o, createBlock as s, withCtx as a, resolveDynamicComponent as f, mergeProps as h, createElementBlock as m, normalizeClass as i, createElementVNode as r, createCommentVNode as n, renderSlot as v, createVNode as b, createTextVNode as g, toDisplayString as k } from "vue";
+import z from "../../_virtual/_plugin-vue_export-helper.js";
+function C(e, l, N, y, L, q) {
+  const c = t("icon-question-circle"), d = t("Tooltip"), p = t("ResizeObserver");
+  return o(), s(p, { onResize: e.handleResize }, {
     default: a(() => [
-      (o(), r(f(e.component), h({
+      (o(), s(f(e.component), h({
         ref: "labelRef",
         class: e.className.block
       }, e.attrs), {
         default: a(() => [
           e.required && e.asteriskPosition === "start" ? (o(), m("strong", {
             key: 0,
-            class: n(e.className.modifier("required-symbol"))
+            class: i(e.className.modifier("required-symbol"))
           }, [...l[0] || (l[0] = [
-            t("svg", {
+            r("svg", {
               fill: "currentColor",
               viewBox: "0 0 1024 1024",
               width: "1em",
               height: "1em"
             }, [
-              t("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" })
+              r("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" })
             ], -1)
-          ])], 2)) : i("", !0),
+          ])], 2)) : n("", !0),
           v(e.$slots, "default"),
-          e.tooltip ? (o(), r(d, {
+          e.tooltip ? (o(), s(d, {
             key: 1,
-            content: e.tooltip
+            content: e.tooltip,
+            trigger: ["hover", "focus"]
           }, {
             default: a(() => [
-              k(c, {
-                class: n(e.className.element("tooltip"))
-              }, null, 8, ["class"])
+              b(c, {
+                class: i(e.className.element("tooltip")),
+                "aria-label": e.tooltip,
+                tabindex: "0"
+              }, null, 8, ["class", "aria-label"])
             ]),
             _: 1
-          }, 8, ["content"])) : i("", !0),
+          }, 8, ["content"])) : n("", !0),
           e.required && e.asteriskPosition === "end" ? (o(), m("strong", {
             key: 2,
-            class: n(e.className.modifier("required-symbol"))
+            class: i(e.className.modifier("required-symbol"))
           }, [...l[1] || (l[1] = [
-            t("svg", {
+            r("svg", {
               fill: "currentColor",
               viewBox: "0 0 1024 1024",
               width: "1em",
               height: "1em"
             }, [
-              t("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" })
+              r("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" })
             ], -1)
-          ])], 2)) : i("", !0),
-          g(" " + z(e.showColon ? ":" : ""), 1)
+          ])], 2)) : n("", !0),
+          g(" " + k(e.showColon ? ":" : ""), 1)
         ]),
         _: 3
       }, 16, ["class"]))
@@ -56,7 +59,7 @@ function N(e, l, b, y, L, q) {
     _: 3
   }, 8, ["onResize"]);
 }
-const $ = /* @__PURE__ */ C(u, [["render", N]]);
+const $ = /* @__PURE__ */ z(u, [["render", C]]);
 export {
   $ as default
 };

package/dist/es/components/form/form-item-label.vue2.js

@@ -3,7 +3,7 @@ import p from "../../_container/resize-observer-v2.js";
 import { formInjectionKey as d } from "./context.js";
 import { isNumber as i } from "../../_utils/is.js";
 import { Tooltip as c } from "../tooltip/index.js";
-import b from "../../icons/_self/question-message.js";
+import b from "../../icons/default/question-circle.js";
 import { getClassNameMixin as h } from "../../_utils/config.js";
 const B = s({
   name: "FormItemLabel",

package/dist/es/components/form-checkbox/icon-check.js

@@ -2,49 +2,18 @@ import { defineComponent as t, createVNode as e } from "vue";
 const r = /* @__PURE__ */ t({
   name: "IconCheck",
   render() {
-    return (
-      // <svg
-      //   aria-hidden="true"
-      //   focusable="false"
-      //   viewBox="0 0 1024 1024"
-      //   width="200"
-      //   height="200"
-      //   fill="currentColor"
-      // >
-      //   <path
-      //     d="M877.44815445 206.10060629a64.72691371 64.72691371 0 0 0-95.14856334 4.01306852L380.73381888 685.46812814 235.22771741 533.48933518a64.72691371 64.72691371 0 0 0-92.43003222-1.03563036l-45.82665557 45.82665443a64.72691371 64.72691371 0 0 0-0.90617629 90.61767965l239.61903446 250.10479331a64.72691371 64.72691371 0 0 0 71.19960405 15.14609778 64.33855261 64.33855261 0 0 0 35.08198741-21.23042702l36.24707186-42.71976334 40.5190474-40.77795556-3.36579926-3.49525333 411.40426297-486.74638962a64.72691371 64.72691371 0 0 0-3.88361443-87.64024149l-45.3088404-45.43829334z"
-      //     p-id="840"
-      //   ></path>
-      // </svg>
-      // <svg
-      //   t="1743062401095"
-      //   class="icon"
-      //   viewBox="0 0 1024 1024"
-      //   version="1.1"
-      //   xmlns="http://www.w3.org/2000/svg"
-      //   p-id="7329"
-      //   width="1024"
-      //   height="1024"
-      // >
-      //   <path
-      //     d="M863.576287 208.933543 426.318572 673.529907 128.084167 464.780559 64.132646 496.746598 447.865307 848.494801 959.52557 208.933543Z"
-      //     fill="currentColor"
-      //     p-id="7330"
-      //   ></path>
-      // </svg>
-      e("svg", {
-        "aria-hidden": "true",
-        focusable: "false",
-        viewBox: "0 0 1024 1024",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "1024",
-        height: "1024"
-      }, [e("path", {
-        d: "M954.848 323.424q0 22.848-16 38.848l-491.424 491.424q-16 16-38.848 16t-38.848-16l-284.576-284.576q-16-16-16-38.848t16-38.848l77.728-77.728q16-16 38.848-16t38.848 16l168 168.576 374.848-375.424q16-16 38.848-16t38.848 16l77.728 77.728q16 16 16 38.848z",
-        fill: "currentColor"
-      }, null)])
-    );
+    return e("svg", {
+      "aria-hidden": "true",
+      focusable: "false",
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1024",
+      height: "1024"
+    }, [e("path", {
+      d: "M954.848 323.424q0 22.848-16 38.848l-491.424 491.424q-16 16-38.848 16t-38.848-16l-284.576-284.576q-16-16-16-38.848t16-38.848l77.728-77.728q16-16 38.848-16t38.848 16l168 168.576 374.848-375.424q16-16 38.848-16t38.848 16l77.728 77.728q16 16 16 38.848z",
+      fill: "currentColor"
+    }, null)]);
   }
 });
 export {

package/dist/es/components/form-input/InputPassword.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as d, toRefs as c, ref as v, reactive as b } from "vue";
 import y from "../_components/icon-hover/index.vue.js";
-import I from "../../icons/_self/eye.js";
-import h from "../../icons/_self/eye-invisible.js";
+import I from "../../icons/default/eye.js";
+import h from "../../icons/default/eye-invisible.js";
 import g from "../../_hooks/use-merge-state.js";
 import { useLocale as B } from "../../locale/index.js";
 import R from "./Input.js";

package/dist/es/components/form-input/InputSearch.js

@@ -1,7 +1,7 @@
 import { defineComponent as x, toRefs as S, ref as y, createVNode as r, mergeProps as z, Fragment as B } from "vue";
 import { useLocale as I } from "../../locale/index.js";
 import R from "../_components/icon-hover/index.vue.js";
-import m from "../../icons/_self/search.js";
+import m from "../../icons/default/search.js";
 import C from "../../icons/animation/animation-loading.js";
 import { Button as P } from "../button/index.js";
 import k from "./Input.js";

package/dist/es/components/form-input-number/InputNumber.js

@@ -1,10 +1,10 @@
 import { defineComponent as G, toRefs as J, ref as V, computed as D, watch as p, onUnmounted as Q, createVNode as o, Fragment as Z } from "vue";
 import O from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
 import { isNumber as s, isUndefined as ee } from "../../_utils/is.js";
-import ne from "../../icons/_self/up.js";
-import ue from "../../icons/_self/down.js";
-import te from "../../icons/_self/plus.js";
-import ae from "../../icons/_self/minus.js";
+import ne from "../../icons/default/up.js";
+import ue from "../../icons/default/down.js";
+import te from "../../icons/default/plus.js";
+import ae from "../../icons/default/minus.js";
 import E from "../button/Button.js";
 import { Input as le } from "../form-input/index.js";
 import { useFormItem as ie } from "../../_hooks/use-form-item.js";