x-next 1.0.1 → 1.2.0

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

@@ -0,0 +1,198 @@
+import { defineComponent as J, toRefs as Q, computed as i, ref as x } from "vue";
+import X from "../feedback-icon/index.vue.js";
+import { isNumber as Y, isUndefined as Z, isArray as ee, isDayjs as re, isFunction as oe } from "../../../_utils/is.js";
+import te from "../../../icons/default/close-circle-fill.js";
+import ae from "../icon-hover/index.vue.js";
+import { useFormItem as ne, useFormItemControl as N } from "../../../_hooks/use-form-item.js";
+import { useLocale as ie } from "../../../locale/index.js";
+import { useSize as se } from "../../../_hooks/use-size.js";
+import { INPUT_EVENTS as F } from "../../../_utils/constant.js";
+import le from "../../../_utils/pick.js";
+import { omit as ue } from "../../../_utils/omit.js";
+import { getClassNameMixin as ce } from "../../../_utils/config.js";
+const xe = J({
+  name: "DateInputRange",
+  inheritAttrs: !1,
+  components: {
+    IconHover: ae,
+    IconClose: te,
+    FeedbackIcon: X
+  },
+  props: {
+    size: {
+      type: String
+    },
+    focused: {
+      type: Boolean
+    },
+    focusedIndex: {
+      type: Number
+    },
+    error: {
+      type: Boolean
+    },
+    disabled: {
+      type: [Boolean, Array],
+      default: !1
+    },
+    readonly: {
+      type: Boolean
+    },
+    allowClear: {
+      type: Boolean
+    },
+    placeholder: {
+      type: Array,
+      default: () => []
+    },
+    inputValue: {
+      type: Array
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * 清空按钮 aria 文案用的 locale key，由父组件按日期/时间语义传入
+     */
+    clearTargetKey: {
+      type: String,
+      default: "common.dateRange"
+    },
+    format: {
+      type: [String, Function],
+      required: !0
+    }
+  },
+  emits: [
+    "focused-index-change",
+    "update:focusedIndex",
+    "change",
+    "clear",
+    "press-enter",
+    "focus",
+    "blur"
+  ],
+  setup(a, { emit: r, slots: s, attrs: o }) {
+    const { t: S } = ie(), {
+      error: z,
+      focused: E,
+      disabled: u,
+      size: B,
+      value: c,
+      format: f,
+      focusedIndex: d,
+      inputValue: n,
+      placeholder: g
+    } = Q(a), {
+      formItemCtx: b,
+      mergedSize: D,
+      mergedDisabled: m,
+      mergedError: $,
+      feedback: j
+    } = ne({ size: B, error: z }), { mergedSize: k } = se(D), _ = i(() => ue(o, [
+      ...F,
+      ...Object.keys(o).filter((e) => e.startsWith("aria-") || e === "role")
+    ])), v = () => ({
+      ...le(o, F),
+      ...Object.fromEntries(
+        Object.entries(o).filter(([e]) => e.startsWith("aria-") || e === "role")
+      )
+    }), O = N(b, () => {
+      var e;
+      return {
+        ...v(),
+        "aria-label": o["aria-label"] ? `${o["aria-label"]} ${((e = g.value) == null ? void 0 : e[0]) ?? ""}` : void 0
+      };
+    }), P = N(b, () => {
+      var e;
+      return {
+        ...v(),
+        id: o.id ? `${o.id}-end` : void 0,
+        "aria-label": o["aria-label"] ? `${o["aria-label"]} ${((e = g.value) == null ? void 0 : e[1]) ?? ""}` : void 0
+      };
+    }), R = x(), T = x(), p = (e) => m.value ? m.value : ee(u.value) ? u.value[e] : u.value, y = i(() => p(0)), I = i(() => p(1)), t = ce("picker"), V = i(() => [
+      t.block,
+      t.modifier("range"),
+      t.modifier(`size-${k.value}`),
+      {
+        [t.modifier("focused")]: E.value,
+        [t.modifier("disabled")]: y.value && I.value,
+        [t.modifier("error")]: $.value,
+        [t.modifier("has-prefix")]: s.prefix
+      }
+    ]);
+    function W(e) {
+      return [
+        t.element("input"),
+        {
+          [t.element("input-active")]: e === (d == null ? void 0 : d.value)
+        }
+      ];
+    }
+    function h(e) {
+      var C, A;
+      if (n != null && n.value)
+        return (C = n == null ? void 0 : n.value) == null ? void 0 : C[e];
+      const l = (A = c == null ? void 0 : c.value) == null ? void 0 : A[e];
+      if (l && re(l))
+        return oe(f.value) ? f.value(l) : l.format(f.value);
+    }
+    const w = i(() => h(0)), U = i(() => h(1));
+    function q(e) {
+      r("focused-index-change", e), r("update:focusedIndex", e);
+    }
+    function H(e) {
+      e.stopPropagation(), r("change", e);
+    }
+    function K() {
+      r("press-enter");
+    }
+    function L(e) {
+      r("focus", e);
+    }
+    function M(e) {
+      r("blur", e);
+    }
+    function G(e) {
+      r("clear", e);
+    }
+    return {
+      wrapperAttrs: _,
+      formControlAttrs0: O,
+      formControlAttrs1: P,
+      t: S,
+      className: t,
+      classNames: V,
+      refInput0: R,
+      refInput1: T,
+      disabled0: y,
+      disabled1: I,
+      mergedDisabled: m,
+      getDisabled: p,
+      getInputWrapClassName: W,
+      displayValue0: w,
+      displayValue1: U,
+      changeFocusedInput: q,
+      onChange: H,
+      onFocus: L,
+      onBlur: M,
+      onPressEnter: K,
+      onClear: G,
+      feedback: j
+    };
+  },
+  methods: {
+    focus(a) {
+      const r = Y(a) ? a : this.focusedIndex, s = r === 0 ? this.refInput0 : this.refInput1;
+      !Z(r) && !this.getDisabled(r) && s && s.focus && s.focus();
+    },
+    blur() {
+      const a = this.focusedIndex === 0 ? this.refInput0 : this.refInput1;
+      a && a.blur && a.blur();
+    }
+  }
+});
+export {
+  xe as default
+};

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

@@ -0,0 +1,60 @@
+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", "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"))
+    }, [
+      d(e.$slots, "prefix")
+    ], 2)) : t("", !0),
+    a("div", {
+      class: l(e.className.element("input"))
+    }, [
+      a("input", m({ ref: "refInput" }, e.formControlAttrs, {
+        disabled: e.mergedDisabled,
+        placeholder: e.placeholder,
+        class: e.className.element("start-time"),
+        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))
+      }), null, 16, v)
+    ], 2),
+    a("div", {
+      class: l(e.className.element("suffix"))
+    }, [
+      e.allowClear && !e.mergedDisabled && e.displayValue ? (n(), p(f, {
+        key: 0,
+        as: "button",
+        "aria-label": e.t("common.clearTarget", { target: e.t(e.clearTargetKey) }),
+        prefix: e.className.block,
+        class: l(e.className.element("clear-icon")),
+        onClick: e.onClear
+      }, {
+        default: C(() => [
+          b(u)
+        ]),
+        _: 1
+      }, 8, ["aria-label", "prefix", "class", "onClick"])) : t("", !0),
+      a("span", {
+        class: l(e.className.element("suffix-icon"))
+      }, [
+        d(e.$slots, "suffix-icon")
+      ], 2),
+      e.feedback ? (n(), p(c, {
+        key: 1,
+        type: e.feedback
+      }, null, 8, ["type"])) : t("", !0)
+    ], 2)
+  ], 16);
+}
+const D = /* @__PURE__ */ N(k, [["render", I]]);
+export {
+  D as default
+};

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

@@ -0,0 +1,129 @@
+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: _,
+    IconClose: O,
+    FeedbackIcon: H
+  },
+  props: {
+    size: {
+      type: String
+    },
+    focused: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    readonly: {
+      type: Boolean
+    },
+    error: {
+      type: Boolean
+    },
+    allowClear: {
+      type: Boolean
+    },
+    placeholder: {
+      type: String
+    },
+    inputValue: {
+      type: String
+    },
+    value: {
+      type: Object
+    },
+    /**
+     * 清空按钮 aria 文案用的 locale key，由父组件按日期/时间语义传入
+     */
+    clearTargetKey: {
+      type: String,
+      default: "common.date"
+    },
+    format: {
+      type: [String, Function],
+      required: !0
+    }
+  },
+  emits: ["clear", "press-enter", "change", "focus", "blur"],
+  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
+    } = 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}`),
+      {
+        [r.modifier("focused")]: d.value,
+        [r.modifier("disabled")]: l.value,
+        [r.modifier("error")]: I.value,
+        [r.modifier("has-prefix")]: c.prefix
+      }
+    ]), N = a(() => {
+      if (t != null && t.value) return t == null ? void 0 : t.value;
+      if (o != null && o.value && E(o.value))
+        return k(n.value) ? n.value(o.value) : o.value.format(n.value);
+    }), B = A();
+    return {
+      wrapperAttrs: S,
+      formControlAttrs: z,
+      t: u,
+      feedback: y,
+      className: r,
+      classNames: F,
+      displayValue: N,
+      mergedDisabled: l,
+      refInput: B,
+      onPressEnter() {
+        s("press-enter");
+      },
+      onChange(e) {
+        s("change", e);
+      },
+      onFocus(e) {
+        s("focus", e);
+      },
+      onClear(e) {
+        s("clear", e);
+      },
+      onBlur(e) {
+        s("blur", e);
+      }
+    };
+  },
+  methods: {
+    focus() {
+      this.refInput && this.refInput.focus && this.refInput.focus();
+    },
+    blur() {
+      this.refInput && this.refInput.blur && this.refInput.blur();
+    }
+  }
+});
+export {
+  re as default
+};

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

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

package/dist/es/components/_components/transition/expand-transition.vue.js

@@ -0,0 +1,22 @@
+import o from "./expand-transition.vue2.js";
+import { openBlock as n, createBlock as r, Transition as t, withCtx as f, renderSlot as a } from "vue";
+import s from "../../../_virtual/_plugin-vue_export-helper.js";
+function i(e, p, E, v, L, d) {
+  return n(), r(t, {
+    onBeforeEnter: e.onBeforeEnter,
+    onEnter: e.onEnter,
+    onAfterEnter: e.onAfterEnter,
+    onBeforeLeave: e.onBeforeLeave,
+    onLeave: e.onLeave,
+    onAfterLeave: e.onAfterLeave
+  }, {
+    default: f(() => [
+      a(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
+}
+const u = /* @__PURE__ */ s(o, [["render", i]]);
+export {
+  u as default
+};

package/dist/es/components/_components/transition/expand-transition.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as t } from "vue";
+const o = t({
+  name: "ExpandTransition",
+  setup() {
+    return {
+      onBeforeEnter(e) {
+        e.style.height = "0";
+      },
+      onEnter(e) {
+        e.style.height = `${e.scrollHeight}px`;
+      },
+      onAfterEnter(e) {
+        e.style.height = "";
+      },
+      onBeforeLeave(e) {
+        e.style.height = `${e.scrollHeight}px`;
+      },
+      onLeave(e) {
+        e.style.height = "0";
+      },
+      onAfterLeave(e) {
+        e.style.height = "";
+      }
+    };
+  }
+});
+export {
+  o as default
+};