@wimi/ui 0.4.17 → 0.4.18

package/dist/{en-DUcOGCKS.mjs → en-gonzj404.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-BQq5z6-F.mjs";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{index-JCi8uj7s.mjs → index-BQq5z6-F.mjs}

@@ -44641,31 +44641,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-gonzj404.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-rZv9VN_q.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-Doi3PYqg.mjs").then((n10) => n10.z);
       break;
     }
     case "ko-KR": {
-      locale2 = await import("./ko-Dpm_JHv5.mjs").then((n10) => n10.k);
+      locale2 = await import("./ko-BNNzPe5h.mjs").then((n10) => n10.k);
       break;
     }
     case "ja-JP": {
-      locale2 = await import("./ja-DzmS0NEe.mjs").then((n10) => n10.j);
+      locale2 = await import("./ja-CN386CXw.mjs").then((n10) => n10.j);
       break;
     }
     case "ru-RU": {
-      locale2 = await import("./ru-CY9ncGql.mjs").then((n10) => n10.r);
+      locale2 = await import("./ru-CpRb9z7m.mjs").then((n10) => n10.r);
       break;
     }
     default: {
-      locale2 = await import("./zh-cn-CWZ7n2ZT.mjs").then((n10) => n10.z);
+      locale2 = await import("./zh-cn-rZv9VN_q.mjs").then((n10) => n10.z);
     }
   }
   if (locale2) {
@@ -305585,10 +305585,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 +305617,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 +305788,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 +305820,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 +305858,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-BQq5z6-F.mjs";
 export {
   _ as ApiComponent,
   ad as Badge,