@wimi/ui 0.4.17 → 0.4.19

package/dist/{en-DUcOGCKS.mjs → en-CuEFUWUx.mjs}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-JCi8uj7s.mjs";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-B9_Aevn6.mjs";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{index-JCi8uj7s.mjs → index-B9_Aevn6.mjs}

@@ -10,7 +10,7 @@ var __privateAdd = (obj2, member, value) => member.has(obj2) ? __typeError("Cann
 var __privateSet = (obj2, member, value, setter) => (__accessCheck(obj2, member, "write to private field"), setter ? setter.call(obj2, value) : member.set(obj2, value), value);
 var _components, _message;
 import * as vue$1 from "vue";
-import { computed, onMounted, nextTick, onBeforeUnmount, onUnmounted, toRef as toRef$2, readonly, ref, customRef, getCurrentScope, onScopeDispose, isRef, reactive, unref, getCurrentInstance, shallowRef, shallowReadonly, watch, hasInjectionContext, inject as inject$1, toValue as toValue$2, toRefs, watchEffect, h as h$3, defineComponent, mergeModels, useModel, useAttrs, createBlock, openBlock, resolveDynamicComponent, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, Fragment, isVNode, Comment, Text as Text$2, onUpdated, provide, triggerRef, Transition, withDirectives, resolveDirective, cloneVNode, withModifiers, vShow, onBeforeMount, Teleport, createTextVNode, toRaw, render as render$4, onBeforeUpdate, TransitionGroup, createElementBlock, normalizeClass, createElementVNode, toDisplayString, effectScope, withKeys, createCommentVNode, toHandlerKey, camelize as camelize$1, normalizeStyle as normalizeStyle$2, markRaw, watchPostEffect, mergeDefaults, useSlots, toHandlers, warn as warn$6, onActivated, onDeactivated, useId as useId$2, isReactive, createApp, resolveComponent } from "vue";
+import { computed, onMounted, nextTick, onBeforeUnmount, onUnmounted, toRef as toRef$2, readonly, ref, customRef, getCurrentScope, onScopeDispose, isRef, reactive, unref, getCurrentInstance, shallowRef, shallowReadonly, watch, hasInjectionContext, inject as inject$1, toValue as toValue$2, toRefs, watchEffect, h as h$3, defineComponent, mergeModels, useModel, useAttrs, createBlock, openBlock, resolveDynamicComponent, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, Fragment, isVNode, Comment, Text as Text$2, onUpdated, provide, triggerRef, Transition, withDirectives, resolveDirective, cloneVNode, withModifiers, vShow, onBeforeMount, Teleport, createTextVNode, toRaw, render as render$4, onBeforeUpdate, TransitionGroup, createElementBlock, normalizeStyle as normalizeStyle$2, normalizeClass, createElementVNode, toDisplayString, effectScope, withKeys, createCommentVNode, toHandlerKey, camelize as camelize$1, markRaw, watchPostEffect, mergeDefaults, useSlots, toHandlers, warn as warn$6, onActivated, onDeactivated, useId as useId$2, isReactive, createApp, resolveComponent } from "vue";
 class GlobalShareState {
   constructor() {
     __privateAdd(this, _components, {});
@@ -44585,7 +44585,11 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", null, [createVNode(unref(ConfigProvider), {
+      var _a2, _b2;
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass((_a2 = _ctx.$attrs) == null ? void 0 : _a2.class),
+        style: normalizeStyle$2((_b2 = _ctx.$attrs) == null ? void 0 : _b2.style)
+      }, [createVNode(unref(ConfigProvider), {
         theme: {
           token: unref(tokens)
         }
@@ -44600,7 +44604,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
           _: 3
         }, 16, ["style", "class"])]),
         _: 3
-      }, 8, ["theme"])]);
+      }, 8, ["theme"])], 6);
     };
   }
 });
@@ -44611,7 +44615,7 @@ const _export_sfc$1 = (sfc, props2) => {
   }
   return target;
 };
-const WmButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$3n, [["__scopeId", "data-v-f5bb3ef5"]]);
+const WmButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$3n, [["__scopeId", "data-v-d07231de"]]);
 const locales = {
   reset: "重 置",
   submit: "提 交",
@@ -44641,31 +44645,31 @@ async function loadDayjsLocale(lang) {
   let locale2;
   switch (lang) {
     case "en-US": {
-      locale2 = await import("./en-DUcOGCKS.mjs").then((n10) => n10.e);
+      locale2 = await import("./en-CuEFUWUx.mjs").then((n10) => n10.e);
       break;
     }
     case "zh-CN": {
-      locale2 = await import("./zh-cn-CWZ7n2ZT.mjs").then((n10) => n10.z);
+      locale2 = await import("./zh-cn-CPGMCy1A.mjs").then((n10) => n10.z);
       break;
     }
     case "zh-TW": {
-      locale2 = await import("./zh-tw-CGVQS3mU.mjs").then((n10) => n10.z);
+      locale2 = await import("./zh-tw-Iws96JKG.mjs").then((n10) => n10.z);
       break;
     }
     case "ko-KR": {
-      locale2 = await import("./ko-Dpm_JHv5.mjs").then((n10) => n10.k);
+      locale2 = await import("./ko-COx6ax0z.mjs").then((n10) => n10.k);
       break;
     }
     case "ja-JP": {
-      locale2 = await import("./ja-DzmS0NEe.mjs").then((n10) => n10.j);
+      locale2 = await import("./ja-Bc57uazT.mjs").then((n10) => n10.j);
       break;
     }
     case "ru-RU": {
-      locale2 = await import("./ru-CY9ncGql.mjs").then((n10) => n10.r);
+      locale2 = await import("./ru-CJWl3ORw.mjs").then((n10) => n10.r);
       break;
     }
     default: {
-      locale2 = await import("./zh-cn-CWZ7n2ZT.mjs").then((n10) => n10.z);
+      locale2 = await import("./zh-cn-CPGMCy1A.mjs").then((n10) => n10.z);
     }
   }
   if (locale2) {
@@ -305585,10 +305589,24 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     loading: {
       type: Boolean
     },
-    inputProps: {}
+    inputProps: {},
+    filterCheckedOnly: {
+      type: Boolean,
+      default: true
+    },
+    checkAllOnClear: {
+      type: Boolean,
+      default: false
+    },
+    defaultCheckAll: {
+      type: Boolean,
+      default: false
+    }
   },
+  emits: ["update:checkedKeys"],
   setup(__props, {
-    expose: __expose
+    expose: __expose,
+    emit: __emit
   }) {
     const ellipsisCss = vi`
   overflow: hidden;
@@ -305603,17 +305621,161 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 `;
     const props2 = __props;
+    const emit = __emit;
     const {
       commonTokens
     } = useNaiveDesignTokens();
     const attrs = useAttrs();
     const elRef = ref();
     const searchValue = ref("");
+    const defaultFilter = (pattern, node2) => {
+      const labelField = props2.labelField || "label";
+      const label = node2[labelField];
+      return (label == null ? void 0 : label.toLowerCase().includes(pattern.toLowerCase())) ?? false;
+    };
+    const getVisibleKeys = (data, pattern) => {
+      const visibleKeys = /* @__PURE__ */ new Set();
+      if (!data) return visibleKeys;
+      if (!pattern) {
+        const collectAll = (nodes) => {
+          for (const node2 of nodes) {
+            const keyField2 = props2.keyField || "key";
+            const childrenField2 = props2.childrenField || "children";
+            visibleKeys.add(node2[keyField2]);
+            const children = node2[childrenField2];
+            if (children == null ? void 0 : children.length) collectAll(children);
+          }
+        };
+        collectAll(data);
+        return visibleKeys;
+      }
+      const keyField = props2.keyField || "key";
+      const childrenField = props2.childrenField || "children";
+      const filterFn = props2.filter || defaultFilter;
+      const traverse2 = (nodes) => {
+        let hasVisible = false;
+        for (const node2 of nodes) {
+          const nodeKey = node2[keyField];
+          const children = node2[childrenField];
+          const childrenVisible = (children == null ? void 0 : children.length) ? traverse2(children) : false;
+          const selfMatch = filterFn(pattern, node2);
+          if (selfMatch || childrenVisible) {
+            visibleKeys.add(nodeKey);
+            hasVisible = true;
+          }
+        }
+        return hasVisible;
+      };
+      traverse2(data);
+      return visibleKeys;
+    };
+    const getAllNodesData = (data) => {
+      const keys2 = [];
+      const options = [];
+      if (!data) return {
+        keys: keys2,
+        options
+      };
+      const keyField = props2.keyField || "key";
+      const childrenField = props2.childrenField || "children";
+      const traverse2 = (nodes) => {
+        for (const node2 of nodes) {
+          keys2.push(node2[keyField]);
+          options.push(node2);
+          const children = node2[childrenField];
+          if (children == null ? void 0 : children.length) traverse2(children);
+        }
+      };
+      traverse2(data);
+      return {
+        keys: keys2,
+        options
+      };
+    };
+    const visibleKeysSet = computed(() => getVisibleKeys(props2.data, searchValue.value));
+    onMounted(() => {
+      var _a2;
+      if (props2.checkable && props2.defaultCheckAll && ((_a2 = props2.data) == null ? void 0 : _a2.length)) {
+        const {
+          keys: keys2,
+          options
+        } = getAllNodesData(props2.data);
+        emit("update:checkedKeys", keys2, options, {
+          node: null,
+          action: "check"
+        });
+        const originalHandler = props2["onUpdate:checkedKeys"] || props2.onUpdateCheckedKeys;
+        if (originalHandler) {
+          const handlers2 = Array.isArray(originalHandler) ? originalHandler : [originalHandler];
+          handlers2.forEach((fn2) => fn2(keys2, options, {
+            node: null,
+            action: "check"
+          }));
+        }
+      }
+    });
+    watch(searchValue, (newVal, oldVal) => {
+      var _a2, _b2;
+      if (!props2.filterCheckedOnly) return;
+      const invokeHandler = (k10, o2, action) => {
+        emit("update:checkedKeys", k10, o2, {
+          node: null,
+          action
+        });
+        const originalHandler = props2["onUpdate:checkedKeys"] || props2.onUpdateCheckedKeys;
+        if (originalHandler) {
+          const handlers2 = Array.isArray(originalHandler) ? originalHandler : [originalHandler];
+          handlers2.forEach((fn2) => fn2(k10, o2, {
+            node: null,
+            action
+          }));
+        }
+      };
+      if (!newVal && oldVal && props2.checkAllOnClear) {
+        const {
+          keys: keys2,
+          options
+        } = getAllNodesData(props2.data);
+        invokeHandler(keys2, options, "check");
+        return;
+      }
+      if (!newVal) return;
+      const checkedData = (_a2 = elRef.value) == null ? void 0 : _a2.getCheckedData();
+      if (!((_b2 = checkedData == null ? void 0 : checkedData.keys) == null ? void 0 : _b2.length)) return;
+      const visibleKeys = getVisibleKeys(props2.data, newVal);
+      const filteredKeys = checkedData.keys.filter((key2) => visibleKeys.has(key2));
+      if (filteredKeys.length !== checkedData.keys.length) {
+        const keyField = props2.keyField || "key";
+        const filteredOptions = checkedData.options.filter((opt) => visibleKeys.has(opt[keyField]));
+        invokeHandler(filteredKeys, filteredOptions, "uncheck");
+      }
+    });
+    const handleUpdateCheckedKeys = (keys2, options, meta) => {
+      const invokeHandler = (k10, o2) => {
+        const originalHandler = props2["onUpdate:checkedKeys"] || props2.onUpdateCheckedKeys;
+        if (!originalHandler) return;
+        const handlers2 = Array.isArray(originalHandler) ? originalHandler : [originalHandler];
+        handlers2.forEach((fn2) => fn2(k10, o2, meta));
+      };
+      if (!props2.filterCheckedOnly || !searchValue.value) {
+        emit("update:checkedKeys", keys2, options, meta);
+        invokeHandler(keys2, options);
+        return;
+      }
+      const filteredKeys = keys2.filter((key2) => visibleKeysSet.value.has(key2));
+      const filteredOptions = options.filter((opt) => {
+        const keyField = props2.keyField || "key";
+        return visibleKeysSet.value.has(opt[keyField]);
+      });
+      emit("update:checkedKeys", filteredKeys, filteredOptions, meta);
+      invokeHandler(filteredKeys, filteredOptions);
+    };
     const getBindValue = computed(() => {
+      const omitKeys = ["ellipsis", "loading", "inputProps", "filterCheckedOnly", "checkAllOnClear", "defaultCheckAll", "onUpdate:checkedKeys", "onUpdateCheckedKeys"];
       return omit$4({
         ...props2,
         ...attrs
-      }, ["ellipsis", "loading", "inputProps"]);
+      }, omitKeys);
     });
     const extendedNodeProps = computed(() => {
       return (params) => {
@@ -305630,6 +305792,26 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         };
       };
     });
+    const getFilteredCheckedKeys = () => {
+      var _a2, _b2;
+      const checkedData = (_a2 = elRef.value) == null ? void 0 : _a2.getCheckedData();
+      if (!((_b2 = checkedData == null ? void 0 : checkedData.keys) == null ? void 0 : _b2.length) || !searchValue.value) {
+        return (checkedData == null ? void 0 : checkedData.keys) || [];
+      }
+      return checkedData.keys.filter((key2) => visibleKeysSet.value.has(key2));
+    };
+    const getFilteredCheckedData = () => {
+      var _a2;
+      const checkedData = (_a2 = elRef.value) == null ? void 0 : _a2.getCheckedData();
+      if (!checkedData || !searchValue.value) {
+        return checkedData;
+      }
+      const keyField = props2.keyField || "key";
+      return {
+        keys: checkedData.keys.filter((key2) => visibleKeysSet.value.has(key2)),
+        options: checkedData.options.filter((opt) => visibleKeysSet.value.has(opt[keyField]))
+      };
+    };
     const exposeMthods = {
       scrollTo: (...args) => {
         var _a2;
@@ -305642,7 +305824,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       getIndeterminateData: () => {
         var _a2;
         return (_a2 = elRef.value) == null ? void 0 : _a2.getIndeterminateData();
-      }
+      },
+      getFilteredCheckedKeys,
+      getFilteredCheckedData,
+      getSearchValue: () => searchValue.value,
+      getVisibleKeys: () => visibleKeysSet.value
     };
     __expose({
       ...exposeMthods
@@ -305676,7 +305862,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ref: elRef
             }, getBindValue.value, {
               pattern: searchValue.value,
-              "node-props": extendedNodeProps.value
+              "node-props": extendedNodeProps.value,
+              "onUpdate:checkedKeys": handleUpdateCheckedKeys
             }), createSlots({
               empty: withCtx(() => [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(unref(Empty$1), {
                 class: "mx-auto"

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { _, ad, a2, a3, a4, aa, a5, a8, a6, a7, a9, ab, e, b, h, ae, ag, ah, ai, aj, ak, af, al, am, an, ao, ap, aq, ar, as, B, $, N, Q, R, S, q, a0, y, W, a, i, f, j, k, l, t, v, T, w, x, z, A, C, F, G, I, H, J, O, P, U, V, X, L, ac, aZ, aR, au, a1, aW, av, aw, aA, aB, aF, az, aC, at, aG, ax, ay, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aS, Y, aY, aX, aV, aD, s, D, Z, o, K, aT, aU, aE, m, p, r, M, u, E, n } from "./index-JCi8uj7s.mjs";
+import { _, ad, a2, a3, a4, aa, a5, a8, a6, a7, a9, ab, e, b, h, ae, ag, ah, ai, aj, ak, af, al, am, an, ao, ap, aq, ar, as, B, $, N, Q, R, S, q, a0, y, W, a, i, f, j, k, l, t, v, T, w, x, z, A, C, F, G, I, H, J, O, P, U, V, X, L, ac, aZ, aR, au, a1, aW, av, aw, aA, aB, aF, az, aC, at, aG, ax, ay, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aS, Y, aY, aX, aV, aD, s, D, Z, o, K, aT, aU, aE, m, p, r, M, u, E, n } from "./index-B9_Aevn6.mjs";
 export {
   _ as ApiComponent,
   ad as Badge,