@fangzhongya/fang-ui 0.1.37 → 0.1.39
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/components/box-adjust/src/data.cjs +2 -2
- package/dist/components/box-adjust/src/data.d.ts +2 -2
- package/dist/components/box-adjust/src/data.js +2 -2
- package/dist/components/common/css.d.ts +7 -0
- package/dist/components/common/list.d.ts +7 -0
- package/dist/components/common/urls.d.ts +6 -0
- package/dist/components/common/use.cjs +18 -35
- package/dist/components/common/use.d.ts +91 -5
- package/dist/components/common/use.js +18 -35
- package/dist/components/dates2/src/data.cjs +1 -1
- package/dist/components/dates2/src/data.d.ts +1 -1
- package/dist/components/dates2/src/data.js +1 -1
- package/dist/components/forms/src/setup.cjs +8 -23
- package/dist/components/forms/src/setup.d.ts +11 -1
- package/dist/components/forms/src/setup.js +11 -26
- package/dist/components/forms/src/util.cjs +85 -17
- package/dist/components/forms/src/util.d.ts +13 -7
- package/dist/components/forms/src/util.js +87 -19
- package/dist/components/forms-item/src/label.cjs +0 -1
- package/dist/components/forms-item/src/label.js +0 -1
- package/dist/components/list/index.css +1 -1
- package/dist/components/list/index.scss +1 -1
- package/dist/components/list/src/data.cjs +3 -0
- package/dist/components/list/src/data.d.ts +3 -0
- package/dist/components/list/src/data.js +3 -0
- package/dist/components/list/src/index2.cjs +19 -24
- package/dist/components/list/src/index2.js +17 -22
- package/dist/components/list/src/util.cjs +14 -6
- package/dist/components/list/src/util.d.ts +2 -1
- package/dist/components/list/src/util.js +14 -6
- package/dist/components/list/style/index2.scss +1 -0
- package/dist/components/lists/index.css +1 -1
- package/dist/components/lists/src/data.d.ts +3 -3
- package/dist/components/lists/src/index2.cjs +9 -9
- package/dist/components/lists/src/index2.js +9 -9
- package/dist/components/listsp/index.css +1 -1
- package/dist/components/listspd/index.css +1 -1
- package/dist/components/no-data/src/data.cjs +2 -2
- package/dist/components/no-data/src/data.d.ts +2 -2
- package/dist/components/no-data/src/data.js +2 -2
- package/dist/components/no-data/src/index2.cjs +2 -2
- package/dist/components/no-data/src/index2.js +2 -2
- package/dist/components/page/index.css +1 -1
- package/dist/components/tables/common/com-but.cjs +4 -0
- package/dist/components/tables/common/com-but.js +4 -0
- package/dist/components/tables/common/{table-but2.cjs → com-but2.cjs} +17 -13
- package/dist/components/tables/common/{table-but2.js → com-but2.js} +14 -10
- package/dist/components/tables/common/com-color.cjs +4 -0
- package/dist/components/tables/common/com-color.js +4 -0
- package/dist/components/tables/common/{table-color2.cjs → com-color2.cjs} +21 -8
- package/dist/components/tables/common/{table-color2.js → com-color2.js} +23 -10
- package/dist/components/tables/common/com-fig.cjs +4 -0
- package/dist/components/tables/common/com-fig.js +4 -0
- package/dist/components/tables/common/com-fig2.cjs +92 -0
- package/dist/components/tables/common/com-fig2.js +92 -0
- package/dist/components/tables/common/com-lis.cjs +4 -0
- package/dist/components/tables/common/com-lis.js +4 -0
- package/dist/components/tables/common/com-lis2.cjs +151 -0
- package/dist/components/tables/common/com-lis2.js +151 -0
- package/dist/components/tables/common/pagin.d.ts +24 -6
- package/dist/components/tables/common/util.cjs +56 -4
- package/dist/components/tables/common/util.d.ts +14 -0
- package/dist/components/tables/common/util.js +57 -5
- package/dist/components/tables/src/column.cjs +5 -3
- package/dist/components/tables/src/column.js +6 -4
- package/dist/components/tables/src/columns2.cjs +9 -7
- package/dist/components/tables/src/columns2.js +9 -7
- package/dist/components/tables/src/data.d.ts +3 -3
- package/dist/components/tables/src/index2.cjs +1 -1
- package/dist/components/tables/src/index2.js +1 -1
- package/dist/components/tables/style/index2.scss +1 -0
- package/dist/components/tablesv/src/column.cjs +5 -3
- package/dist/components/tablesv/src/column.js +6 -4
- package/dist/components/tablesv/src/columns2.cjs +9 -7
- package/dist/components/tablesv/src/columns2.js +9 -7
- package/dist/components/tablesv/src/data.d.ts +3 -3
- package/dist/components/tablesv/src/index2.cjs +1 -1
- package/dist/components/tablesv/src/index2.js +1 -1
- package/dist/components/window/src/data.cjs +1 -1
- package/dist/components/window/src/data.d.ts +1 -1
- package/dist/components/window/src/data.js +1 -1
- package/dist/css/index.css +1 -1
- package/dist/css/list.css +1 -1
- package/dist/css/lists.css +1 -1
- package/dist/css/listsp.css +1 -1
- package/dist/css/listspd.css +1 -1
- package/dist/css/page.css +1 -1
- package/dist/icons/index.json +1 -1
- package/dist/index.css +1 -1
- package/dist/locale/en.cjs +2 -1
- package/dist/locale/en.d.ts +1 -0
- package/dist/locale/en.js +2 -1
- package/dist/locale/zh-cn.cjs +2 -1
- package/dist/locale/zh-cn.d.ts +1 -0
- package/dist/locale/zh-cn.js +2 -1
- package/dist/type.d.ts +12 -3
- package/dist/utils/css.cjs +4 -0
- package/dist/utils/css.d.ts +1 -0
- package/dist/utils/css.js +4 -0
- package/package.json +2 -2
- package/dist/components/tables/common/img.cjs +0 -4
- package/dist/components/tables/common/img.js +0 -4
- package/dist/components/tables/common/img2.cjs +0 -37
- package/dist/components/tables/common/img2.js +0 -37
- package/dist/components/tables/common/table-but.cjs +0 -4
- package/dist/components/tables/common/table-but.js +0 -4
- package/dist/components/tables/common/table-color.cjs +0 -4
- package/dist/components/tables/common/table-color.js +0 -4
- package/dist/components/tables/common/table-list.cjs +0 -4
- package/dist/components/tables/common/table-list.js +0 -4
- package/dist/components/tables/common/table-list2.cjs +0 -125
- package/dist/components/tables/common/table-list2.js +0 -125
- /package/dist/components/{global-config → draggable}/index.css +0 -0
- /package/dist/components/{forms-item → forms-items}/index.css +0 -0
- /package/dist/css/{global-config.css → draggable.css} +0 -0
- /package/dist/css/{forms-item.css → forms-items.css} +0 -0
|
@@ -20,7 +20,7 @@ const dataProps = buildProps.buildProps({
|
|
|
20
20
|
type: Boolean
|
|
21
21
|
},
|
|
22
22
|
/**
|
|
23
|
-
* @props { Boolean }
|
|
23
|
+
* @props { Boolean } isMax= ( )
|
|
24
24
|
* 是否显示最大化
|
|
25
25
|
*/
|
|
26
26
|
isMax: {
|
|
@@ -28,7 +28,7 @@ const dataProps = buildProps.buildProps({
|
|
|
28
28
|
},
|
|
29
29
|
/**
|
|
30
30
|
* @props { Boolean } max= ( )
|
|
31
|
-
*
|
|
31
|
+
* 是否最大化
|
|
32
32
|
*/
|
|
33
33
|
max: {
|
|
34
34
|
type: Boolean
|
|
@@ -20,7 +20,7 @@ export declare const dataProps: {
|
|
|
20
20
|
type: BooleanConstructor;
|
|
21
21
|
};
|
|
22
22
|
/**
|
|
23
|
-
* @props { Boolean }
|
|
23
|
+
* @props { Boolean } isMax= ( )
|
|
24
24
|
* 是否显示最大化
|
|
25
25
|
*/
|
|
26
26
|
isMax: {
|
|
@@ -28,7 +28,7 @@ export declare const dataProps: {
|
|
|
28
28
|
};
|
|
29
29
|
/**
|
|
30
30
|
* @props { Boolean } max= ( )
|
|
31
|
-
*
|
|
31
|
+
* 是否最大化
|
|
32
32
|
*/
|
|
33
33
|
max: {
|
|
34
34
|
type: BooleanConstructor;
|
|
@@ -18,7 +18,7 @@ const dataProps = buildProps({
|
|
|
18
18
|
type: Boolean
|
|
19
19
|
},
|
|
20
20
|
/**
|
|
21
|
-
* @props { Boolean }
|
|
21
|
+
* @props { Boolean } isMax= ( )
|
|
22
22
|
* 是否显示最大化
|
|
23
23
|
*/
|
|
24
24
|
isMax: {
|
|
@@ -26,7 +26,7 @@ const dataProps = buildProps({
|
|
|
26
26
|
},
|
|
27
27
|
/**
|
|
28
28
|
* @props { Boolean } max= ( )
|
|
29
|
-
*
|
|
29
|
+
* 是否最大化
|
|
30
30
|
*/
|
|
31
31
|
max: {
|
|
32
32
|
type: Boolean
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 设置样式函数,用于根据配置对象生成最终的样式对象
|
|
3
|
+
* @param v - 列表对象,包含样式配置信息
|
|
4
|
+
* @param data - 数据对象,用于样式函数计算
|
|
5
|
+
* @param props - 属性对象,包含默认的样式配置
|
|
6
|
+
* @returns 返回合并后的样式对象
|
|
7
|
+
*/
|
|
1
8
|
export declare function setStyles(v: ListObj, data: ObjStr, props: ObjAny): string | {
|
|
2
9
|
[key: string]: string | number;
|
|
3
10
|
};
|
|
@@ -71,6 +71,13 @@ export declare const emits: string[];
|
|
|
71
71
|
type HandleConfig = {
|
|
72
72
|
getValue: <T>(v: T) => T;
|
|
73
73
|
};
|
|
74
|
+
/**
|
|
75
|
+
* select选择的通用处理
|
|
76
|
+
* @param props 组件属性
|
|
77
|
+
* @param emit 触发事件
|
|
78
|
+
* @param config { getValue: (v: T) => T } 获取值处理函数
|
|
79
|
+
* @returns
|
|
80
|
+
*/
|
|
74
81
|
export declare function comHandle(props: any, emit: any, config?: HandleConfig): {
|
|
75
82
|
setMultipleValue: (v: any) => any;
|
|
76
83
|
getMultipleValue: (v: any) => any;
|
|
@@ -51,5 +51,11 @@ export declare const props: {
|
|
|
51
51
|
};
|
|
52
52
|
export declare const emits: never[];
|
|
53
53
|
export type UrlProps = ExtractPropTypes<typeof props>;
|
|
54
|
+
/**
|
|
55
|
+
* 处理通用请求逻辑的函数
|
|
56
|
+
* @param props 包含请求配置信息的对象
|
|
57
|
+
* @param obj 额外的参数对象
|
|
58
|
+
* @returns 返回一个Promise,解析后的数据结果
|
|
59
|
+
*/
|
|
54
60
|
export declare function comHandle(props: UrlProps, obj: ObjAny): ObjAny;
|
|
55
61
|
export declare const expose: {};
|
|
@@ -150,7 +150,7 @@ function getValueObjs(value, multiple, options, config) {
|
|
|
150
150
|
return value;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
|
-
function setOptionsValue(value, obj, data, optionss) {
|
|
153
|
+
function setOptionsValue(value, obj, data, optionss = {}) {
|
|
154
154
|
let options = [];
|
|
155
155
|
if (obj == null ? void 0 : obj.options) {
|
|
156
156
|
const opt = obj.options;
|
|
@@ -284,13 +284,15 @@ function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
|
|
|
284
284
|
...attrs,
|
|
285
285
|
...obj.config,
|
|
286
286
|
...getOnObjs(obj, data, emit, scope),
|
|
287
|
-
multiple: obj.multiple,
|
|
288
287
|
[componValueName]: value,
|
|
289
288
|
["onUpdate:" + componValueName]: (v) => setValue(v, obj, data),
|
|
290
289
|
listobj: obj,
|
|
291
290
|
valueobj: data,
|
|
292
291
|
comscope: scope
|
|
293
292
|
};
|
|
293
|
+
if (obj.multiple) {
|
|
294
|
+
componObj.multiple = obj.multiple;
|
|
295
|
+
}
|
|
294
296
|
if (typeof obj.compon == "string") {
|
|
295
297
|
return setComponString(
|
|
296
298
|
value,
|
|
@@ -316,7 +318,8 @@ const useGetDomValue = (obj, data, options, index) => {
|
|
|
316
318
|
}
|
|
317
319
|
return value;
|
|
318
320
|
};
|
|
319
|
-
const useGetDomLabel = (
|
|
321
|
+
const useGetDomLabel = (obj, data, slots, optionss, compons, emit, index) => {
|
|
322
|
+
const label = obj.label;
|
|
320
323
|
if (!label) {
|
|
321
324
|
return label;
|
|
322
325
|
}
|
|
@@ -329,32 +332,17 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index,
|
|
|
329
332
|
if (!isObject.isObject(label)) {
|
|
330
333
|
return label;
|
|
331
334
|
}
|
|
332
|
-
return handleObjectLabel(
|
|
333
|
-
label,
|
|
334
|
-
obj,
|
|
335
|
-
data,
|
|
336
|
-
slots,
|
|
337
|
-
optionss,
|
|
338
|
-
compons,
|
|
339
|
-
emit,
|
|
340
|
-
index,
|
|
341
|
-
isComponSelected
|
|
342
|
-
);
|
|
343
|
-
};
|
|
344
|
-
const handleObjectLabel = (label, obj, data, slots, optionss, compons, emit, index, isComponSelected) => {
|
|
345
335
|
if (Array.isArray(label)) {
|
|
346
336
|
return renderLabelArray(label, data, optionss, compons, emit, index);
|
|
347
337
|
}
|
|
348
|
-
return
|
|
338
|
+
return handleObjectLabel(
|
|
349
339
|
label,
|
|
350
|
-
obj,
|
|
351
340
|
data,
|
|
352
341
|
slots,
|
|
353
342
|
optionss,
|
|
354
343
|
compons,
|
|
355
344
|
emit,
|
|
356
|
-
index
|
|
357
|
-
isComponSelected
|
|
345
|
+
index
|
|
358
346
|
);
|
|
359
347
|
};
|
|
360
348
|
const renderLabelArray = (labels, data, optionss, compons, emit, index) => {
|
|
@@ -367,15 +355,14 @@ const renderLabelArray = (labels, data, optionss, compons, emit, index) => {
|
|
|
367
355
|
})
|
|
368
356
|
);
|
|
369
357
|
};
|
|
370
|
-
const
|
|
371
|
-
const
|
|
372
|
-
const slot = useSetSlot(mergedLabel, data, slots, index);
|
|
358
|
+
const handleObjectLabel = (label, data, slots, optionss, compons, emit, index) => {
|
|
359
|
+
const slot = useSetSlot(label, data, slots, index);
|
|
373
360
|
if (slot) {
|
|
374
361
|
return slot;
|
|
375
362
|
}
|
|
376
|
-
if (
|
|
363
|
+
if (label.compon) {
|
|
377
364
|
const column = useSetCompon(
|
|
378
|
-
|
|
365
|
+
label,
|
|
379
366
|
data,
|
|
380
367
|
optionss,
|
|
381
368
|
compons,
|
|
@@ -386,7 +373,7 @@ const handleSingleObjectLabel = (label, obj, data, slots, optionss, compons, emi
|
|
|
386
373
|
return column;
|
|
387
374
|
}
|
|
388
375
|
}
|
|
389
|
-
return useGetDomValue(
|
|
376
|
+
return useGetDomValue(label, data, optionss, index);
|
|
390
377
|
};
|
|
391
378
|
function useObjComponSelected(obj, props) {
|
|
392
379
|
const arrs = [obj];
|
|
@@ -426,18 +413,14 @@ function getVNodeContent(vnode) {
|
|
|
426
413
|
vue.render(null, container);
|
|
427
414
|
return textContent;
|
|
428
415
|
}
|
|
429
|
-
function getLabelText(
|
|
430
|
-
if (
|
|
431
|
-
return
|
|
432
|
-
} else if (typeof label == "string") {
|
|
433
|
-
return label;
|
|
434
|
-
} else if (typeof label == "function") {
|
|
435
|
-
label = label();
|
|
416
|
+
function getLabelText(obj) {
|
|
417
|
+
if (obj.labelText) {
|
|
418
|
+
return obj.labelText;
|
|
436
419
|
}
|
|
420
|
+
const label = useGetDomLabel(obj, {}, {}, {}, {}, () => {
|
|
421
|
+
}, 0);
|
|
437
422
|
if (vue.isVNode(label)) {
|
|
438
423
|
return getVNodeContent(label);
|
|
439
|
-
} else if (Array.isArray(label)) {
|
|
440
|
-
return label.join("");
|
|
441
424
|
} else {
|
|
442
425
|
return (label == null ? void 0 : label.toString()) || "";
|
|
443
426
|
}
|
|
@@ -1,25 +1,111 @@
|
|
|
1
1
|
import { Component, VNode } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* 根据指定的键或函数从对象中提取值
|
|
4
|
+
* @param v - 要处理的值,通常是一个对象
|
|
5
|
+
* @param key - 字符串类型的属性名或函数,用于提取值
|
|
6
|
+
* @returns 如果key是函数则返回函数执行结果,如果key是字符串则返回对象对应属性值,否则返回原值
|
|
7
|
+
*/
|
|
2
8
|
export declare function useVueValue(v: any, key: string | Function): any;
|
|
9
|
+
/**
|
|
10
|
+
* 设置对象属性值的工具函数
|
|
11
|
+
* @param v - 要设置值的目标对象
|
|
12
|
+
* @param key - 属性名或设置函数,可以是字符串或函数类型
|
|
13
|
+
* @param value - 要设置的值
|
|
14
|
+
* @returns 返回修改后的对象
|
|
15
|
+
*/
|
|
3
16
|
export declare function useSetValue(v: any, key: string | Function, value: any): any;
|
|
17
|
+
/**
|
|
18
|
+
* 获取表单规则路径
|
|
19
|
+
* @param obj - 包含属性和父子关系的对象
|
|
20
|
+
* @returns 返回格式化的属性路径字符串
|
|
21
|
+
*/
|
|
4
22
|
export declare function getFormRule(obj: ListObj): string | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* 设置表单默认值
|
|
25
|
+
* @param obj - 列表对象,包含表单配置信息
|
|
26
|
+
* @param value - 表单值对象,用于设置默认值的数据源
|
|
27
|
+
*/
|
|
5
28
|
export declare function setFormDefaultValue(obj: ListObj, value: ObjAny): void;
|
|
29
|
+
/**
|
|
30
|
+
* 判断列表对象是否应该隐藏
|
|
31
|
+
* @param v - 列表对象,可能包含hide属性
|
|
32
|
+
* @param form - 表单数据,可选参数,用于hide函数的计算
|
|
33
|
+
* @returns 返回是否隐藏的布尔值,如果v.hide是函数则执行函数返回结果,如果是布尔值则直接返回,否则返回false
|
|
34
|
+
*/
|
|
6
35
|
export declare function useHide(v: ListObj, form?: any): boolean;
|
|
36
|
+
/**
|
|
37
|
+
* 获取事件处理对象集合
|
|
38
|
+
* @param obj - 包含事件配置的对象
|
|
39
|
+
* @param data - 数据对象
|
|
40
|
+
* @param emit - 事件发射函数
|
|
41
|
+
* @param arrs - 额外的参数数组
|
|
42
|
+
* @returns 返回一个包含事件处理函数的对象
|
|
43
|
+
*/
|
|
7
44
|
export declare function getOnObjs(obj: ListObj, data: ObjAny, emit: Function, ...arrs: any[]): {
|
|
8
45
|
[key: string]: (...arr: any[]) => void;
|
|
9
46
|
};
|
|
10
47
|
type Compons = {
|
|
11
48
|
[key: string]: Component;
|
|
12
49
|
};
|
|
50
|
+
/**
|
|
51
|
+
* 设置并渲染插槽内容的自定义hook函数
|
|
52
|
+
*
|
|
53
|
+
* @param obj - 列表对象配置,包含插槽名称或属性名
|
|
54
|
+
* @param data - 数据对象,用于获取和设置值
|
|
55
|
+
* @param slots - 插槽映射对象,存储可用的插槽函数
|
|
56
|
+
* @param index - 可选的索引值,用于数据定位
|
|
57
|
+
* @param scope - 可选的作用域对象,传递给插槽函数
|
|
58
|
+
* @returns 插槽函数执行结果或undefined
|
|
59
|
+
*/
|
|
13
60
|
export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number, scope?: ObjAny): any;
|
|
61
|
+
/**
|
|
62
|
+
* 根据配置对象设置组件
|
|
63
|
+
* @param obj - 列表对象配置,包含组件相关配置信息
|
|
64
|
+
* @param data - 数据对象,用于获取和设置组件值
|
|
65
|
+
* @param optionss - 选项配置对象
|
|
66
|
+
* @param compons - 组件集合
|
|
67
|
+
* @param emit - 事件发射函数
|
|
68
|
+
* @param index - 索引值,可选参数
|
|
69
|
+
* @param scope - 作用域对象,可选参数
|
|
70
|
+
* @returns 返回创建的组件节点或组件调用结果
|
|
71
|
+
*/
|
|
14
72
|
export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): any;
|
|
73
|
+
/**
|
|
74
|
+
* 获取DOM元素的值
|
|
75
|
+
* @param obj - 列表对象配置
|
|
76
|
+
* @param data - 数据对象
|
|
77
|
+
* @param options - 选项配置对象
|
|
78
|
+
* @param index - 可选的索引值
|
|
79
|
+
* @returns 返回处理后的值
|
|
80
|
+
*/
|
|
15
81
|
export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;
|
|
16
|
-
|
|
82
|
+
/**
|
|
83
|
+
* 获取DOM标签的处理函数
|
|
84
|
+
* @param obj - 包含label属性的对象
|
|
85
|
+
* @param data - 数据对象
|
|
86
|
+
* @param slots - 插槽对象
|
|
87
|
+
* @param optionss - 选项配置对象
|
|
88
|
+
* @param compons - 组件对象
|
|
89
|
+
* @param emit - 事件发射函数
|
|
90
|
+
* @param index - 索引值
|
|
91
|
+
* @returns 返回处理后的标签内容,可能是字符串、VNode或渲染后的数组/对象
|
|
92
|
+
*/
|
|
93
|
+
export declare const useGetDomLabel: (obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => any;
|
|
94
|
+
/**
|
|
95
|
+
* 获取对象及其父级链中选中的组件
|
|
96
|
+
* @param obj - 当前列表对象
|
|
97
|
+
* @param props - 包含组件选择状态的属性对象
|
|
98
|
+
* @returns 返回在对象层级链中找到的选中组件,如果没有则返回默认选中组件
|
|
99
|
+
*/
|
|
17
100
|
export declare function useObjComponSelected(obj: ListObj, props: ObjAny): any;
|
|
18
101
|
/**
|
|
19
102
|
* 设置获取默认值
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
103
|
+
* 创建一个代理对象,用于处理属性默认值
|
|
104
|
+
* 当访问的属性值为undefined时,会调用对应的默认值函数来获取默认值
|
|
105
|
+
*
|
|
106
|
+
* @param props 原始属性对象
|
|
107
|
+
* @param keyObj 包含属性键和对应默认值函数的对象
|
|
108
|
+
* @returns 返回一个代理对象,支持默认值处理
|
|
23
109
|
*/
|
|
24
110
|
export declare function usePropsDefault(props: any, keyObj: {
|
|
25
111
|
[key: string]: () => any;
|
|
@@ -42,5 +128,5 @@ export declare function getVNodeContent(vnode: VNode): string;
|
|
|
42
128
|
* @param label
|
|
43
129
|
* @returns
|
|
44
130
|
*/
|
|
45
|
-
export declare function getLabelText(
|
|
131
|
+
export declare function getLabelText(obj: ListObj): string;
|
|
46
132
|
export {};
|
|
@@ -148,7 +148,7 @@ function getValueObjs(value, multiple, options, config) {
|
|
|
148
148
|
return value;
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
|
-
function setOptionsValue(value, obj, data, optionss) {
|
|
151
|
+
function setOptionsValue(value, obj, data, optionss = {}) {
|
|
152
152
|
let options = [];
|
|
153
153
|
if (obj == null ? void 0 : obj.options) {
|
|
154
154
|
const opt = obj.options;
|
|
@@ -282,13 +282,15 @@ function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
|
|
|
282
282
|
...attrs,
|
|
283
283
|
...obj.config,
|
|
284
284
|
...getOnObjs(obj, data, emit, scope),
|
|
285
|
-
multiple: obj.multiple,
|
|
286
285
|
[componValueName]: value,
|
|
287
286
|
["onUpdate:" + componValueName]: (v) => setValue(v, obj, data),
|
|
288
287
|
listobj: obj,
|
|
289
288
|
valueobj: data,
|
|
290
289
|
comscope: scope
|
|
291
290
|
};
|
|
291
|
+
if (obj.multiple) {
|
|
292
|
+
componObj.multiple = obj.multiple;
|
|
293
|
+
}
|
|
292
294
|
if (typeof obj.compon == "string") {
|
|
293
295
|
return setComponString(
|
|
294
296
|
value,
|
|
@@ -314,7 +316,8 @@ const useGetDomValue = (obj, data, options, index) => {
|
|
|
314
316
|
}
|
|
315
317
|
return value;
|
|
316
318
|
};
|
|
317
|
-
const useGetDomLabel = (
|
|
319
|
+
const useGetDomLabel = (obj, data, slots, optionss, compons, emit, index) => {
|
|
320
|
+
const label = obj.label;
|
|
318
321
|
if (!label) {
|
|
319
322
|
return label;
|
|
320
323
|
}
|
|
@@ -327,32 +330,17 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index,
|
|
|
327
330
|
if (!isObject(label)) {
|
|
328
331
|
return label;
|
|
329
332
|
}
|
|
330
|
-
return handleObjectLabel(
|
|
331
|
-
label,
|
|
332
|
-
obj,
|
|
333
|
-
data,
|
|
334
|
-
slots,
|
|
335
|
-
optionss,
|
|
336
|
-
compons,
|
|
337
|
-
emit,
|
|
338
|
-
index,
|
|
339
|
-
isComponSelected
|
|
340
|
-
);
|
|
341
|
-
};
|
|
342
|
-
const handleObjectLabel = (label, obj, data, slots, optionss, compons, emit, index, isComponSelected) => {
|
|
343
333
|
if (Array.isArray(label)) {
|
|
344
334
|
return renderLabelArray(label, data, optionss, compons, emit, index);
|
|
345
335
|
}
|
|
346
|
-
return
|
|
336
|
+
return handleObjectLabel(
|
|
347
337
|
label,
|
|
348
|
-
obj,
|
|
349
338
|
data,
|
|
350
339
|
slots,
|
|
351
340
|
optionss,
|
|
352
341
|
compons,
|
|
353
342
|
emit,
|
|
354
|
-
index
|
|
355
|
-
isComponSelected
|
|
343
|
+
index
|
|
356
344
|
);
|
|
357
345
|
};
|
|
358
346
|
const renderLabelArray = (labels, data, optionss, compons, emit, index) => {
|
|
@@ -365,15 +353,14 @@ const renderLabelArray = (labels, data, optionss, compons, emit, index) => {
|
|
|
365
353
|
})
|
|
366
354
|
);
|
|
367
355
|
};
|
|
368
|
-
const
|
|
369
|
-
const
|
|
370
|
-
const slot = useSetSlot(mergedLabel, data, slots, index);
|
|
356
|
+
const handleObjectLabel = (label, data, slots, optionss, compons, emit, index) => {
|
|
357
|
+
const slot = useSetSlot(label, data, slots, index);
|
|
371
358
|
if (slot) {
|
|
372
359
|
return slot;
|
|
373
360
|
}
|
|
374
|
-
if (
|
|
361
|
+
if (label.compon) {
|
|
375
362
|
const column = useSetCompon(
|
|
376
|
-
|
|
363
|
+
label,
|
|
377
364
|
data,
|
|
378
365
|
optionss,
|
|
379
366
|
compons,
|
|
@@ -384,7 +371,7 @@ const handleSingleObjectLabel = (label, obj, data, slots, optionss, compons, emi
|
|
|
384
371
|
return column;
|
|
385
372
|
}
|
|
386
373
|
}
|
|
387
|
-
return useGetDomValue(
|
|
374
|
+
return useGetDomValue(label, data, optionss, index);
|
|
388
375
|
};
|
|
389
376
|
function useObjComponSelected(obj, props) {
|
|
390
377
|
const arrs = [obj];
|
|
@@ -424,18 +411,14 @@ function getVNodeContent(vnode) {
|
|
|
424
411
|
render(null, container);
|
|
425
412
|
return textContent;
|
|
426
413
|
}
|
|
427
|
-
function getLabelText(
|
|
428
|
-
if (
|
|
429
|
-
return
|
|
430
|
-
} else if (typeof label == "string") {
|
|
431
|
-
return label;
|
|
432
|
-
} else if (typeof label == "function") {
|
|
433
|
-
label = label();
|
|
414
|
+
function getLabelText(obj) {
|
|
415
|
+
if (obj.labelText) {
|
|
416
|
+
return obj.labelText;
|
|
434
417
|
}
|
|
418
|
+
const label = useGetDomLabel(obj, {}, {}, {}, {}, () => {
|
|
419
|
+
}, 0);
|
|
435
420
|
if (isVNode(label)) {
|
|
436
421
|
return getVNodeContent(label);
|
|
437
|
-
} else if (Array.isArray(label)) {
|
|
438
|
-
return label.join("");
|
|
439
422
|
} else {
|
|
440
423
|
return (label == null ? void 0 : label.toString()) || "";
|
|
441
424
|
}
|
|
@@ -58,7 +58,7 @@ export declare const dataProps: {
|
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
60
|
/**
|
|
61
|
-
* @props {String, Number, Date, Array} modelValue
|
|
61
|
+
* @props {String, Number, Date, Array} modelValue 时间数据
|
|
62
62
|
*/
|
|
63
63
|
modelValue: {
|
|
64
64
|
type: (DateConstructor | StringConstructor | NumberConstructor | {
|
|
@@ -5,7 +5,6 @@ const config = require("../common/config.cjs");
|
|
|
5
5
|
const util = require("./util.cjs");
|
|
6
6
|
require("../../../utils/css.cjs");
|
|
7
7
|
const use = require("../../common/use.cjs");
|
|
8
|
-
const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
|
|
9
8
|
const vue = require("vue");
|
|
10
9
|
const index$1 = require("../../../hooks/compons/index.cjs");
|
|
11
10
|
const index = require("../../forms-items/index.cjs");
|
|
@@ -99,15 +98,15 @@ function setUp(props, emit, cs, refForm, getLocale) {
|
|
|
99
98
|
setListValue(props.list);
|
|
100
99
|
}
|
|
101
100
|
const triggerMap = {
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
blur: getLocale("form.import"),
|
|
102
|
+
change: getLocale("form.select"),
|
|
104
103
|
verif: getLocale("form.verif")
|
|
105
104
|
};
|
|
106
105
|
function getRules() {
|
|
107
106
|
const rules = {};
|
|
108
107
|
const setListValue = (arr, listobj) => {
|
|
109
108
|
arr == null ? void 0 : arr.forEach((obj) => {
|
|
110
|
-
var _a
|
|
109
|
+
var _a;
|
|
111
110
|
if (listobj) {
|
|
112
111
|
obj.father = obj.father ?? listobj;
|
|
113
112
|
}
|
|
@@ -115,34 +114,20 @@ function setUp(props, emit, cs, refForm, getLocale) {
|
|
|
115
114
|
setListValue(obj.children, obj);
|
|
116
115
|
}
|
|
117
116
|
use.setFormDefaultValue(obj, dataForm.value);
|
|
118
|
-
let trigger = 1;
|
|
119
|
-
if (typeof obj.compon == "string") {
|
|
120
|
-
if (config.changes.includes(lineToLargeHump.lineToLargeHump(obj.compon))) {
|
|
121
|
-
trigger = 2;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
117
|
obj.config = obj.config ?? {};
|
|
125
|
-
|
|
126
|
-
if (((_a = obj.config) == null ? void 0 : _a.placeholder) === void 0) {
|
|
127
|
-
obj.config.placeholder = triggerMap[trigger + ""] + labeltext;
|
|
128
|
-
}
|
|
129
|
-
if (((_b = obj.config) == null ? void 0 : _b.clearable) === void 0) {
|
|
118
|
+
if (((_a = obj.config) == null ? void 0 : _a.clearable) === void 0) {
|
|
130
119
|
obj.config.clearable = true;
|
|
131
120
|
}
|
|
121
|
+
if (!obj.rule) {
|
|
122
|
+
util.setPlaceholder(obj, triggerMap);
|
|
123
|
+
}
|
|
132
124
|
if (obj.prop) {
|
|
133
125
|
const p = use.getFormRule(obj) ?? obj.prop;
|
|
134
126
|
obj.__prop = p;
|
|
135
127
|
if (obj.rules) {
|
|
136
128
|
rules[p] = obj.rules;
|
|
137
129
|
} else if (obj.rule) {
|
|
138
|
-
rules[p] = util.getRule(
|
|
139
|
-
labeltext,
|
|
140
|
-
trigger,
|
|
141
|
-
obj,
|
|
142
|
-
dataForm,
|
|
143
|
-
refForm,
|
|
144
|
-
triggerMap
|
|
145
|
-
);
|
|
130
|
+
rules[p] = util.getRule(obj, dataForm, refForm, triggerMap);
|
|
146
131
|
} else {
|
|
147
132
|
rules[p] = [];
|
|
148
133
|
}
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import { DataProps } from './data';
|
|
2
|
-
import { UseCssNameReturn } from '../../../hooks/cssname';
|
|
2
|
+
import { UseCssNameReturn } from '../../../hooks/cssname/index';
|
|
3
3
|
import { CSSProperties, Ref, WritableComputedRef, ComputedRef } from 'vue';
|
|
4
4
|
type Emit = (...args: any[]) => void;
|
|
5
|
+
/**
|
|
6
|
+
* 初始化表单相关配置与逻辑处理
|
|
7
|
+
*
|
|
8
|
+
* @param props 表单组件的属性对象,包含表单配置、列表项等信息
|
|
9
|
+
* @param emit 事件发射器,用于触发自定义事件(如 submit、cancel 等)
|
|
10
|
+
* @param cs CSS 类名管理工具返回值,用于动态设置样式类名
|
|
11
|
+
* @param refForm 表单引用对象,通常指向 el-form 或其他表单实例
|
|
12
|
+
* @param getLocale 国际化文本获取函数,根据 key 获取对应语言的内容
|
|
13
|
+
* @returns 返回一系列供模板或其他模块使用的响应式数据和方法
|
|
14
|
+
*/
|
|
5
15
|
export declare function setUp(props: DataProps, emit: Emit, cs: UseCssNameReturn, refForm: any, getLocale: Function): {
|
|
6
16
|
dataRules: Ref<ObjAny, ObjAny>;
|
|
7
17
|
dataForm: WritableComputedRef<Record<string, any> | undefined, Record<string, any> | undefined> | Ref<Record<string, any>, Record<string, any>>;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { dataHandle } from "./data.js";
|
|
2
|
-
import { provides
|
|
3
|
-
import { getRule } from "./util.js";
|
|
2
|
+
import { provides } from "../common/config.js";
|
|
3
|
+
import { setPlaceholder, getRule } from "./util.js";
|
|
4
4
|
import "../../../utils/css.js";
|
|
5
|
-
import { setFormDefaultValue,
|
|
6
|
-
import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
|
|
5
|
+
import { setFormDefaultValue, getFormRule } from "../../common/use.js";
|
|
7
6
|
import { computed, provide, isProxy, ref, watch } from "vue";
|
|
8
7
|
import { useCompons } from "../../../hooks/compons/index.js";
|
|
9
8
|
import { FormsItems } from "../../forms-items/index.js";
|
|
@@ -97,15 +96,15 @@ function setUp(props, emit, cs, refForm, getLocale) {
|
|
|
97
96
|
setListValue(props.list);
|
|
98
97
|
}
|
|
99
98
|
const triggerMap = {
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
blur: getLocale("form.import"),
|
|
100
|
+
change: getLocale("form.select"),
|
|
102
101
|
verif: getLocale("form.verif")
|
|
103
102
|
};
|
|
104
103
|
function getRules() {
|
|
105
104
|
const rules = {};
|
|
106
105
|
const setListValue = (arr, listobj) => {
|
|
107
106
|
arr == null ? void 0 : arr.forEach((obj) => {
|
|
108
|
-
var _a
|
|
107
|
+
var _a;
|
|
109
108
|
if (listobj) {
|
|
110
109
|
obj.father = obj.father ?? listobj;
|
|
111
110
|
}
|
|
@@ -113,34 +112,20 @@ function setUp(props, emit, cs, refForm, getLocale) {
|
|
|
113
112
|
setListValue(obj.children, obj);
|
|
114
113
|
}
|
|
115
114
|
setFormDefaultValue(obj, dataForm.value);
|
|
116
|
-
let trigger = 1;
|
|
117
|
-
if (typeof obj.compon == "string") {
|
|
118
|
-
if (changes.includes(lineToLargeHump(obj.compon))) {
|
|
119
|
-
trigger = 2;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
115
|
obj.config = obj.config ?? {};
|
|
123
|
-
|
|
124
|
-
if (((_a = obj.config) == null ? void 0 : _a.placeholder) === void 0) {
|
|
125
|
-
obj.config.placeholder = triggerMap[trigger + ""] + labeltext;
|
|
126
|
-
}
|
|
127
|
-
if (((_b = obj.config) == null ? void 0 : _b.clearable) === void 0) {
|
|
116
|
+
if (((_a = obj.config) == null ? void 0 : _a.clearable) === void 0) {
|
|
128
117
|
obj.config.clearable = true;
|
|
129
118
|
}
|
|
119
|
+
if (!obj.rule) {
|
|
120
|
+
setPlaceholder(obj, triggerMap);
|
|
121
|
+
}
|
|
130
122
|
if (obj.prop) {
|
|
131
123
|
const p = getFormRule(obj) ?? obj.prop;
|
|
132
124
|
obj.__prop = p;
|
|
133
125
|
if (obj.rules) {
|
|
134
126
|
rules[p] = obj.rules;
|
|
135
127
|
} else if (obj.rule) {
|
|
136
|
-
rules[p] = getRule(
|
|
137
|
-
labeltext,
|
|
138
|
-
trigger,
|
|
139
|
-
obj,
|
|
140
|
-
dataForm,
|
|
141
|
-
refForm,
|
|
142
|
-
triggerMap
|
|
143
|
-
);
|
|
128
|
+
rules[p] = getRule(obj, dataForm, refForm, triggerMap);
|
|
144
129
|
} else {
|
|
145
130
|
rules[p] = [];
|
|
146
131
|
}
|