@opentiny/tiny-toolkit-pro/template/tinyvue/src/hooks/useDeepClone.ts

TinyPro Vue：开箱即用、前后端分离的 Vue 后台管理模板

import { Ref, unref } from 'vue';

export const useDeepClone = <
  T extends {
    [x: string]: any;
  },
>(
  value: T | Ref<T>,
): T => {
  const innerValue = unref(value);
  if (value === null || value === undefined) {
    return value;
  }
  if (
    typeof innerValue === 'boolean' ||
    typeof innerValue === 'string' ||
    typeof innerValue === 'number'
  ) {
    return innerValue;
  }
  const data = Object.create(null);
  if (innerValue instanceof Array) {
    const arr = [];
    for (let i = 0; i < innerValue.length; i += 1) {
      arr.push(useDeepClone(innerValue[i]));
    }
    return arr as unknown as T;
  }
  const entries = Object.entries(innerValue);
  for (let i = 0; i < entries.length; i += 1) {
    const [key, v] = entries[i];
    if (typeof v !== 'object') {
      data[key] = v;
    }
    if (typeof v === 'function') {
      data[key] = v;
    }
    data[key] = useDeepClone(v);
  }
  return data;
};