x-next 1.3.1 → 1.5.0

package/dist/es/components/tag/Tag.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as g, toRefs as B, computed as l, ref as f } from "vue";
+import { defineComponent as g, toRefs as B, computed as o, ref as r } from "vue";
 import _ from "../_components/icon-hover/index.vue.js";
-import z from "../../icons/animation/animation-loading.js";
-import I from "../../icons/default/close.js";
-import { TAG_COLORS as r } from "./interface.js";
-import { getClassNameMixin as L } from "../../_utils/config.js";
-import { useLocale as S } from "../../locale/index.js";
+import L from "../../icons/animation/animation-loading.js";
+import S from "../../icons/default/close.js";
+import { TAG_COLORS as f } from "./interface.js";
+import { getClassNameMixin as z } from "../../_utils/config.js";
+import { useLocale as A } from "../../locale/index.js";
 const T = g({
   name: "Tag",
   components: {
     IconHover: _,
-    Close: I,
-    AnimationLoading: z
+    Close: S,
+    AnimationLoading: L
   },
   props: {
     /**
@@ -106,6 +106,13 @@ const T = g({
     nowrap: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * @zh 关闭按钮的无障碍名称，默认“关闭标签”
+     * @en Accessible name of the close button, defaults to "关闭标签"
+     */
+    closeAriaLabel: {
+      type: String
     }
   },
   emits: {
@@ -136,39 +143,39 @@ const T = g({
    * @slot close-icon
    */
   setup(e, { emit: t }) {
-    const { size: m } = B(e), o = L("tag"), { t: v } = S(), b = l(() => e.color && r.includes(e.color)), d = l(() => e.color && !r.includes(e.color)), n = f(e.defaultVisible), u = f(e.defaultChecked), s = l(() => e.visible ?? n.value), c = l(
+    const { size: m } = B(e), l = z("tag"), { t: v } = A(), b = o(() => e.color && f.includes(e.color)), d = o(() => e.color && !f.includes(e.color)), n = r(e.defaultVisible), u = r(e.defaultChecked), s = o(() => e.visible ?? n.value), a = o(
       () => e.selectable ? e.checked ?? u.value : !0
-    ), h = (a) => {
-      n.value = !1, t("update:visible", !1), t("close", a);
-    }, k = (a) => {
+    ), h = (c) => {
+      n.value = !1, t("update:visible", !1), t("close", c);
+    }, k = (c) => {
       if (e.selectable) {
-        const i = !c.value;
-        u.value = i, t("update:checked", i), t("check", i, a);
+        const i = !a.value;
+        u.value = i, t("update:checked", i), t("check", i, c);
       }
-    }, C = l(() => [
-      o.block,
-      o.modifier(`size-${m.value}`),
+    }, C = o(() => [
+      l.block,
+      l.modifier(`size-${m.value}`),
       {
-        [o.modifier("loading")]: e.loading,
-        [o.modifier("hide")]: !s.value,
-        [o.modifier(`color-${e == null ? void 0 : e.color}`)]: b.value,
-        [o.modifier("bordered")]: e.bordered,
-        [o.modifier("selectable")]: e.selectable,
-        [o.modifier("checked")]: c.value,
-        [o.modifier("custom-color")]: d.value
+        [l.modifier("loading")]: e.loading,
+        [l.modifier("hide")]: !s.value,
+        [l.modifier(`color-${e == null ? void 0 : e.color}`)]: b.value,
+        [l.modifier("bordered")]: e.bordered,
+        [l.modifier("selectable")]: e.selectable,
+        [l.modifier("checked")]: a.value,
+        [l.modifier("custom-color")]: d.value
       }
-    ]), y = l(() => {
-      if (d.value)
+    ]), y = o(() => {
+      if (d.value && a.value)
         return {
           backgroundColor: e.color
         };
     });
     return {
-      className: o,
+      className: l,
       cls: C,
       style: y,
       computedVisible: s,
-      computedChecked: c,
+      computedChecked: a,
       handleClick: k,
       handleClose: h,
       t: v

package/dist/es/components/time-picker/TimePanel.vue.js

@@ -1,69 +1,70 @@
 import k from "./TimePanel.vue2.js";
-import { resolveComponent as m, openBlock as o, createElementBlock as l, withModifiers as C, normalizeClass as t, createElementVNode as d, Fragment as N, renderList as y, createBlock as r, withCtx as c, createTextVNode as u, toDisplayString as p, createCommentVNode as n, renderSlot as w } from "vue";
-import h from "../../_virtual/_plugin-vue_export-helper.js";
-function v(e, a, $, B, S, F) {
+import { resolveComponent as m, openBlock as o, createElementBlock as n, withModifiers as y, normalizeStyle as C, normalizeClass as l, createElementVNode as c, Fragment as N, renderList as h, createBlock as r, withCtx as d, createTextVNode as u, toDisplayString as p, createCommentVNode as s, renderSlot as w } from "vue";
+import v from "../../_virtual/_plugin-vue_export-helper.js";
+function $(e, a, S, B, z, F) {
   const f = m("TimeColumn"), i = m("Button");
-  return o(), l("div", {
-    class: t(e.className.element("panel")),
-    onMousedown: a[0] || (a[0] = C(() => {
+  return o(), n("div", {
+    class: l(e.className.element("panel")),
+    style: C({ "--x-time-picker-column-count": e.columns.length }),
+    onMousedown: a[0] || (a[0] = y(() => {
     }, ["prevent"]))
   }, [
-    d("div", {
-      class: t(e.className.element("columns"))
+    c("div", {
+      class: l(e.className.element("columns"))
     }, [
-      (o(!0), l(N, null, y(e.columns, (s) => (o(), r(f, {
-        key: s,
-        type: s,
-        label: e.columnLabels[s],
-        items: e.lists[s],
+      (o(!0), n(N, null, h(e.columns, (t) => (o(), r(f, {
+        key: t,
+        type: t,
+        label: e.columnLabels[t],
+        items: e.lists[t],
         onSelect: e.handleColumnSelect
       }, null, 8, ["type", "label", "items", "onSelect"]))), 128))
     ], 2),
-    !e.hideFooter || e.$slots.extra ? (o(), l("div", {
+    !e.hideFooter || e.$slots.extra ? (o(), n("div", {
       key: 0,
-      class: t(e.className.element("footer"))
+      class: l(e.className.element("footer"))
     }, [
-      d("div", {
-        class: t(e.className.element("footer-left"))
+      c("div", {
+        class: l(e.className.element("footer-left"))
       }, [
-        e.hideFooter ? n("", !0) : (o(), r(i, {
+        e.hideFooter ? s("", !0) : (o(), r(i, {
           key: 0,
           type: "text",
           size: "mini",
           narrow: "",
-          class: t(e.className.element("now")),
+          class: l(e.className.element("now")),
           onClick: e.handleNow
         }, {
-          default: c(() => [
+          default: d(() => [
             u(p(e.t("timePicker.now")), 1)
           ]),
           _: 1
         }, 8, ["class", "onClick"])),
-        e.$slots.extra ? (o(), l("div", {
+        e.$slots.extra ? (o(), n("div", {
           key: 1,
-          class: t(e.className.element("extra"))
+          class: l(e.className.element("extra"))
         }, [
           w(e.$slots, "extra")
-        ], 2)) : n("", !0)
+        ], 2)) : s("", !0)
       ], 2),
-      e.hideFooter ? n("", !0) : (o(), r(i, {
+      e.hideFooter ? s("", !0) : (o(), r(i, {
         key: 0,
         type: "text",
         status: "info",
         size: "mini",
         narrow: "",
-        class: t(e.className.element("confirm")),
+        class: l(e.className.element("confirm")),
         onClick: e.handleConfirm
       }, {
-        default: c(() => [
+        default: d(() => [
           u(p(e.t("timePicker.ok")), 1)
         ]),
         _: 1
       }, 8, ["class", "onClick"]))
-    ], 2)) : n("", !0)
-  ], 34);
+    ], 2)) : s("", !0)
+  ], 38);
 }
-const P = /* @__PURE__ */ h(k, [["render", v]]);
+const P = /* @__PURE__ */ v(k, [["render", $]]);
 export {
   P as default
 };

package/dist/es/components/time-picker/TimePicker.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as ge, useAttrs as Ve, toRefs as he, computed as r, ref
 import { Trigger as ye } from "../trigger/index.js";
 import be from "../_components/picker/input.vue.js";
 import Pe from "../_components/picker/input-range.vue.js";
-import H from "../../icons/_ui/time.js";
+import H from "../../icons/default/clock-circle.js";
 import { getClassNameMixin as Se } from "../../_utils/config.js";
 import { omit as Ie } from "../../_utils/omit.js";
 import { isArray as s, isUndefined as Ce } from "../../_utils/is.js";

package/dist/es/components/time-picker/TimeRangePanel.js

@@ -1,13 +1,13 @@
-import { defineComponent as h, ref as w, watch as S, createVNode as t, isVNode as k } from "vue";
-import { getClassNameMixin as x } from "../../_utils/config.js";
-import F from "./TimePanel.vue.js";
-import { getNowTime as p } from "./utils.js";
+import { defineComponent as k, ref as w, computed as x, watch as S, createVNode as t, isVNode as F } from "vue";
+import { getClassNameMixin as C } from "../../_utils/config.js";
+import H from "./TimePanel.vue.js";
+import { getVisibleColumns as N, getNowTime as O } from "./utils.js";
 import { Button as f } from "../button/index.js";
-import { useLocale as N } from "../../locale/index.js";
+import { useLocale as P } from "../../locale/index.js";
 function b(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !F(e);
 }
-const B = /* @__PURE__ */ h({
+const I = /* @__PURE__ */ k({
   name: "TimeRangePanel",
   props: {
     value: {
@@ -46,29 +46,32 @@ const B = /* @__PURE__ */ h({
   },
   slots: Object,
   emits: {
-    select: (e, d) => !0,
+    select: (e, u) => !0,
     confirm: () => !0
   },
   setup(e, {
-    emit: d,
-    slots: u
+    emit: u,
+    slots: d
   }) {
-    const n = x("time-picker"), {
+    const n = C("time-picker"), {
       t: r
-    } = N(), i = w(e.focusedIndex);
+    } = P(), i = w(e.focusedIndex), v = x(() => N(e.format, e.use12Hours).length);
     S(() => e.focusedIndex, (o) => {
       i.value = o;
     });
     const c = (o, a) => {
       const l = [...e.value];
-      l[a] = o, i.value = a, d("select", l, a);
-    }, v = () => {
-      c(p(), i.value);
+      l[a] = o, i.value = a, u("select", l, a);
+    }, g = () => {
+      c(O(), i.value);
     };
     return () => {
       let o, a;
       return t("div", {
         class: n.element("range-panel"),
+        style: {
+          "--x-time-picker-range-column-count": v.value
+        },
         onMousedown: (l) => l.preventDefault()
       }, [t("div", {
         class: n.element("range-body")
@@ -85,7 +88,7 @@ const B = /* @__PURE__ */ h({
           }
         }, [t("div", {
           class: n.element("range-header")
-        }, [t("span", null, [y]), t("strong", null, [((m = e.value[s]) == null ? void 0 : m.format(e.format)) ?? "--:--:--"])]), t(F, {
+        }, [t("span", null, [y]), t("strong", null, [((m = e.value[s]) == null ? void 0 : m.format(e.format)) ?? "--:--:--"])]), t(H, {
           value: e.value[s],
           format: e.format,
           use12Hours: e.use12Hours,
@@ -95,9 +98,9 @@ const B = /* @__PURE__ */ h({
           disabledSeconds: e.disabledSeconds,
           hideDisabledOptions: e.hideDisabledOptions,
           hideFooter: !0,
-          onSelect: (g) => c(g, s)
+          onSelect: (h) => c(h, s)
         }, null)]);
-      })]), (!e.hideFooter || u.extra) && t("div", {
+      })]), (!e.hideFooter || d.extra) && t("div", {
         class: n.element("footer")
       }, [t("div", {
         class: n.element("footer-left")
@@ -106,18 +109,18 @@ const B = /* @__PURE__ */ h({
         size: "mini",
         narrow: !0,
         class: n.element("now"),
-        onClick: v
+        onClick: g
       }, b(o = r("timePicker.now")) ? o : {
         default: () => [o]
-      }), u.extra && t("div", {
+      }), d.extra && t("div", {
         class: n.element("extra")
-      }, [u.extra()])]), !e.hideFooter && t(f, {
+      }, [d.extra()])]), !e.hideFooter && t(f, {
         type: "text",
         status: "info",
         size: "mini",
         narrow: !0,
         class: n.element("confirm"),
-        onClick: () => d("confirm")
+        onClick: () => u("confirm")
       }, b(a = r("timePicker.ok")) ? a : {
         default: () => [a]
       })])]);
@@ -125,5 +128,5 @@ const B = /* @__PURE__ */ h({
   }
 });
 export {
-  B as default
+  I as default
 };