@transsionfe/semi-ui-vue 0.0.2 → 0.0.4

package/lib/es/components/cascader/Cascader.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Tl, ref as r, computed as p, markRaw as Pl, nextTick as E, watch as R, onMounted as Ie, onUnmounted as xl, createBlock as k, openBlock as u, unref as m, withCtx as se, createElementVNode as ie, normalizeStyle as Ee, normalizeClass as g, createElementBlock as y, resolveDynamicComponent as _, Fragment as x, createCommentVNode as L, createTextVNode as U, toDisplayString as V, renderList as Il, withModifiers as El, createVNode as Rl, h as ce } from "vue";
+import { defineComponent as Tl, ref as r, computed as v, markRaw as Pl, nextTick as E, watch as R, onMounted as Ie, onUnmounted as xl, createBlock as k, openBlock as u, unref as m, withCtx as se, createElementVNode as ie, normalizeStyle as Ee, normalizeClass as g, createElementBlock as y, resolveDynamicComponent as _, Fragment as x, createCommentVNode as L, createTextVNode as U, toDisplayString as V, renderList as Il, withModifiers as El, createVNode as Rl, h as ce } from "vue";
 import w from "classnames";
 import { isEqual as wl } from "lodash";
 import { strings as D, cssClasses as Sl } from "@douyinfe/semi-foundation/cascader/constants";
@@ -6,17 +6,15 @@ import $l from "@douyinfe/semi-foundation/cascader/foundation";
 import { calcMergeType as Dl } from "@douyinfe/semi-foundation/cascader/util";
 import { normalizeKeyList as Nl } from "@douyinfe/semi-foundation/tree/treeUtil";
 import Ol from "../popover/Popover.vue.js";
-/* empty css                      */
 import { Input as zl } from "../input/index.js";
 import Bl from "../tagInput/index.js";
 import Re from "../tag/Tag.vue.js";
 import _l from "../tag/TagGroup.vue.js";
-/* empty css              */
 import Ll from "./Item.vue.js";
 import { useFoundation as Vl } from "../../_utils/useFoundation.js";
 import Ml from "../icons/icons/IconClear.js";
 import Hl from "../icons/icons/IconChevronDown.js";
-const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-errormessage", "aria-invalid", "aria-required"], ql = ["id"], ra = /* @__PURE__ */ Tl({
+const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-errormessage", "aria-invalid", "aria-required"], ql = ["id"], sa = /* @__PURE__ */ Tl({
   name: "Cascader",
   __name: "Cascader",
   props: {
@@ -96,10 +94,10 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
   },
   emits: ["update:modelValue", "update:value", "change", "select", "search", "focus", "blur", "dropdownVisibleChange", "listScroll", "load", "exceed", "clear"],
   setup(we, { expose: Se, emit: $e }) {
-    const s = Sl.PREFIX, l = we, C = $e, Y = r(), i = r(), N = r(), v = r(l.defaultOpen || !1), S = r(l.defaultOpen || !1), pe = r(!1), De = r(!1), M = r(!1), H = r(0), X = r(null), F = r(null), J = r(/* @__PURE__ */ new Set()), f = r({}), T = r(/* @__PURE__ */ new Set()), O = r(/* @__PURE__ */ new Set()), q = r(/* @__PURE__ */ new Set()), h = r(""), z = r(!1), $ = r(l.searchPlaceholder || l.placeholder || ""), I = r(/* @__PURE__ */ new Set()), A = r(/* @__PURE__ */ new Set()), B = r(/* @__PURE__ */ new Set()), Q = r(/* @__PURE__ */ new Set()), Z = r(/* @__PURE__ */ new Set()), W = r(!1), P = r(!1), ve = r(/* @__PURE__ */ new Set()), fe = r(/* @__PURE__ */ new Set()), re = r({}), K = r(!1), ye = p(() => Dl(l.autoMergeValue, l.leafOnly)), Ne = p(() => !f.value || Object.keys(f.value).length === 0), Oe = p(() => !!l.filterTreeNode && z.value), ze = p(() => !!l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER), Be = p(() => t.getRenderData()), j = p(() => ye.value === D.NONE_MERGE_TYPE || l.checkRelation === D.UN_RELATED ? I.value : B.value), _e = p(() => Array.from(j.value).map((e) => {
+    const s = Sl.PREFIX, l = we, C = $e, Y = r(), i = r(), N = r(), p = r(l.defaultOpen || !1), S = r(l.defaultOpen || !1), ve = r(!1), De = r(!1), M = r(!1), H = r(0), X = r(null), F = r(null), J = r(/* @__PURE__ */ new Set()), f = r({}), T = r(/* @__PURE__ */ new Set()), O = r(/* @__PURE__ */ new Set()), q = r(/* @__PURE__ */ new Set()), h = r(""), z = r(!1), $ = r(l.searchPlaceholder || l.placeholder || ""), I = r(/* @__PURE__ */ new Set()), A = r(/* @__PURE__ */ new Set()), B = r(/* @__PURE__ */ new Set()), Q = r(/* @__PURE__ */ new Set()), Z = r(/* @__PURE__ */ new Set()), W = r(!1), P = r(!1), pe = r(/* @__PURE__ */ new Set()), fe = r(/* @__PURE__ */ new Set()), re = r({}), K = r(!1), ye = v(() => Dl(l.autoMergeValue, l.leafOnly)), Ne = v(() => !f.value || Object.keys(f.value).length === 0), Oe = v(() => !!l.filterTreeNode && z.value), ze = v(() => !!l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER), Be = v(() => t.getRenderData()), j = v(() => ye.value === D.NONE_MERGE_TYPE || l.checkRelation === D.UN_RELATED ? I.value : B.value), _e = v(() => Array.from(j.value).map((e) => {
       const a = f.value[e];
       return a ? a.data[l.displayProp] : e;
-    })), Le = p(() => Array.from(j.value).map((e) => f.value[e]).filter(Boolean)), Ve = p(() => !l.maxTagCount || j.value.size <= l.maxTagCount ? 0 : j.value.size - l.maxTagCount), Me = p(() => w(`${s}-tagInput-wrapper`)), He = (e) => {
+    })), Le = v(() => Array.from(j.value).map((e) => f.value[e]).filter(Boolean)), Ve = v(() => !l.maxTagCount || j.value.size <= l.maxTagCount ? 0 : j.value.size - l.maxTagCount), Me = v(() => w(`${s}-tagInput-wrapper`)), He = (e) => {
       l.multiple && l.filterTreeNode && (K.value = !0, setTimeout(() => {
         K.value = !1;
       }, 500));
@@ -132,7 +130,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       t.onItemCheckboxClick(e), l.multiple && l.filterTreeNode && a && !h.value && (h.value = a, o.size > 0 && (q.value = o, z.value = !0, E(() => {
         t.handleInputChange(a);
       })));
-    }, ee = p(() => {
+    }, ee = v(() => {
       if (T.value.size === 0)
         return "";
       const e = Array.from(T.value)[0];
@@ -146,9 +144,9 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
         const G = n[c];
         return G ? G.data[a] : "";
       }) : [];
-    }, ue = p(() => typeof l.triggerRender == "function"), qe = p(() => ue.value ? w(l.className) : w(s, l.className, {
+    }, ue = v(() => typeof l.triggerRender == "function"), qe = v(() => ue.value ? w(l.className) : w(s, l.className, {
       [`${s}-borderless`]: l.borderless,
-      [`${s}-focus`]: pe.value || v.value && !De.value,
+      [`${s}-focus`]: ve.value || p.value && !De.value,
       [`${s}-disabled`]: l.disabled,
       [`${s}-single`]: !l.multiple,
       [`${s}-filterable`]: !!l.filterTreeNode,
@@ -158,16 +156,16 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       [`${s}-large`]: l.size === "large",
       [`${s}-with-prefix`]: l.prefix || l.insetLabel,
       [`${s}-with-suffix`]: l.suffix
-    })), Ae = p(() => w({
+    })), Ae = v(() => w({
       [`${s}-search-wrapper`]: !0,
       [`${s}-search-wrapper-${l.size}`]: l.size !== "default"
-    })), he = p(() => w({
+    })), he = v(() => w({
       [`${s}-selection-placeholder`]: !ee.value,
       [`${s}-selection-text-hide`]: P.value && h.value,
       [`${s}-selection-text-inactive`]: P.value && !h.value
-    })), We = p(() => w(`${s}-prefix`, {
+    })), We = v(() => w(`${s}-prefix`, {
       [`${s}-inset-label`]: l.insetLabel
-    })), je = p(() => w(`${s}-suffix`)), Ge = p(() => w(l.dropdownClassName, `${s}-popover`)), Ue = p(() => {
+    })), je = v(() => w(`${s}-suffix`)), Ge = v(() => w(l.dropdownClassName, `${s}-popover`)), Ue = v(() => {
       const e = {
         ...l.dropdownStyle
       };
@@ -176,10 +174,10 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
         e.minWidth = a;
       }
       return e;
-    }), Ye = p(() => l.position || "bottomLeft"), me = p(() => {
+    }), Ye = v(() => l.position || "bottomLeft"), me = v(() => {
       const e = T.value.size > 0;
-      return l.showClear && (h.value || e) && !l.disabled && (v.value || M.value);
-    }), Xe = p(() => {
+      return l.showClear && (h.value || e) && !l.disabled && (p.value || M.value);
+    }), Xe = v(() => {
       var a;
       if (!ue.value)
         return null;
@@ -208,7 +206,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
     }), Je = Pl({
       getState: (e) => ({
         emptyContentMinWidth: X.value,
-        isOpen: v.value,
+        isOpen: p.value,
         rePosKey: H.value,
         keyEntities: f.value,
         selectedKeys: T.value,
@@ -229,7 +227,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       })[e],
       getStates: () => ({
         emptyContentMinWidth: X.value,
-        isOpen: v.value,
+        isOpen: p.value,
         rePosKey: H.value,
         keyEntities: f.value,
         selectedKeys: T.value,
@@ -269,7 +267,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
             hypothesisId: "D"
           })
         }).catch(() => {
-        }), e.emptyContentMinWidth !== void 0 && (X.value = e.emptyContentMinWidth), e.isOpen !== void 0 && (v.value = e.isOpen), e.rePosKey !== void 0 && (H.value = e.rePosKey), e.keyEntities !== void 0 && (f.value = e.keyEntities), e.selectedKeys !== void 0 && (T.value = e.selectedKeys), e.activeKeys !== void 0 && (O.value = e.activeKeys), e.filteredKeys !== void 0 && (q.value = e.filteredKeys), e.inputValue !== void 0 && (h.value = e.inputValue), e.isSearching !== void 0 && (z.value = e.isSearching), e.inputPlaceHolder !== void 0 && ($.value = e.inputPlaceHolder), e.isHovering !== void 0 && (M.value = e.isHovering), e.checkedKeys !== void 0 && (I.value = e.checkedKeys), e.halfCheckedKeys !== void 0 && (A.value = e.halfCheckedKeys), e.resolvedCheckedKeys !== void 0 && (B.value = e.resolvedCheckedKeys), e.loadedKeys !== void 0 && (Q.value = e.loadedKeys), e.loadingKeys !== void 0 && (Z.value = e.loadingKeys), e.loading !== void 0 && (W.value = e.loading), e.showInput !== void 0 && (P.value = e.showInput), e.disabledKeys !== void 0 && (J.value = e.disabledKeys), a && E(a);
+        }), e.emptyContentMinWidth !== void 0 && (X.value = e.emptyContentMinWidth), e.isOpen !== void 0 && (p.value = e.isOpen), e.rePosKey !== void 0 && (H.value = e.rePosKey), e.keyEntities !== void 0 && (f.value = e.keyEntities), e.selectedKeys !== void 0 && (T.value = e.selectedKeys), e.activeKeys !== void 0 && (O.value = e.activeKeys), e.filteredKeys !== void 0 && (q.value = e.filteredKeys), e.inputValue !== void 0 && (h.value = e.inputValue), e.isSearching !== void 0 && (z.value = e.isSearching), e.inputPlaceHolder !== void 0 && ($.value = e.inputPlaceHolder), e.isHovering !== void 0 && (M.value = e.isHovering), e.checkedKeys !== void 0 && (I.value = e.checkedKeys), e.halfCheckedKeys !== void 0 && (A.value = e.halfCheckedKeys), e.resolvedCheckedKeys !== void 0 && (B.value = e.resolvedCheckedKeys), e.loadedKeys !== void 0 && (Q.value = e.loadedKeys), e.loadingKeys !== void 0 && (Z.value = e.loadingKeys), e.loading !== void 0 && (W.value = e.loading), e.showInput !== void 0 && (P.value = e.showInput), e.disabledKeys !== void 0 && (J.value = e.disabledKeys), a && E(a);
       },
       getContext: (e) => null,
       getContexts: () => ({}),
@@ -323,7 +321,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       },
       updateStates: (e) => {
         Object.keys(e).forEach((a) => {
-          if (a === "emptyContentMinWidth" && (X.value = e[a]), a === "isOpen" && (v.value = e[a]), a === "rePosKey" && (H.value = e[a]), a === "keyEntities" && (f.value = e[a]), a === "selectedKeys" && (T.value = e[a]), a === "activeKeys")
+          if (a === "emptyContentMinWidth" && (X.value = e[a]), a === "isOpen" && (p.value = e[a]), a === "rePosKey" && (H.value = e[a]), a === "keyEntities" && (f.value = e[a]), a === "selectedKeys" && (T.value = e[a]), a === "activeKeys")
             if (l.multiple && e[a] instanceof Set) {
               const o = new Set(O.value);
               e[a].forEach((n) => o.add(n)), O.value = o;
@@ -333,14 +331,14 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
         });
       },
       openMenu: () => {
-        v.value = !0, S.value = !0;
+        p.value = !0, S.value = !0;
       },
       closeMenu: (e) => {
         if (l.multiple && l.filterTreeNode && K.value) {
           e && E(e);
           return;
         }
-        v.value = !1, S.value = !1, e && E(e);
+        p.value = !1, S.value = !1, e && E(e);
       },
       updateSelection: (e) => {
         T.value = e;
@@ -391,12 +389,12 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
         P.value = e, E(a);
       },
       updateFocusState: (e) => {
-        pe.value = e;
+        ve.value = e;
       },
       updateLoadingKeyRefValue: (e) => {
-        ve.value = e;
+        pe.value = e;
       },
-      getLoadingKeyRefValue: () => ve.value || /* @__PURE__ */ new Set(),
+      getLoadingKeyRefValue: () => pe.value || /* @__PURE__ */ new Set(),
       updateLoadedKeyRefValue: (e) => {
         fe.value = e;
       },
@@ -417,20 +415,20 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       }
     }), { foundation: t } = Vl($l, Je);
     R(
-      v,
+      p,
       (e, a) => {
         if (!e && a && l.multiple && l.filterTreeNode) {
           if (K.value) {
-            v.value = !0, S.value = !0;
+            p.value = !0, S.value = !0;
             return;
           }
           const o = document.activeElement, n = N.value;
-          o && n && n.contains(o) && (v.value = !0, S.value = !0);
+          o && n && n.contains(o) && (p.value = !0, S.value = !0);
         }
       },
       { flush: "sync" }
     ), R(
-      v,
+      p,
       (e) => {
         S.value !== e && (S.value = e);
       },
@@ -460,20 +458,20 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
         if (a && o && o.contains(a))
           return;
       }
-      S.value = e, v.value = e;
+      S.value = e, p.value = e;
     }, tl = (e) => {
       if (!e && l.multiple && l.filterTreeNode) {
         if (K.value) {
-          v.value = !0;
+          p.value = !0;
           return;
         }
         const a = document.activeElement, o = N.value;
         if (a && o && o.contains(a)) {
-          v.value = !0;
+          p.value = !0;
           return;
         }
         setTimeout(() => {
-          K.value && !v.value && (v.value = !0);
+          K.value && !p.value && (p.value = !0);
         }, 0);
       }
       e ? (t.open(), Y.value && requestAnimationFrame(() => {
@@ -524,7 +522,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
     }, cl = (...e) => {
       const a = e[1], o = e[2], n = o ? Object.values(f.value).find((d) => d.key === o) : void 0;
       a && typeof a.preventDefault == "function" && a.preventDefault(), a && typeof a.stopPropagation == "function" && a.stopPropagation(), n && t.handleTagRemoveByKey(n.key);
-    }, pl = (e) => {
+    }, vl = (e) => {
       const a = Object.values(f.value).find((o) => o.data[l.displayProp] === e);
       a && t.handleTagRemoveByKey(a.key);
     }, be = (e) => {
@@ -535,14 +533,14 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       }, 500), setTimeout(() => {
         K.value = !1;
       }, 500));
-    }, vl = () => {
+    }, pl = () => {
       Ke();
     }, ke = (e) => {
       var a, o;
-      if (l.multiple && l.filterTreeNode && v.value) {
+      if (l.multiple && l.filterTreeNode && p.value) {
         if (K.value) {
           (a = e.preventDefault) == null || a.call(e), (o = e.stopPropagation) == null || o.call(e), requestAnimationFrame(() => {
-            if (v.value && i.value) {
+            if (p.value && i.value) {
               if (typeof i.value.focus == "function")
                 i.value.focus();
               else if (i.value.$el && i.value.$el.querySelector) {
@@ -555,7 +553,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
         }
         setTimeout(() => {
           if (K.value) {
-            if (v.value && i.value) {
+            if (p.value && i.value) {
               if (typeof i.value.focus == "function")
                 i.value.focus();
               else if (i.value.$el && i.value.$el.querySelector) {
@@ -567,7 +565,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
           }
           const n = e.relatedTarget || document.activeElement, d = N.value;
           if (n && d && d.contains(n)) {
-            if (v.value && i.value) {
+            if (p.value && i.value) {
               if (typeof i.value.focus == "function")
                 i.value.focus();
               else if (i.value.$el && i.value.$el.querySelector) {
@@ -711,7 +709,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
             "filter-render": l.filterRender,
             virtualize: l.virtualizeInSearch,
             "expand-icon": l.expandIcon,
-            onMouseDownInDropdown: vl
+            onMouseDownInDropdown: pl
           }, null, 8, ["active-keys", "selected-keys", "separator", "loaded-keys", "loading-keys", "show-next", "searchable", "keyword", "empty", "empty-content", "load-data", "data", "multiple", "checked-keys", "half-checked-keys", "filter-render", "virtualize", "expand-icon"]),
           l.bottomSlot ? (u(), k(_(l.bottomSlot), { key: 1 })) : L("", !0)
         ], 38)
@@ -769,7 +767,7 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
                   placeholder: l.placeholder,
                   onInputChange: a[1] || (a[1] = (o, n) => le(o)),
                   onKeyDown: be,
-                  onRemove: pl,
+                  onRemove: vl,
                   onFocus: fl,
                   onBlur: ke
                 }, null, 8, ["value", "class", "size", "disabled", "max-tag-count", "show-rest-tags-popover", "rest-tags-popover-props", "input-value", "placeholder"])) : (u(), y(x, { key: 1 }, [
@@ -868,6 +866,6 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
   }
 });
 export {
-  ra as default
+  sa as default
 };
 //# sourceMappingURL=Cascader.vue.js.map