x-next 1.10.0 → 1.11.0

package/dist/es/components/form-select/SelectDropdown.vue.js

@@ -1,8 +1,8 @@
 import m from "./SelectDropdown.vue2.js";
-import { resolveComponent as p, openBlock as l, createElementBlock as r, normalizeClass as s, renderSlot as o, createCommentVNode as a, createBlock as t, resolveDynamicComponent as i, withDirectives as d, mergeProps as u, withCtx as y, createElementVNode as c, vShow as f } from "vue";
-import v from "../../_virtual/_plugin-vue_export-helper.js";
+import { resolveComponent as p, openBlock as l, createElementBlock as r, normalizeClass as s, renderSlot as o, createCommentVNode as a, createBlock as t, resolveDynamicComponent as i, withDirectives as d, mergeProps as u, withCtx as y, createElementVNode as v, vShow as c } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
 const h = ["id", "aria-multiselectable", "aria-busy"];
-function $(e, k, b, w, N, S) {
+function $(e, b, k, w, N, S) {
   const n = p("spin");
   return l(), r("div", {
     id: e.id,
@@ -28,14 +28,14 @@ function $(e, k, b, w, N, S) {
         (l(), t(i("Empty"), { component: "select" }))
       ])
     ], 2)) : a("", !0),
-    e.virtualList && !e.loading && !e.empty ? o(e.$slots, "virtual-list", { key: 3 }) : a("", !0),
+    e.virtualList && !e.loading && !e.empty ? o(e.$slots, "virtual-list", {}, void 0, void 0, 3) : a("", !0),
     e.virtualList ? a("", !0) : d((l(), t(i(e.displayScrollbar ? "ScrollbarComponent" : "div"), u({
       key: 4,
       ref: "wrapperComRef",
       class: e.className.element("list-wrapper")
     }, e.scrollbarProps, { onScroll: e.handleScroll }), {
       default: y(() => [
-        c("ul", {
+        v("ul", {
           class: s(e.className.element("list"))
         }, [
           o(e.$slots, "default")
@@ -43,7 +43,7 @@ function $(e, k, b, w, N, S) {
       ]),
       _: 3
     }, 16, ["class", "onScroll"])), [
-      [f, !e.loading && !e.empty]
+      [c, !e.loading && !e.empty]
     ]),
     e.$slots.footer && (!e.empty || e.showFooterOnEmpty) ? (l(), r("div", {
       key: 5,
@@ -53,7 +53,7 @@ function $(e, k, b, w, N, S) {
     ], 2)) : a("", !0)
   ], 10, h);
 }
-const B = /* @__PURE__ */ v(m, [["render", $]]);
+const B = /* @__PURE__ */ f(m, [["render", $]]);
 export {
   B as default
 };

package/dist/es/components/form-select/SelectOption.vue.js

@@ -1,9 +1,9 @@
-import c from "./SelectOption.vue2.js";
-import { resolveComponent as u, withDirectives as f, openBlock as s, createBlock as n, resolveDynamicComponent as p, normalizeClass as o, withCtx as i, createElementBlock as a, renderSlot as l, createCommentVNode as t, createTextVNode as r, toDisplayString as d, vShow as k } from "vue";
+import f from "./SelectOption.vue2.js";
+import { resolveComponent as c, withDirectives as p, openBlock as s, createBlock as i, resolveDynamicComponent as h, normalizeClass as o, withCtx as t, createElementBlock as a, renderSlot as l, createCommentVNode as d, withModifiers as k, createTextVNode as r, toDisplayString as m, vShow as C } from "vue";
 import b from "../../_virtual/_plugin-vue_export-helper.js";
-function h(e, $, v, C, N, y) {
-  const m = u("checkbox");
-  return f((s(), n(p(e.component), {
+function $(e, n, v, M, N, y) {
+  const u = c("checkbox");
+  return p((s(), i(h(e.component), {
     ref: "itemRef",
     id: e.optionId,
     role: "option",
@@ -14,32 +14,37 @@ function h(e, $, v, C, N, y) {
     onMouseenter: e.handleMouseEnter,
     onMouseleave: e.handleMouseLeave
   }, {
-    default: i(() => [
+    default: t(() => [
       e.$slots.icon ? (s(), a("span", {
         key: 0,
         class: o(e.className.element("icon"))
       }, [
         l(e.$slots, "icon")
-      ], 2)) : t("", !0),
-      e.selectCtx && e.selectCtx.multiple ? (s(), n(m, {
+      ], 2)) : d("", !0),
+      e.selectCtx && e.selectCtx.multiple ? (s(), i(u, {
         key: 1,
         class: o(e.className.element("checkbox")),
         "model-value": e.isSelected,
         disabled: e.disabled,
-        "uninject-group-context": ""
+        tabindex: -1,
+        "aria-hidden": "true",
+        "uninject-group-context": "",
+        onClick: n[0] || (n[0] = k(() => {
+        }, ["stop"])),
+        onChange: e.handleCheckboxChange
       }, {
-        default: i(() => [
+        default: t(() => [
           l(e.$slots, "default", {}, () => [
-            r(d(e.label), 1)
+            r(m(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["class", "model-value", "disabled"])) : (s(), a("span", {
+      }, 8, ["class", "model-value", "disabled", "onChange"])) : (s(), a("span", {
         key: 2,
         class: o(e.className.element("content"))
       }, [
         l(e.$slots, "default", {}, () => [
-          r(d(e.label), 1)
+          r(m(e.label), 1)
         ])
       ], 2)),
       e.$slots.suffix ? (s(), a("span", {
@@ -47,14 +52,14 @@ function h(e, $, v, C, N, y) {
         class: o(e.className.element("suffix"))
       }, [
         l(e.$slots, "suffix")
-      ], 2)) : t("", !0)
+      ], 2)) : d("", !0)
     ]),
     _: 3
   }, 40, ["id", "aria-selected", "aria-disabled", "class", "onClick", "onMouseenter", "onMouseleave"])), [
-    [k, e.isValid]
+    [C, e.isValid]
   ]);
 }
-const w = /* @__PURE__ */ b(c, [["render", h]]);
+const B = /* @__PURE__ */ b(f, [["render", $]]);
 export {
-  w as default
+  B as default
 };

package/dist/es/components/form-select/SelectOption.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent as B, toRefs as M, inject as N, getCurrentInstance as P, ref as r, watch as A, computed as i, onMounted as _, onUpdated as w, reactive as E, onBeforeUnmount as R } from "vue";
-import U from "../form-checkbox/Checkbox.js";
-import { selectInjectionKey as q } from "./context.js";
-import { getKeyFromValue as F, isValidOption as L } from "./utils.js";
-import { isEqual as T } from "../../_utils/is-equal.js";
-import { getClassNameMixin as z } from "../../_utils/config.js";
-const X = B({
+import { defineComponent as M, toRefs as N, inject as P, provide as _, getCurrentInstance as A, ref as f, watch as q, computed as i, onMounted as w, onUpdated as E, reactive as R, onBeforeUnmount as U } from "vue";
+import F from "../form-checkbox/Checkbox.js";
+import { selectInjectionKey as L } from "./context.js";
+import { getKeyFromValue as T, isValidOption as z } from "./utils.js";
+import { isEqual as D } from "../../_utils/is-equal.js";
+import { getClassNameMixin as G } from "../../_utils/config.js";
+import { formItemInjectionKey as H } from "../form/context.js";
+const x = M({
   name: "Option",
   components: {
-    Checkbox: U
+    Checkbox: F
   },
   props: {
     /**
@@ -55,76 +56,83 @@ const X = B({
     // private
     internal: Boolean
   },
-  setup(o) {
-    const { disabled: v, tagProps: s, index: g } = M(o), a = z("select--option"), e = N(q, void 0), l = P(), u = r(), f = r(s.value);
-    A(s, (n, k) => {
-      T(n, k) || (f.value = n);
+  setup(n) {
+    const { disabled: v, tagProps: s, index: h } = N(n), t = G("select--option"), e = P(L, void 0);
+    e && _(H, {});
+    const d = A(), u = f(), m = f(s.value);
+    q(s, (o, l) => {
+      D(o, l) || (m.value = o);
     });
-    const d = r(""), m = i(() => o.value ?? o.label ?? d.value), c = i(() => o.label ?? d.value), t = i(() => F(m.value, e == null ? void 0 : e.valueKey)), O = i(() => (e == null ? void 0 : e.component) ?? "li"), I = i(() => e == null ? void 0 : e.getOptionId(t.value)), p = () => {
-      if (!o.label && u.value) {
-        const n = u.value.textContent ?? "";
-        d.value !== n && (d.value = n);
+    const r = f(""), c = i(() => n.value ?? n.label ?? r.value), b = i(() => n.label ?? r.value), a = i(() => T(c.value, e == null ? void 0 : e.valueKey)), O = i(() => (e == null ? void 0 : e.component) ?? "li"), I = i(() => e == null ? void 0 : e.getOptionId(a.value)), p = () => {
+      if (!n.label && u.value) {
+        const o = u.value.querySelector(
+          ".x-select--option--content, .x-checkbox--label"
+        ), l = (o == null ? void 0 : o.textContent) ?? "";
+        r.value !== l && (r.value = l);
       }
     };
-    _(() => p()), w(() => p());
-    const b = i(() => (e == null ? void 0 : e.valueKeys.includes(t.value)) ?? !1), K = i(() => (e == null ? void 0 : e.activeKey) === t.value);
-    let y = r(!0);
-    if (!o.internal) {
-      const n = E({
+    w(() => p()), E(() => p());
+    const y = i(() => (e == null ? void 0 : e.valueKeys.includes(a.value)) ?? !1), K = i(() => (e == null ? void 0 : e.activeKey) === a.value);
+    let g = f(!0);
+    if (!n.internal) {
+      const o = R({
         raw: {
-          value: m,
-          label: c,
+          value: c,
+          label: b,
           disabled: v,
-          tagProps: f
+          tagProps: m
         },
         ref: u,
-        index: g,
-        key: t,
+        index: h,
+        key: a,
         origin: "slot",
-        value: m,
-        label: c,
+        value: c,
+        label: b,
         disabled: v,
-        tagProps: f
+        tagProps: m
       });
-      y = i(
-        () => L(n, {
+      g = i(
+        () => z(o, {
           inputValue: e == null ? void 0 : e.inputValue,
           filterOption: e == null ? void 0 : e.filterOption
         })
-      ), l && (e == null || e.addSlotOptionInfo(l.uid, n)), R(() => {
-        l && (e == null || e.removeSlotOptionInfo(l.uid));
+      ), d && (e == null || e.addSlotOptionInfo(d.uid, o)), U(() => {
+        d && (e == null || e.removeSlotOptionInfo(d.uid));
       });
     }
-    const S = (n) => {
-      o.disabled || e == null || e.onSelect(t.value, n);
-    }, h = () => {
-      o.disabled || e == null || e.setActiveKey(t.value);
+    const S = (o) => {
+      n.disabled || e == null || e.onSelect(a.value, o);
+    }, k = (o, l) => {
+      n.disabled || e == null || e.onSelect(a.value, l);
     }, j = () => {
-      o.disabled || e == null || e.setActiveKey();
-    }, V = i(() => [
-      a.block,
+      n.disabled || e == null || e.setActiveKey(a.value);
+    }, V = () => {
+      n.disabled || e == null || e.setActiveKey();
+    }, B = i(() => [
+      t.block,
       {
-        [a.modifier("disabled")]: o.disabled,
-        [a.modifier("selected")]: b.value,
-        [a.modifier("active")]: K.value,
-        [a.modifier("multiple")]: e == null ? void 0 : e.multiple
+        [t.modifier("disabled")]: n.disabled,
+        [t.modifier("selected")]: y.value,
+        [t.modifier("active")]: K.value,
+        [t.modifier("multiple")]: e == null ? void 0 : e.multiple
       }
     ]);
     return {
-      className: a,
-      cls: V,
+      className: t,
+      cls: B,
       selectCtx: e,
       itemRef: u,
       component: O,
       optionId: I,
-      isSelected: b,
-      isValid: y,
+      isSelected: y,
+      isValid: g,
       handleClick: S,
-      handleMouseEnter: h,
-      handleMouseLeave: j
+      handleCheckboxChange: k,
+      handleMouseEnter: j,
+      handleMouseLeave: V
     };
   }
 });
 export {
-  X as default
+  x as default
 };

package/dist/es/components/form-select/SelectOptionGroup.vue.js

@@ -1,19 +1,23 @@
-import o from "./SelectOptionGroup.vue2.js";
-import { openBlock as l, createElementBlock as r, Fragment as a, createElementVNode as s, normalizeClass as n, renderSlot as t, createTextVNode as m, toDisplayString as p } from "vue";
-import c from "../../_virtual/_plugin-vue_export-helper.js";
-function i(e, f, d, u, $, _) {
-  return l(), r(a, null, [
-    s("li", {
-      class: n(e.className.element("title"))
-    }, [
-      t(e.$slots, "label", {}, () => [
-        m(p(e.label), 1)
-      ])
-    ], 2),
+import l from "./SelectOptionGroup.vue2.js";
+import { openBlock as o, createElementBlock as r, Fragment as n, createBlock as a, resolveDynamicComponent as s, normalizeClass as p, withCtx as c, renderSlot as t, createTextVNode as m, toDisplayString as i } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+function d(e, u, $, _, k, B) {
+  return o(), r(n, null, [
+    (o(), a(s(e.component), {
+      class: p(e.className.element("title")),
+      role: "presentation"
+    }, {
+      default: c(() => [
+        t(e.$slots, "label", {}, () => [
+          m(i(e.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"])),
     t(e.$slots, "default")
   ], 64);
 }
-const g = /* @__PURE__ */ c(o, [["render", i]]);
+const g = /* @__PURE__ */ f(l, [["render", d]]);
 export {
   g as default
 };

package/dist/es/components/form-select/SelectOptionGroup.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent as e } from "vue";
-import { getClassNameMixin as t } from "../../_utils/config.js";
-const p = e({
+import { defineComponent as n, inject as p, computed as i } from "vue";
+import { getClassNameMixin as m } from "../../_utils/config.js";
+import { selectInjectionKey as c } from "./context.js";
+const l = n({
   name: "SelectOptionGroup",
   props: {
     /**
@@ -18,11 +19,13 @@ const p = e({
    * @version 2.10.0
    */
   setup() {
+    const e = m("select--option--group"), o = p(c, void 0), t = i(() => (o == null ? void 0 : o.component) ?? "li");
     return {
-      className: t("select--option--group")
+      className: e,
+      component: t
     };
   }
 });
 export {
-  p as default
+  l as default
 };

package/dist/es/components/form-select/hooks/use-options.js

@@ -1,95 +1,95 @@
-import { computed as s, reactive as g, watch as z, ref as f } from "vue";
-import { getOptionInfos as S, getValidOptions as b, isValidOption as F } from "../utils.js";
-import { isNumber as k } from "../../../_utils/is.js";
-const N = {
+import { computed as r, reactive as u, watch as D } from "vue";
+import { getOptionInfos as g, getValidOptions as S, isValidOption as z } from "../utils.js";
+import { isNumber as b } from "../../../_utils/is.js";
+const F = {
   value: "value",
   label: "label",
   disabled: "disabled",
   tagProps: "tagProps",
   render: "render"
-}, j = ({
-  options: c,
-  extraOptions: v,
+}, T = ({
+  options: v,
+  extraOptions: I,
   inputValue: n,
   filterOption: a,
-  showExtraOptions: d,
-  valueKey: r,
+  showExtraOptions: s,
+  valueKey: d,
   fieldNames: l
 }) => {
-  const p = s(() => ({
-    ...N,
+  const m = r(() => ({
+    ...F,
     ...l == null ? void 0 : l.value
-  })), I = g(/* @__PURE__ */ new Map()), m = s(
-    () => Array.from(I.values()).sort((o, t) => k(o.index) && k(t.index) ? o.index - t.index : 0)
-  ), M = s(() => {
+  })), c = u(/* @__PURE__ */ new Map()), M = r(
+    () => Array.from(c.values()).sort((o, t) => b(o.index) && b(t.index) ? o.index - t.index : 0)
+  ), p = r(() => {
     const o = /* @__PURE__ */ new Map();
     return {
-      optionInfos: S((c == null ? void 0 : c.value) ?? [], {
-        valueKey: (r == null ? void 0 : r.value) ?? "value",
-        fieldNames: p.value,
+      optionInfos: g((v == null ? void 0 : v.value) ?? [], {
+        valueKey: (d == null ? void 0 : d.value) ?? "value",
+        fieldNames: m.value,
         origin: "options",
         optionInfoMap: o
       }),
       optionInfoMap: o
     };
-  }), u = s(() => {
+  }), f = r(() => {
     const o = /* @__PURE__ */ new Map();
     return {
-      optionInfos: S((v == null ? void 0 : v.value) ?? [], {
-        valueKey: (r == null ? void 0 : r.value) ?? "value",
-        fieldNames: p.value,
+      optionInfos: g((I == null ? void 0 : I.value) ?? [], {
+        valueKey: (d == null ? void 0 : d.value) ?? "value",
+        fieldNames: m.value,
         origin: "extraOptions",
         optionInfoMap: o
       }),
       optionInfoMap: o
     };
-  }), e = g(/* @__PURE__ */ new Map());
-  z(
-    [m, c ?? f([]), v ?? f([]), r ?? f("value")],
+  }), e = u(/* @__PURE__ */ new Map());
+  D(
+    [M, p, f],
     () => {
-      e.clear(), m.value.forEach((o, t) => {
+      e.clear(), M.value.forEach((o, t) => {
         e.set(o.key, { ...o, index: t });
-      }), M.value.optionInfoMap.forEach((o) => {
+      }), p.value.optionInfoMap.forEach((o) => {
         e.has(o.key) || (o.index = e.size, e.set(o.key, o));
-      }), u.value.optionInfoMap.forEach((o) => {
+      }), f.value.optionInfoMap.forEach((o) => {
         e.has(o.key) || (o.index = e.size, e.set(o.key, o));
       });
     },
     { immediate: !0, deep: !0 }
   );
-  const A = s(() => {
-    const o = b(M.value.optionInfos, {
+  const k = r(() => {
+    const o = S(p.value.optionInfos, {
       inputValue: n == null ? void 0 : n.value,
       filterOption: a == null ? void 0 : a.value
     });
-    return ((d == null ? void 0 : d.value) ?? !0) && o.push(
-      ...b(u.value.optionInfos, {
+    return ((s == null ? void 0 : s.value) ?? !0) && o.push(
+      ...S(f.value.optionInfos, {
         inputValue: n == null ? void 0 : n.value,
         filterOption: a == null ? void 0 : a.value
       })
     ), o;
-  }), i = s(
-    () => Array.from(e.values()).filter((o) => o.origin === "extraOptions" && (d == null ? void 0 : d.value) === !1 ? !1 : F(o, {
+  }), i = r(
+    () => Array.from(e.values()).filter((o) => o.origin === "extraOptions" && (s == null ? void 0 : s.value) === !1 ? !1 : z(o, {
       inputValue: n == null ? void 0 : n.value,
       filterOption: a == null ? void 0 : a.value
     }))
-  ), D = s(
+  ), A = r(
     () => i.value.filter((o) => !o.disabled).map((o) => o.key)
   );
   return {
-    validOptions: A,
+    validOptions: k,
     optionInfoMap: e,
     validOptionInfos: i,
-    enabledOptionKeys: D,
-    getNextSlotOptionIndex: () => I.size,
+    enabledOptionKeys: A,
+    getNextSlotOptionIndex: () => c.size,
     addSlotOptionInfo: (o, t) => {
-      I.set(o, t);
+      c.set(o, t);
     },
     removeSlotOptionInfo: (o) => {
-      I.delete(o);
+      c.delete(o);
     }
   };
 };
 export {
-  j as useOptions
+  T as useOptions
 };