@yoooloo42/joker 1.0.132 → 1.0.134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +531 -15
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +531 -15
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -23578,6 +23578,496 @@ return (_ctx, _cache) => {
|
|
|
23578
23578
|
|
|
23579
23579
|
script$f.__file = "src/form/Form.vue";
|
|
23580
23580
|
|
|
23581
|
+
// 引用标准:GB/T 2260
|
|
23582
|
+
|
|
23583
|
+
/**
|
|
23584
|
+
* 深度拷贝函数
|
|
23585
|
+
*
|
|
23586
|
+
* @param {any} obj 需要拷贝的对象、数组或基本类型值
|
|
23587
|
+
* @param {WeakMap} [cache=new WeakMap()] 用于处理循环引用的缓存
|
|
23588
|
+
* @returns {any} 深度拷贝后的新对象/新值
|
|
23589
|
+
*/
|
|
23590
|
+
function deepClone$1(obj, cache = new WeakMap()) {
|
|
23591
|
+
// 1. 基本类型值(包括 null)和函数,直接返回
|
|
23592
|
+
if (obj === null || typeof obj !== 'object') {
|
|
23593
|
+
return obj;
|
|
23594
|
+
}
|
|
23595
|
+
// 处理函数(尽管技术上函数是对象,但我们通常不克隆它,而是直接引用)
|
|
23596
|
+
if (typeof obj === 'function') {
|
|
23597
|
+
return obj;
|
|
23598
|
+
}
|
|
23599
|
+
|
|
23600
|
+
// 2. 检查循环引用
|
|
23601
|
+
// 如果缓存中已存在该对象,说明遇到了循环引用,直接返回缓存中的克隆对象
|
|
23602
|
+
if (cache.has(obj)) {
|
|
23603
|
+
return cache.get(obj);
|
|
23604
|
+
}
|
|
23605
|
+
|
|
23606
|
+
// 3. 处理特定内置对象(Date 和 RegExp)
|
|
23607
|
+
if (obj instanceof Date) {
|
|
23608
|
+
return new Date(obj.getTime());
|
|
23609
|
+
}
|
|
23610
|
+
if (obj instanceof RegExp) {
|
|
23611
|
+
// g: global, i: ignoreCase, m: multiline, u: unicode, y: sticky
|
|
23612
|
+
const flags = obj.global ? 'g' : ''
|
|
23613
|
+
+ obj.ignoreCase ? 'i' : ''
|
|
23614
|
+
+ obj.multiline ? 'm' : ''
|
|
23615
|
+
+ obj.unicode ? 'u' : ''
|
|
23616
|
+
+ obj.sticky ? 'y' : '';
|
|
23617
|
+
return new RegExp(obj.source, flags);
|
|
23618
|
+
}
|
|
23619
|
+
|
|
23620
|
+
// 4. 初始化克隆对象
|
|
23621
|
+
// 如果是数组,则初始化为空数组;否则初始化为空对象
|
|
23622
|
+
const clone = Array.isArray(obj) ? [] : {};
|
|
23623
|
+
|
|
23624
|
+
// 将克隆对象放入缓存,以处理接下来的递归调用中可能遇到的循环引用
|
|
23625
|
+
cache.set(obj, clone);
|
|
23626
|
+
|
|
23627
|
+
// 5. 递归拷贝属性
|
|
23628
|
+
for (const key in obj) {
|
|
23629
|
+
// 确保只处理对象自身的属性,排除原型链上的属性
|
|
23630
|
+
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
23631
|
+
clone[key] = deepClone$1(obj[key], cache);
|
|
23632
|
+
}
|
|
23633
|
+
}
|
|
23634
|
+
|
|
23635
|
+
// 6. 拷贝 Symbol 属性 (ES6/ES2015+)
|
|
23636
|
+
if (typeof Object.getOwnPropertySymbols === 'function') {
|
|
23637
|
+
Object.getOwnPropertySymbols(obj).forEach(sym => {
|
|
23638
|
+
clone[sym] = deepClone$1(obj[sym], cache);
|
|
23639
|
+
});
|
|
23640
|
+
}
|
|
23641
|
+
|
|
23642
|
+
return clone;
|
|
23643
|
+
}
|
|
23644
|
+
|
|
23645
|
+
/**
|
|
23646
|
+
* 深度拷贝函数,并在拷贝叶节点值时应用一个转换函数。
|
|
23647
|
+
*
|
|
23648
|
+
* @param {any} obj - 需要拷贝的对象、数组或基本类型值。
|
|
23649
|
+
* @param {function} valueMapper - 接收叶节点值作为参数,并返回新值的转换函数。
|
|
23650
|
+
* @param {WeakMap} [cache=new WeakMap()] - 用于处理循环引用的缓存。
|
|
23651
|
+
* @returns {any} 深度拷贝并转换后的新对象/新值。
|
|
23652
|
+
*/
|
|
23653
|
+
function deepCloneAndMap(obj, valueMapper, cache = new WeakMap()) {
|
|
23654
|
+
// 1. 基本类型值(包括 null)和函数,**应用 valueMapper**
|
|
23655
|
+
|
|
23656
|
+
// 如果是基本类型值(包括 null),则认为是叶节点,应用 valueMapper
|
|
23657
|
+
if (obj === null || typeof obj !== 'object') {
|
|
23658
|
+
// 对基本类型值应用转换函数
|
|
23659
|
+
return valueMapper ? valueMapper(obj) : obj;
|
|
23660
|
+
}
|
|
23661
|
+
|
|
23662
|
+
// 如果是函数,通常我们不克隆它,也不转换它的值,直接返回
|
|
23663
|
+
if (typeof obj === 'function') {
|
|
23664
|
+
return obj;
|
|
23665
|
+
}
|
|
23666
|
+
|
|
23667
|
+
// 2. 检查循环引用 (与原函数逻辑相同)
|
|
23668
|
+
if (cache.has(obj)) {
|
|
23669
|
+
return cache.get(obj);
|
|
23670
|
+
}
|
|
23671
|
+
|
|
23672
|
+
// 3. 处理特定内置对象(Date 和 RegExp),**应用 valueMapper**
|
|
23673
|
+
|
|
23674
|
+
// 对于 Date 和 RegExp 这种对象实例,我们通常将它们的**值**视为叶节点,
|
|
23675
|
+
// 克隆实例本身后,再对这个克隆实例应用 valueMapper。
|
|
23676
|
+
let clone;
|
|
23677
|
+
|
|
23678
|
+
if (obj instanceof Date) {
|
|
23679
|
+
clone = new Date(obj.getTime());
|
|
23680
|
+
} else if (obj instanceof RegExp) {
|
|
23681
|
+
// 提取 flags
|
|
23682
|
+
const flags = (obj.global ? 'g' : '')
|
|
23683
|
+
+ (obj.ignoreCase ? 'i' : '')
|
|
23684
|
+
+ (obj.multiline ? 'm' : '')
|
|
23685
|
+
+ (obj.unicode ? 'u' : '')
|
|
23686
|
+
+ (obj.sticky ? 'y' : '');
|
|
23687
|
+
clone = new RegExp(obj.source, flags);
|
|
23688
|
+
}
|
|
23689
|
+
|
|
23690
|
+
// 检查是否是内置对象(Date/RegExp),如果是,对克隆后的实例应用转换
|
|
23691
|
+
if (clone) {
|
|
23692
|
+
return valueMapper ? valueMapper(clone) : clone;
|
|
23693
|
+
}
|
|
23694
|
+
|
|
23695
|
+
// 4. 初始化克隆对象 (普通对象和数组)
|
|
23696
|
+
clone = Array.isArray(obj) ? [] : {};
|
|
23697
|
+
|
|
23698
|
+
// 将克隆对象放入缓存
|
|
23699
|
+
cache.set(obj, clone);
|
|
23700
|
+
|
|
23701
|
+
// 5. 递归拷贝属性
|
|
23702
|
+
for (const key in obj) {
|
|
23703
|
+
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
23704
|
+
// 递归调用自身,对子属性进行深拷贝和转换
|
|
23705
|
+
clone[key] = deepCloneAndMap(obj[key], valueMapper, cache);
|
|
23706
|
+
}
|
|
23707
|
+
}
|
|
23708
|
+
|
|
23709
|
+
// 6. 拷贝 Symbol 属性
|
|
23710
|
+
if (typeof Object.getOwnPropertySymbols === 'function') {
|
|
23711
|
+
Object.getOwnPropertySymbols(obj).forEach(sym => {
|
|
23712
|
+
// 递归调用自身,对 Symbol 属性的值进行深拷贝和转换
|
|
23713
|
+
clone[sym] = deepCloneAndMap(obj[sym], valueMapper, cache);
|
|
23714
|
+
});
|
|
23715
|
+
}
|
|
23716
|
+
|
|
23717
|
+
// 7. 返回深度克隆并转换后的对象/数组
|
|
23718
|
+
return clone;
|
|
23719
|
+
}
|
|
23720
|
+
|
|
23721
|
+
/**
|
|
23722
|
+
* 健壮的数据类型判断函数
|
|
23723
|
+
*
|
|
23724
|
+
* @param {any} value 需要判断类型的值
|
|
23725
|
+
* @returns {string} 小写的类型字符串,例如:'string', 'number', 'array', 'function', 'object', 'null', 'undefined'
|
|
23726
|
+
*/
|
|
23727
|
+
function typeOfValue(value) {
|
|
23728
|
+
// 1. 处理基本类型值(typeof 准确的部分)
|
|
23729
|
+
const type = typeof value;
|
|
23730
|
+
|
|
23731
|
+
// 'string', 'number', 'boolean', 'symbol', 'bigint', 'function', 'undefined'
|
|
23732
|
+
if (type !== 'object') {
|
|
23733
|
+
return type;
|
|
23734
|
+
}
|
|
23735
|
+
|
|
23736
|
+
// 2. 处理 null (typeof 的缺陷:typeof null === 'object')
|
|
23737
|
+
if (value === null) {
|
|
23738
|
+
return 'null';
|
|
23739
|
+
}
|
|
23740
|
+
|
|
23741
|
+
// 3. 处理对象类型值 (使用 Object.prototype.toString.call() 获取内部 [[Class]] 属性)
|
|
23742
|
+
// 结果格式为:[object Class]
|
|
23743
|
+
const classString = Object.prototype.toString.call(value);
|
|
23744
|
+
|
|
23745
|
+
// 提取 'Array', 'Date', 'RegExp', 'Map', 'Set', 'Object' 等 Class 名称
|
|
23746
|
+
const className = classString.slice(8, -1);
|
|
23747
|
+
|
|
23748
|
+
// 4. 特殊处理 Array.isArray()
|
|
23749
|
+
// 虽然 className 已经是 'Array',但 Array.isArray 更快且明确
|
|
23750
|
+
if (className === 'Array') {
|
|
23751
|
+
return 'array';
|
|
23752
|
+
}
|
|
23753
|
+
|
|
23754
|
+
// 5. 将其他内置对象和普通对象名称转为小写返回
|
|
23755
|
+
return className.toLowerCase();
|
|
23756
|
+
}
|
|
23757
|
+
|
|
23758
|
+
/**
|
|
23759
|
+
* 判断一个字符串是否是有效的 JSON 格式
|
|
23760
|
+
*
|
|
23761
|
+
* @param {string} strValue - 要检查的字符串值
|
|
23762
|
+
* @returns {boolean} 如果字符串是有效的 JSON 格式则返回 true,否则返回 false
|
|
23763
|
+
*/
|
|
23764
|
+
function isJsonString(strValue) {
|
|
23765
|
+
// 1. 确保输入是一个字符串,如果不是,则直接返回 false
|
|
23766
|
+
// JSON 格式只能是字符串
|
|
23767
|
+
if (typeof strValue !== 'string') {
|
|
23768
|
+
return false;
|
|
23769
|
+
}
|
|
23770
|
+
|
|
23771
|
+
// 2. 尝试解析字符串
|
|
23772
|
+
try {
|
|
23773
|
+
// 使用 JSON.parse() 尝试解析。
|
|
23774
|
+
// 如果解析成功,它就会返回解析后的对象或值。
|
|
23775
|
+
// 如果解析失败,就会抛出 SyntaxError 错误。
|
|
23776
|
+
JSON.parse(strValue);
|
|
23777
|
+
|
|
23778
|
+
// 3. 额外的检查 (可选但推荐):
|
|
23779
|
+
// 确保解析结果不是原始类型值,例如 "123" 或 "true"
|
|
23780
|
+
// 某些场景下,用户希望 JSON 字符串必须是对象或数组的字符串表示
|
|
23781
|
+
// const parsed = JSON.parse(strValue);
|
|
23782
|
+
// if (typeof parsed !== 'object' || parsed === null) {
|
|
23783
|
+
// // 如果你想排除 "123", "null", "true" 这些原始值的 JSON 字符串,可以取消注释
|
|
23784
|
+
// // return false;
|
|
23785
|
+
// }
|
|
23786
|
+
|
|
23787
|
+
} catch (e) {
|
|
23788
|
+
// 捕获任何解析错误(通常是 SyntaxError),表示格式不符合 JSON 规范
|
|
23789
|
+
return false;
|
|
23790
|
+
}
|
|
23791
|
+
|
|
23792
|
+
// 4. 解析成功,返回 true
|
|
23793
|
+
return true;
|
|
23794
|
+
}
|
|
23795
|
+
|
|
23796
|
+
/**
|
|
23797
|
+
* 遍历树形结构(对象或数组)的所有叶节点,将叶节点的值收集到数组中。
|
|
23798
|
+
*
|
|
23799
|
+
* 叶节点被定义为:值不是普通对象或数组的节点。
|
|
23800
|
+
*
|
|
23801
|
+
* @param {object|Array} tree - 要扁平化处理的树形结构对象或数组。
|
|
23802
|
+
* @param {Array<any>} [result=[]] - 存储叶节点值的数组(递归内部使用)。
|
|
23803
|
+
* @returns {Array<any>} 包含所有叶节点值的数组。
|
|
23804
|
+
*/
|
|
23805
|
+
function flattenTreeValues(tree, result = []) {
|
|
23806
|
+
// 确保输入是对象或数组。如果不是,或者为 null,则直接返回结果数组。
|
|
23807
|
+
if (typeof tree !== 'object' || tree === null) {
|
|
23808
|
+
return result;
|
|
23809
|
+
}
|
|
23810
|
+
|
|
23811
|
+
// 遍历对象的键(如果是数组,键就是索引)
|
|
23812
|
+
for (const key in tree) {
|
|
23813
|
+
// 确保只处理对象自身的属性,排除原型链上的属性
|
|
23814
|
+
if (Object.prototype.hasOwnProperty.call(tree, key)) {
|
|
23815
|
+
const value = tree[key];
|
|
23816
|
+
|
|
23817
|
+
// 判断当前值是否为“叶节点”
|
|
23818
|
+
// 检查:值不是对象,且值不是 null
|
|
23819
|
+
if (typeof value !== 'object' || value === null) {
|
|
23820
|
+
// 1. 如果是基本类型值(叶节点),则将其压入结果数组
|
|
23821
|
+
result.push(value);
|
|
23822
|
+
} else {
|
|
23823
|
+
// 2. 如果是对象或数组(非叶节点),则进行递归调用
|
|
23824
|
+
// 注意:这里没有处理 Date, RegExp, Set, Map 等特殊对象,
|
|
23825
|
+
// 默认将它们视为非叶节点,直到它们内部的值被遍历完(这通常是不对的)
|
|
23826
|
+
//
|
|
23827
|
+
// 为了更精确地实现“叶节点”概念,我们将 Date, RegExp 等内置对象视为叶节点:
|
|
23828
|
+
const isArray = Array.isArray(value);
|
|
23829
|
+
const isPlainObject = !isArray && Object.prototype.toString.call(value) === '[object Object]';
|
|
23830
|
+
|
|
23831
|
+
if (isArray || isPlainObject) {
|
|
23832
|
+
// 如果是普通数组或普通对象,则递归
|
|
23833
|
+
flattenTreeValues(value, result);
|
|
23834
|
+
} else {
|
|
23835
|
+
// 如果是像 Date, RegExp, Map, Set 等特殊内置对象,
|
|
23836
|
+
// 我们将其视为叶节点的值(而不是继续遍历其内部结构)
|
|
23837
|
+
result.push(value);
|
|
23838
|
+
}
|
|
23839
|
+
}
|
|
23840
|
+
}
|
|
23841
|
+
}
|
|
23842
|
+
|
|
23843
|
+
return result;
|
|
23844
|
+
}
|
|
23845
|
+
|
|
23846
|
+
/**
|
|
23847
|
+
* 将扁平化的对象数组转换为树形结构数据,并在每个节点中保留原始数据。
|
|
23848
|
+
*
|
|
23849
|
+
* @param {Object[]} flatArray 待转化的扁平数组。
|
|
23850
|
+
* @param {Object} inputFields 描述输入数组中字段名的对象。
|
|
23851
|
+
* @param {string} inputFields.idField 节点代码字段名。
|
|
23852
|
+
* @param {string} inputFields.textField 节点文本字段名。
|
|
23853
|
+
* @param {string} inputFields.parentField 父节点代码字段名。
|
|
23854
|
+
* @param {Object} outputFields 描述输出树形结构中字段名的对象。
|
|
23855
|
+
* @param {string} outputFields.idField 输出节点代码字段名 (接收 inputFields.idField 的值)。
|
|
23856
|
+
* @param {string} outputFields.textField 输出节点文本字段名 (接收 inputFields.textField 的值)。
|
|
23857
|
+
* @param {string} outputFields.childrenField 子节点数组字段名。
|
|
23858
|
+
* @param {string} outputFields.originDataField 原始数据字段名 (用于存储原始的 item 对象)。
|
|
23859
|
+
* @returns {Object[]} 转换后的树形结构数组。
|
|
23860
|
+
*/
|
|
23861
|
+
function arrayToTree(flatArray, inputFields, outputFields) {
|
|
23862
|
+
// 1. 参数校验和字段提取
|
|
23863
|
+
if (!Array.isArray(flatArray) || flatArray.length === 0) {
|
|
23864
|
+
return [];
|
|
23865
|
+
}
|
|
23866
|
+
|
|
23867
|
+
// 提取输入字段名
|
|
23868
|
+
const {
|
|
23869
|
+
idField: inputId,
|
|
23870
|
+
textField: inputText,
|
|
23871
|
+
parentField: inputParent
|
|
23872
|
+
} = inputFields;
|
|
23873
|
+
|
|
23874
|
+
// 提取输出字段名
|
|
23875
|
+
const {
|
|
23876
|
+
idField: outputId,
|
|
23877
|
+
textField: outputText,
|
|
23878
|
+
childrenField: outputChildren,
|
|
23879
|
+
originDataField: outputRawData // 新增:用于存储原始数据的字段名
|
|
23880
|
+
} = outputFields;
|
|
23881
|
+
|
|
23882
|
+
// 2. 初始化辅助数据结构
|
|
23883
|
+
const tree = [];
|
|
23884
|
+
const childrenMap = new Map(); // 存储所有节点,键为节点ID
|
|
23885
|
+
const rootCandidates = new Set(); // 存储所有可能的根节点ID
|
|
23886
|
+
|
|
23887
|
+
// 3. 第一次遍历:创建所有节点并建立 ID-Node 映射
|
|
23888
|
+
for (const item of flatArray) {
|
|
23889
|
+
// 关键:创建一个只包含转换后字段和子节点的结构
|
|
23890
|
+
const newNode = {
|
|
23891
|
+
// 映射输入字段到输出字段
|
|
23892
|
+
[outputId]: item[inputId],
|
|
23893
|
+
[outputText]: item[inputText],
|
|
23894
|
+
[outputChildren]: [], // 初始化子节点数组
|
|
23895
|
+
[outputRawData]: item // 新增:存储原始数据对象
|
|
23896
|
+
};
|
|
23897
|
+
|
|
23898
|
+
childrenMap.set(newNode[outputId], newNode);
|
|
23899
|
+
rootCandidates.add(newNode[outputId]); // 假设所有节点都是根节点
|
|
23900
|
+
}
|
|
23901
|
+
|
|
23902
|
+
// 4. 第二次遍历:连接父子关系
|
|
23903
|
+
for (const node of childrenMap.values()) {
|
|
23904
|
+
const parentId = node[outputRawData][inputParent]; // 从原始数据中获取父ID
|
|
23905
|
+
|
|
23906
|
+
// 查找父节点
|
|
23907
|
+
const parentNode = childrenMap.get(parentId);
|
|
23908
|
+
|
|
23909
|
+
if (parentNode) {
|
|
23910
|
+
// 如果找到了父节点,则将当前节点添加到父节点的子节点列表中
|
|
23911
|
+
parentNode[outputChildren].push(node);
|
|
23912
|
+
|
|
23913
|
+
// 如果当前节点有父节点,它就不是根节点,从根节点候选中移除
|
|
23914
|
+
rootCandidates.delete(node[outputId]);
|
|
23915
|
+
}
|
|
23916
|
+
}
|
|
23917
|
+
|
|
23918
|
+
// 5. 组装最终树结构
|
|
23919
|
+
// 最终的树结构由所有仍在 rootCandidates 列表中的节点组成
|
|
23920
|
+
for (const rootId of rootCandidates) {
|
|
23921
|
+
const rootNode = childrenMap.get(rootId);
|
|
23922
|
+
if (rootNode) {
|
|
23923
|
+
tree.push(rootNode);
|
|
23924
|
+
}
|
|
23925
|
+
}
|
|
23926
|
+
|
|
23927
|
+
return tree;
|
|
23928
|
+
}
|
|
23929
|
+
|
|
23930
|
+
/**
|
|
23931
|
+
* 在树形对象中查找指定名称的叶子节点值
|
|
23932
|
+
* @param {Object} tree - 被查找的对象(树形结构)
|
|
23933
|
+
* @param {String} leafName - 要查找的属性名称
|
|
23934
|
+
* @returns {any} - 查找到的叶节点内容,未找到返回 undefined
|
|
23935
|
+
*/
|
|
23936
|
+
function getLeafValue(tree, leafName) {
|
|
23937
|
+
// 边界检查:如果 tree 不是对象或者是 null,无法查找
|
|
23938
|
+
if (typeof tree !== 'object' || tree === null) {
|
|
23939
|
+
return undefined;
|
|
23940
|
+
}
|
|
23941
|
+
|
|
23942
|
+
// 遍历当前层级的键
|
|
23943
|
+
for (const key in tree) {
|
|
23944
|
+
const value = tree[key];
|
|
23945
|
+
|
|
23946
|
+
// 判断当前值是否为“结构节点”(即中间节点:非数组的非空对象)
|
|
23947
|
+
// 这里假设数组是数据(叶子),普通对象是结构(中间节点)
|
|
23948
|
+
const isStructuralNode = typeof value === 'object' && value !== null && !Array.isArray(value);
|
|
23949
|
+
|
|
23950
|
+
// 1. 如果 key 匹配
|
|
23951
|
+
if (key === leafName) {
|
|
23952
|
+
// 且它不是中间节点(即它是叶子节点),则直接返回
|
|
23953
|
+
if (!isStructuralNode) {
|
|
23954
|
+
return value;
|
|
23955
|
+
}
|
|
23956
|
+
// 如果 key 匹配但是它是中间节点(Object),根据要求“不包括中间节点”,
|
|
23957
|
+
// 我们不返回它,而是继续在这个对象内部递归查找(进入下方的递归逻辑)
|
|
23958
|
+
}
|
|
23959
|
+
|
|
23960
|
+
// 2. 如果当前值是对象(中间节点),则递归查找
|
|
23961
|
+
if (isStructuralNode) {
|
|
23962
|
+
const result = getLeafValue(value, leafName);
|
|
23963
|
+
// 如果在深层找到了结果,直接返回(冒泡上来)
|
|
23964
|
+
if (result !== undefined) {
|
|
23965
|
+
return result;
|
|
23966
|
+
}
|
|
23967
|
+
}
|
|
23968
|
+
}
|
|
23969
|
+
|
|
23970
|
+
return undefined; // 遍历完未找到
|
|
23971
|
+
}
|
|
23972
|
+
|
|
23973
|
+
/**
|
|
23974
|
+
* 在树形对象中查找任意指定名称的节点(包含中间节点和叶子节点)
|
|
23975
|
+
* @param {Object} tree - 被查找的对象
|
|
23976
|
+
* @param {String} nodeName - 要查找的属性名称
|
|
23977
|
+
* @returns {any} - 查找到的节点内容(可能是值,也可能是对象),未找到返回 undefined
|
|
23978
|
+
*/
|
|
23979
|
+
function getNodeValue(tree, nodeName) {
|
|
23980
|
+
// 边界检查
|
|
23981
|
+
if (typeof tree !== 'object' || tree === null) {
|
|
23982
|
+
return undefined;
|
|
23983
|
+
}
|
|
23984
|
+
|
|
23985
|
+
// 1. 优先检查当前层级是否存在该 key (广度优先视角的微调,可选)
|
|
23986
|
+
// 如果你希望优先匹配当前层级,而不是先钻入第一个子对象里找,可以取消下面这行的注释:
|
|
23987
|
+
// if (tree.hasOwnProperty(nodeName)) return tree[nodeName];
|
|
23988
|
+
|
|
23989
|
+
// 遍历当前对象
|
|
23990
|
+
for (const key in tree) {
|
|
23991
|
+
const value = tree[key];
|
|
23992
|
+
|
|
23993
|
+
// 1. 只要 Key 匹配,立刻返回 Value
|
|
23994
|
+
// 无论 value 是字符串、数字、还是另一个对象,都视为找到了
|
|
23995
|
+
if (key === nodeName) {
|
|
23996
|
+
return value;
|
|
23997
|
+
}
|
|
23998
|
+
|
|
23999
|
+
// 2. 如果不匹配,且 value 是对象(具备子结构),则递归查找
|
|
24000
|
+
// 注意:这里通常建议排除数组,除非你确定数组里也包含带 key 的对象
|
|
24001
|
+
if (typeof value === 'object' && value !== null) {
|
|
24002
|
+
const result = getNodeValue(value, nodeName);
|
|
24003
|
+
if (result !== undefined) {
|
|
24004
|
+
return result;
|
|
24005
|
+
}
|
|
24006
|
+
}
|
|
24007
|
+
}
|
|
24008
|
+
|
|
24009
|
+
return undefined;
|
|
24010
|
+
}
|
|
24011
|
+
|
|
24012
|
+
/**
|
|
24013
|
+
* 深度非侵入式合并函数 (Deep Non-Destructive Merge)
|
|
24014
|
+
* * 特点:
|
|
24015
|
+
* 1. 深度递归地合并对象属性。
|
|
24016
|
+
* 2. 源对象中缺失的属性不会删除或覆盖目标对象中已存在的对应属性。
|
|
24017
|
+
* 3. 数组会被源对象中的数组完全覆盖。
|
|
24018
|
+
* * @param {Object} target 目标对象(将被修改)
|
|
24019
|
+
* @param {Object} source 源对象
|
|
24020
|
+
* @returns {Object} 修改后的目标对象
|
|
24021
|
+
*/
|
|
24022
|
+
function deepMerge(target, source) {
|
|
24023
|
+
// 确保源对象是一个有效的对象,如果不是则直接返回目标对象
|
|
24024
|
+
if (typeof source !== 'object' || source === null) {
|
|
24025
|
+
return target;
|
|
24026
|
+
}
|
|
24027
|
+
|
|
24028
|
+
for (const key in source) {
|
|
24029
|
+
// 确保只处理源对象自身的属性
|
|
24030
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
24031
|
+
const sourceValue = source[key];
|
|
24032
|
+
const targetValue = target[key];
|
|
24033
|
+
|
|
24034
|
+
// 1. 如果源属性的值是对象且目标属性的值也是对象,则递归合并
|
|
24035
|
+
if (
|
|
24036
|
+
typeof sourceValue === 'object' && sourceValue !== null &&
|
|
24037
|
+
!Array.isArray(sourceValue) &&
|
|
24038
|
+
typeof targetValue === 'object' && targetValue !== null &&
|
|
24039
|
+
!Array.isArray(targetValue)
|
|
24040
|
+
) {
|
|
24041
|
+
// 递归调用自身进行深度合并
|
|
24042
|
+
target[key] = deepMerge(targetValue, sourceValue);
|
|
24043
|
+
}
|
|
24044
|
+
// 2. 对于其他类型(基本类型、数组、null),直接覆盖
|
|
24045
|
+
else {
|
|
24046
|
+
// 这里的关键是:只有源对象中存在的属性,才会覆盖目标对象的属性。
|
|
24047
|
+
// 如果源对象中不存在某个键(key),则不会进入此循环,
|
|
24048
|
+
// 从而目标对象中已有的该属性得以保留。
|
|
24049
|
+
target[key] = sourceValue;
|
|
24050
|
+
}
|
|
24051
|
+
}
|
|
24052
|
+
}
|
|
24053
|
+
|
|
24054
|
+
return target;
|
|
24055
|
+
}
|
|
24056
|
+
var deepClone = {
|
|
24057
|
+
deepClone: deepClone$1,
|
|
24058
|
+
deepCloneAndMap,
|
|
24059
|
+
typeOfValue,
|
|
24060
|
+
isJsonString,
|
|
24061
|
+
flattenTreeValues,
|
|
24062
|
+
arrayToTree,
|
|
24063
|
+
getLeafValue,
|
|
24064
|
+
getNodeValue,
|
|
24065
|
+
deepMerge
|
|
24066
|
+
};
|
|
24067
|
+
|
|
24068
|
+
var unclassified = {
|
|
24069
|
+
deepClone};
|
|
24070
|
+
|
|
23581
24071
|
var script$e = {
|
|
23582
24072
|
__name: 'index',
|
|
23583
24073
|
props: {
|
|
@@ -23600,7 +24090,10 @@ const props = __props;
|
|
|
23600
24090
|
|
|
23601
24091
|
// 顶层组件的props属性需做响应性包装,页面和js可以使用相同的命名
|
|
23602
24092
|
let formData_box = vue.reactive(props.modelValue);
|
|
23603
|
-
const formProps_box = vue.reactive(
|
|
24093
|
+
const formProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
24094
|
+
unclassified.deepClone.deepClone(ly0default$2.myProps),
|
|
24095
|
+
props.myProps
|
|
24096
|
+
));
|
|
23604
24097
|
const scopeThis_box = vue.reactive(props.scopeThis);
|
|
23605
24098
|
|
|
23606
24099
|
return (_ctx, _cache) => {
|
|
@@ -23663,7 +24156,10 @@ var script$d = {
|
|
|
23663
24156
|
setup(__props) {
|
|
23664
24157
|
|
|
23665
24158
|
const props = __props;
|
|
23666
|
-
const myProps_box = vue.reactive(
|
|
24159
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
24160
|
+
unclassified.deepClone.deepClone(ly0default$1.myProps),
|
|
24161
|
+
props.myProps
|
|
24162
|
+
));
|
|
23667
24163
|
const scopeThis_box = vue.reactive(props.scopeThis);
|
|
23668
24164
|
|
|
23669
24165
|
const handleRun = (
|
|
@@ -40979,7 +41475,10 @@ const props = __props;
|
|
|
40979
41475
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
40980
41476
|
const emit = __emit;
|
|
40981
41477
|
|
|
40982
|
-
const myProps_box = vue.reactive(
|
|
41478
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
41479
|
+
unclassified.deepClone.deepClone(ly0default.myProps),
|
|
41480
|
+
props.myProps
|
|
41481
|
+
));
|
|
40983
41482
|
// 在这里,const ... reactive不能用于双向绑定:v-model:file-list="fileList_box"
|
|
40984
41483
|
const fileList_box = vue.ref([]);
|
|
40985
41484
|
props.modelValue.forEach((item, index) => {
|
|
@@ -41127,7 +41626,10 @@ const props = __props;
|
|
|
41127
41626
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
41128
41627
|
const emit = __emit;
|
|
41129
41628
|
|
|
41130
|
-
const myProps_box = vue.reactive(
|
|
41629
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
41630
|
+
unclassified.deepClone.deepClone(ly0default.myProps),
|
|
41631
|
+
props.myProps
|
|
41632
|
+
));
|
|
41131
41633
|
const fileList_box = vue.ref([]);
|
|
41132
41634
|
props.modelValue.forEach((item, index) => {
|
|
41133
41635
|
fileList_box.value.push({
|
|
@@ -41308,14 +41810,19 @@ const props = __props;
|
|
|
41308
41810
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
41309
41811
|
const emit = __emit;
|
|
41310
41812
|
|
|
41311
|
-
const myProps_box = vue.reactive(
|
|
41312
|
-
|
|
41313
|
-
|
|
41314
|
-
|
|
41315
|
-
|
|
41316
|
-
|
|
41317
|
-
|
|
41318
|
-
|
|
41813
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
41814
|
+
unclassified.deepClone.deepClone(ly0default.myProps),
|
|
41815
|
+
unclassified.deepClone.deepMerge(
|
|
41816
|
+
{
|
|
41817
|
+
uploadUrl: ly0default.carplate.uploadUrl,
|
|
41818
|
+
avatar: {
|
|
41819
|
+
width: ly0default.carplate.width,
|
|
41820
|
+
height: ly0default.carplate.height
|
|
41821
|
+
}
|
|
41822
|
+
},
|
|
41823
|
+
props.myProps
|
|
41824
|
+
)
|
|
41825
|
+
));
|
|
41319
41826
|
const fileList_box = vue.ref([]);
|
|
41320
41827
|
props.modelValue.forEach((item, index) => {
|
|
41321
41828
|
fileList_box.value.push({
|
|
@@ -41497,7 +42004,10 @@ const props = __props;
|
|
|
41497
42004
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
41498
42005
|
const emit = __emit;
|
|
41499
42006
|
|
|
41500
|
-
const myProps_box = vue.reactive(
|
|
42007
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
42008
|
+
unclassified.deepClone.deepClone(ly0default.myProps),
|
|
42009
|
+
props.myProps
|
|
42010
|
+
));
|
|
41501
42011
|
const fileList_box = vue.ref([]);
|
|
41502
42012
|
props.modelValue.forEach((item, index) => {
|
|
41503
42013
|
fileList_box.value.push({
|
|
@@ -41651,7 +42161,10 @@ const props = __props;
|
|
|
41651
42161
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
41652
42162
|
const emit = __emit;
|
|
41653
42163
|
|
|
41654
|
-
const myProps_box = vue.reactive(
|
|
42164
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
42165
|
+
unclassified.deepClone.deepClone(ly0default.myProps),
|
|
42166
|
+
props.myProps
|
|
42167
|
+
));
|
|
41655
42168
|
const fileList_box = vue.ref([]);
|
|
41656
42169
|
props.modelValue.forEach((item, index) => {
|
|
41657
42170
|
fileList_box.value.push({
|
|
@@ -41802,7 +42315,10 @@ const props = __props;
|
|
|
41802
42315
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
41803
42316
|
const emit = __emit;
|
|
41804
42317
|
|
|
41805
|
-
const myProps_box = vue.reactive(
|
|
42318
|
+
const myProps_box = vue.reactive(unclassified.deepClone.deepMerge(
|
|
42319
|
+
unclassified.deepClone.deepClone(ly0default.myProps),
|
|
42320
|
+
props.myProps
|
|
42321
|
+
));
|
|
41806
42322
|
const fileList_box = vue.ref([]);
|
|
41807
42323
|
props.modelValue.forEach((item, index) => {
|
|
41808
42324
|
fileList_box.value.push({
|