x-next 1.1.0 → 1.3.0

package/dist/es/components/_components/picker/input.vue.js

@@ -1,29 +1,26 @@
-import c from "./input.vue2.js";
-import { resolveComponent as r, openBlock as n, createElementBlock as t, normalizeClass as l, renderSlot as m, createCommentVNode as i, createElementVNode as a, mergeProps as k, withKeys as b, createBlock as d, withCtx as y, createVNode as C } from "vue";
+import k from "./input.vue2.js";
+import { resolveComponent as r, openBlock as n, createElementBlock as i, mergeProps as m, normalizeClass as l, renderSlot as d, createCommentVNode as t, createElementVNode as a, withKeys as y, createBlock as p, withCtx as C, createVNode as b } from "vue";
 import N from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = ["disabled", "placeholder", "value"];
-function I(e, o, g, $, B, F) {
-  const p = r("IconClose"), u = r("IconHover"), f = r("FeedbackIcon");
-  return n(), t("div", {
-    class: l(e.classNames)
-  }, [
-    e.$slots.prefix ? (n(), t("div", {
+const v = ["disabled", "placeholder", "value", "readonly"];
+function I(e, o, g, $, B, w) {
+  const u = r("IconClose"), f = r("IconHover"), c = r("FeedbackIcon");
+  return n(), i("div", m(e.wrapperAttrs, { class: e.classNames }), [
+    e.$slots.prefix ? (n(), i("div", {
       key: 0,
       class: l(e.className.element("prefix"))
     }, [
-      m(e.$slots, "prefix")
-    ], 2)) : i("", !0),
+      d(e.$slots, "prefix")
+    ], 2)) : t("", !0),
     a("div", {
       class: l(e.className.element("input"))
     }, [
-      a("input", k({
-        ref: "refInput",
+      a("input", m({ ref: "refInput" }, e.formControlAttrs, {
         disabled: e.mergedDisabled,
         placeholder: e.placeholder,
         class: e.className.element("start-time"),
-        value: e.displayValue
-      }, e.readonly ? { readonly: !0 } : {}, {
-        onKeydown: o[0] || (o[0] = b((...s) => e.onPressEnter && e.onPressEnter(...s), ["enter"])),
+        value: e.displayValue,
+        readonly: e.readonly || void 0,
+        onKeydown: o[0] || (o[0] = y((...s) => e.onPressEnter && e.onPressEnter(...s), ["enter"])),
         onInput: o[1] || (o[1] = (...s) => e.onChange && e.onChange(...s)),
         onFocus: o[2] || (o[2] = (...s) => e.onFocus && e.onFocus(...s)),
         onBlur: o[3] || (o[3] = (...s) => e.onBlur && e.onBlur(...s))
@@ -32,7 +29,7 @@ function I(e, o, g, $, B, F) {
     a("div", {
       class: l(e.className.element("suffix"))
     }, [
-      e.allowClear && !e.mergedDisabled && e.displayValue ? (n(), d(u, {
+      e.allowClear && !e.mergedDisabled && e.displayValue ? (n(), p(f, {
         key: 0,
         as: "button",
         "aria-label": e.t("common.clearTarget", { target: e.t(e.clearTargetKey) }),
@@ -40,24 +37,24 @@ function I(e, o, g, $, B, F) {
         class: l(e.className.element("clear-icon")),
         onClick: e.onClear
       }, {
-        default: y(() => [
-          C(p)
+        default: C(() => [
+          b(u)
         ]),
         _: 1
-      }, 8, ["aria-label", "prefix", "class", "onClick"])) : i("", !0),
+      }, 8, ["aria-label", "prefix", "class", "onClick"])) : t("", !0),
       a("span", {
         class: l(e.className.element("suffix-icon"))
       }, [
-        m(e.$slots, "suffix-icon")
+        d(e.$slots, "suffix-icon")
       ], 2),
-      e.feedback ? (n(), d(f, {
+      e.feedback ? (n(), p(c, {
         key: 1,
         type: e.feedback
-      }, null, 8, ["type"])) : i("", !0)
+      }, null, 8, ["type"])) : t("", !0)
     ], 2)
-  ], 2);
+  ], 16);
 }
-const D = /* @__PURE__ */ N(c, [["render", I]]);
+const D = /* @__PURE__ */ N(k, [["render", I]]);
 export {
   D as default
 };

package/dist/es/components/_components/picker/input.vue2.js

@@ -1,18 +1,22 @@
-import { defineComponent as C, toRefs as z, computed as i, ref as B } from "vue";
-import { isDayjs as F, isFunction as k } from "../../../_utils/is.js";
-import x from "../../../icons/default/close-circle-fill.js";
-import D from "../icon-hover/index.vue.js";
-import { useFormItem as N } from "../../../_hooks/use-form-item.js";
-import { useLocale as _ } from "../../../locale/index.js";
-import { useSize as j } from "../../../_hooks/use-size.js";
-import E from "../feedback-icon/index.vue.js";
-import { getClassNameMixin as q } from "../../../_utils/config.js";
-const $ = C({
+import { defineComponent as j, toRefs as x, computed as a, ref as A } from "vue";
+import { isDayjs as E, isFunction as k } from "../../../_utils/is.js";
+import O from "../../../icons/default/close-circle-fill.js";
+import _ from "../icon-hover/index.vue.js";
+import { useFormItem as D, useFormItemControl as T } from "../../../_hooks/use-form-item.js";
+import { useLocale as w } from "../../../locale/index.js";
+import { useSize as P } from "../../../_hooks/use-size.js";
+import { INPUT_EVENTS as m } from "../../../_utils/constant.js";
+import W from "../../../_utils/pick.js";
+import { omit as q } from "../../../_utils/omit.js";
+import H from "../feedback-icon/index.vue.js";
+import { getClassNameMixin as K } from "../../../_utils/config.js";
+const re = j({
   name: "DateInput",
+  inheritAttrs: !1,
   components: {
-    IconHover: D,
-    IconClose: x,
-    FeedbackIcon: E
+    IconHover: _,
+    IconClose: O,
+    FeedbackIcon: H
   },
   props: {
     size: {
@@ -55,48 +59,59 @@ const $ = C({
     }
   },
   emits: ["clear", "press-enter", "change", "focus", "blur"],
-  setup(l, { emit: s, slots: u }) {
-    const { t: f } = _(), { error: c, focused: m, disabled: p, size: d, value: o, format: n, inputValue: t } = z(l), {
-      mergedSize: g,
-      mergedDisabled: a,
-      mergedError: v,
+  setup(f, { emit: s, slots: c, attrs: i }) {
+    const { t: u } = w(), { error: p, focused: d, disabled: g, size: v, value: o, format: n, inputValue: t } = x(f), {
+      formItemCtx: b,
+      mergedSize: h,
+      mergedDisabled: l,
+      mergedError: I,
       feedback: y
-    } = N({ size: d, disabled: p, error: c }), { mergedSize: b } = j(g), e = q("picker"), h = i(() => [
-      e.block,
-      e.modifier(`size-${b.value}`),
+    } = D({ size: v, disabled: g, error: p }), { mergedSize: C } = P(h), S = a(() => q(i, [
+      ...m,
+      ...Object.keys(i).filter((e) => e.startsWith("aria-") || e === "role")
+    ])), z = T(b, () => ({
+      ...W(i, m),
+      ...Object.fromEntries(
+        Object.entries(i).filter(([e]) => e.startsWith("aria-") || e === "role")
+      )
+    })), r = K("picker"), F = a(() => [
+      r.block,
+      r.modifier(`size-${C.value}`),
       {
-        [e.modifier("focused")]: m.value,
-        [e.modifier("disabled")]: a.value,
-        [e.modifier("error")]: v.value,
-        [e.modifier("has-prefix")]: u.prefix
+        [r.modifier("focused")]: d.value,
+        [r.modifier("disabled")]: l.value,
+        [r.modifier("error")]: I.value,
+        [r.modifier("has-prefix")]: c.prefix
       }
-    ]), I = i(() => {
+    ]), N = a(() => {
       if (t != null && t.value) return t == null ? void 0 : t.value;
-      if (o != null && o.value && F(o.value))
+      if (o != null && o.value && E(o.value))
         return k(n.value) ? n.value(o.value) : o.value.format(n.value);
-    }), S = B();
+    }), B = A();
     return {
-      t: f,
+      wrapperAttrs: S,
+      formControlAttrs: z,
+      t: u,
       feedback: y,
-      className: e,
-      classNames: h,
-      displayValue: I,
-      mergedDisabled: a,
-      refInput: S,
+      className: r,
+      classNames: F,
+      displayValue: N,
+      mergedDisabled: l,
+      refInput: B,
       onPressEnter() {
         s("press-enter");
       },
-      onChange(r) {
-        s("change", r);
+      onChange(e) {
+        s("change", e);
       },
-      onFocus(r) {
-        s("focus", r);
+      onFocus(e) {
+        s("focus", e);
       },
-      onClear(r) {
-        s("clear", r);
+      onClear(e) {
+        s("clear", e);
       },
-      onBlur(r) {
-        s("blur", r);
+      onBlur(e) {
+        s("blur", e);
       }
     };
   },
@@ -110,5 +125,5 @@ const $ = C({
   }
 });
 export {
-  $ as default
+  re as default
 };

package/dist/es/components/_components/select-view/select-view.js

@@ -1,18 +1,18 @@
-import { defineComponent as E, toRefs as I, ref as K, computed as i, watch as L, createVNode as o, Fragment as H } from "vue";
-import { isArray as M } from "../../../_utils/is.js";
-import P from "../feedback-icon/index.vue.js";
-import q from "../input-label/input-label.js";
-import { InputTag as O } from "../../form-input-tag/index.js";
-import _ from "../icon-hover/index.vue.js";
-import $ from "../../../icons/_self/down.js";
-import G from "../../../icons/animation/animation-loading.js";
-import J from "../../../icons/default/close.js";
-import Q from "../../../icons/_self/search.js";
-import { useFormItem as U } from "../../../_hooks/use-form-item.js";
-import { useLocale as W } from "../../../locale/index.js";
-import { useSize as X } from "../../../_hooks/use-size.js";
-import { getClassNameMixin as Y } from "../../../_utils/config.js";
-const pe = /* @__PURE__ */ E({
+import { defineComponent as E, toRefs as H, ref as B, computed as i, createVNode as o, Fragment as M } from "vue";
+import { isArray as P } from "../../../_utils/is.js";
+import q from "../feedback-icon/index.vue.js";
+import O from "../input-label/input-label.js";
+import { InputTag as _ } from "../../form-input-tag/index.js";
+import $ from "../icon-hover/index.vue.js";
+import G from "../../../icons/_self/down.js";
+import J from "../../../icons/animation/animation-loading.js";
+import Q from "../../../icons/default/close.js";
+import U from "../../../icons/_self/search.js";
+import { useFormItem as W, useFormItemControl as X } from "../../../_hooks/use-form-item.js";
+import { useLocale as Y } from "../../../locale/index.js";
+import { useSize as Z } from "../../../_hooks/use-size.js";
+import { getClassNameMixin as ee } from "../../../_utils/config.js";
+const be = /* @__PURE__ */ E({
   name: "SelectView",
   props: {
     modelValue: {
@@ -58,7 +58,7 @@ const pe = /* @__PURE__ */ E({
     },
     allowSearch: {
       type: Boolean,
-      default: (e) => M(e.modelValue)
+      default: (e) => P(e.modelValue)
     },
     maxTagCount: {
       type: Number,
@@ -87,84 +87,79 @@ const pe = /* @__PURE__ */ E({
     slots: n
   }) {
     const {
-      size: B,
-      disabled: S,
-      error: x
-    } = I(e), u = Y("select--view"), {
+      size: S,
+      disabled: x,
+      error: F
+    } = H(e), u = ee("select--view"), {
+      formItemCtx: R,
       feedback: p,
       eventHandlers: c,
       mergedDisabled: g,
-      mergedSize: R,
+      mergedSize: z,
       mergedError: b
-    } = U({
-      size: B,
-      disabled: S,
-      error: x
-    }), {
-      t: F
-    } = W(), {
+    } = W({
+      size: S,
+      disabled: x,
+      error: F
+    }), v = X(R, () => e.inputAttrs ?? {}), {
+      t: A
+    } = Y(), {
       mergedSize: h
-    } = X(R), {
-      opened: z
-    } = I(e), f = K(), d = i(
+    } = Z(z), d = B(!1), f = B(), k = i(
       // @ts-ignore
       () => {
         var l;
         return (l = f.value) == null ? void 0 : l.inputRef;
       }
-    ), A = i(() => e.modelValue.length === 0), N = i(() => e.allowSearch || e.allowCreate), k = i(() => e.allowClear && !e.disabled && !A.value && e.modelValue.some((l) => l.closable !== !1)), m = (l) => {
+    ), N = i(() => e.modelValue.length === 0), T = i(() => e.allowSearch || e.allowCreate), j = i(() => e.allowClear && !e.disabled && !N.value && e.modelValue.some((l) => l.closable !== !1)), m = (l) => {
       var a, t;
-      r("focus", l), (t = (a = c.value) == null ? void 0 : a.onFocus) == null || t.call(a, l);
+      d.value = !0, r("focus", l), (t = (a = c.value) == null ? void 0 : a.onFocus) == null || t.call(a, l);
     }, s = (l) => {
       var a, t;
-      r("blur", l), (t = (a = c.value) == null ? void 0 : a.onBlur) == null || t.call(a, l);
-    }, T = (l) => {
+      d.value = !1, r("blur", l), (t = (a = c.value) == null ? void 0 : a.onBlur) == null || t.call(a, l);
+    }, D = (l) => {
       r("remove", String(l));
-    }, j = (l) => {
+    }, K = (l) => {
       l.stopPropagation(), r("clear", l);
-    }, v = (l, a) => {
-      var t, C;
-      r("inputValueChange", l, a), (C = (t = c.value) == null ? void 0 : t.onInput) == null || C.call(t, a);
-    }, w = (l) => {
+    }, w = (l, a) => {
+      var t, I;
+      r("inputValueChange", l, a), (I = (t = c.value) == null ? void 0 : t.onInput) == null || I.call(t, a);
+    }, C = (l) => {
       r("keydown", l);
-    }, D = () => {
+    }, L = () => {
       var l, a;
-      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(G, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(Q, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o($, {
+      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(J, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(U, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(G, {
         class: u.element("arrow-icon")
       }, null);
-    }, V = () => o(H, null, [k.value && o(_, {
+    }, V = () => o(M, null, [j.value && o($, {
       as: "button",
-      "aria-label": F("common.clearTarget", {
+      "aria-label": A("common.clearTarget", {
         target: "选择"
       }),
       class: u.element("clear-btn"),
-      onClick: j,
+      onClick: K,
       onMousedown: (l) => l.stopPropagation()
     }, {
-      default: () => [o(J, null, null)]
+      default: () => [o(Q, null, null)]
     }), o("span", {
       class: u.element("icon")
-    }, [D()]), !!p.value && o(P, {
+    }, [L()]), !!p.value && o(q, {
       type: p.value
-    }, null)]);
-    L(z, (l) => {
-      !l && d.value && d.value.isSameNode(document.activeElement) && d.value.blur();
-    });
-    const y = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
+    }, null)]), y = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
       [u.modifier("opened")]: e.opened,
       [u.modifier("borderless")]: !e.bordered
     }]);
     return {
-      inputRef: d,
+      inputRef: k,
       handleFocus: m,
       handleBlur: s,
-      render: () => e.multiple ? o(O, {
+      render: () => e.multiple ? o(_, {
         ref: f,
         baseCls: u.block,
         class: y.value,
         modelValue: e.modelValue,
         inputValue: e.inputValue,
-        focused: e.opened,
+        focused: e.opened || d.value,
         placeholder: e.placeholder,
         disabled: g.value,
         size: h.value,
@@ -173,33 +168,33 @@ const pe = /* @__PURE__ */ E({
         disabledInput: !e.allowSearch && !e.allowCreate,
         tagNowrap: e.tagNowrap,
         retainInputValue: !0,
-        inputAttrs: e.inputAttrs,
+        inputAttrs: v.value,
         uninjectFormItemContext: !0,
-        onRemove: T,
-        onInputValueChange: v,
-        onKeydown: w,
+        onRemove: D,
+        onInputValueChange: w,
+        onKeydown: C,
         onFocus: m,
         onBlur: s
       }, {
         prefix: n.prefix,
         suffix: V,
         tag: n.label
-      }) : o(q, {
+      }) : o(O, {
         ref: f,
         baseCls: u.block,
         class: y.value,
         modelValue: e.modelValue[0],
         inputValue: e.inputValue,
-        focused: e.opened,
+        focused: e.opened || d.value,
         placeholder: e.placeholder,
         disabled: g.value,
         size: h.value,
         error: b.value,
-        enabledInput: N.value,
-        inputAttrs: e.inputAttrs,
+        enabledInput: T.value,
+        inputAttrs: v.value,
         uninjectFormItemContext: !0,
-        onInputValueChange: v,
-        onKeydown: w,
+        onInputValueChange: w,
+        onKeydown: C,
         onFocus: m,
         onBlur: s
       }, {
@@ -222,5 +217,5 @@ const pe = /* @__PURE__ */ E({
   }
 });
 export {
-  pe as default
+  be as default
 };