pro-design-vue 1.2.17 → 1.2.19
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.full.js +70 -83
- package/dist/index.full.min.js +7 -7
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +70 -83
- package/es/components/config-provider/src/typing.d.ts +5 -2
- package/es/components/form/src/Form.d.ts +76 -6
- package/es/components/form/src/base/BaseForm.d.ts +76 -6
- package/es/components/form/src/base/StepForm.d.ts +76 -6
- package/es/components/form/src/fields/FieldCheckboxGroup.d.ts +27 -18
- package/es/components/form/src/fields/FieldRadioGroup.d.ts +27 -18
- package/es/components/form/src/hooks/useFieldOptions.d.ts +5 -1
- package/es/components/form/src/layouts/DrawerForm.d.ts +76 -6
- package/es/components/form/src/layouts/ModalForm.d.ts +76 -6
- package/es/components/form/src/layouts/QueryFilter.d.ts +76 -6
- package/es/components/form/src/layouts/StepsForm.d.ts +76 -6
- package/es/components/form/src/props.d.ts +30 -18
- package/es/components/table/src/components/InteralTable.vue.d.ts +3 -0
- package/es/components/table/src/components/Table.d.ts +3 -0
- package/es/components/table/src/components/interface.d.ts +4 -0
- package/es/index.d.ts +414 -45
- package/es/packages/components/config-provider/src/config-provider.vue2.mjs.map +1 -1
- package/es/packages/components/form/src/base/BaseForm.mjs +38 -25
- package/es/packages/components/form/src/base/BaseForm.mjs.map +1 -1
- package/es/packages/components/form/src/fields/FieldCheckboxGroup.mjs +3 -1
- package/es/packages/components/form/src/fields/FieldCheckboxGroup.mjs.map +1 -1
- package/es/packages/components/form/src/fields/FieldRadioGroup.mjs +3 -1
- package/es/packages/components/form/src/fields/FieldRadioGroup.mjs.map +1 -1
- package/es/packages/components/form/src/hooks/useFieldOptions.mjs +9 -44
- package/es/packages/components/form/src/hooks/useFieldOptions.mjs.map +1 -1
- package/es/packages/components/form/src/props.mjs +7 -5
- package/es/packages/components/form/src/props.mjs.map +1 -1
- package/es/packages/components/form/src/utils/fieldPropsMap.mjs +2 -1
- package/es/packages/components/form/src/utils/fieldPropsMap.mjs.map +1 -1
- package/es/packages/components/table/src/components/Table.mjs +6 -3
- package/es/packages/components/table/src/components/Table.mjs.map +1 -1
- package/es/packages/components/table/src/components/interface.mjs +2 -1
- package/es/packages/components/table/src/components/interface.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/config-provider/src/typing.d.ts +5 -2
- package/lib/components/form/src/Form.d.ts +76 -6
- package/lib/components/form/src/base/BaseForm.d.ts +76 -6
- package/lib/components/form/src/base/StepForm.d.ts +76 -6
- package/lib/components/form/src/fields/FieldCheckboxGroup.d.ts +27 -18
- package/lib/components/form/src/fields/FieldRadioGroup.d.ts +27 -18
- package/lib/components/form/src/hooks/useFieldOptions.d.ts +5 -1
- package/lib/components/form/src/layouts/DrawerForm.d.ts +76 -6
- package/lib/components/form/src/layouts/ModalForm.d.ts +76 -6
- package/lib/components/form/src/layouts/QueryFilter.d.ts +76 -6
- package/lib/components/form/src/layouts/StepsForm.d.ts +76 -6
- package/lib/components/form/src/props.d.ts +30 -18
- package/lib/components/table/src/components/InteralTable.vue.d.ts +3 -0
- package/lib/components/table/src/components/Table.d.ts +3 -0
- package/lib/components/table/src/components/interface.d.ts +4 -0
- package/lib/index.d.ts +414 -45
- package/lib/packages/components/config-provider/src/config-provider.vue2.js.map +1 -1
- package/lib/packages/components/form/src/base/BaseForm.js +38 -25
- package/lib/packages/components/form/src/base/BaseForm.js.map +1 -1
- package/lib/packages/components/form/src/fields/FieldCheckboxGroup.js +3 -1
- package/lib/packages/components/form/src/fields/FieldCheckboxGroup.js.map +1 -1
- package/lib/packages/components/form/src/fields/FieldRadioGroup.js +3 -1
- package/lib/packages/components/form/src/fields/FieldRadioGroup.js.map +1 -1
- package/lib/packages/components/form/src/hooks/useFieldOptions.js +9 -44
- package/lib/packages/components/form/src/hooks/useFieldOptions.js.map +1 -1
- package/lib/packages/components/form/src/props.js +7 -5
- package/lib/packages/components/form/src/props.js.map +1 -1
- package/lib/packages/components/form/src/utils/fieldPropsMap.js +2 -1
- package/lib/packages/components/form/src/utils/fieldPropsMap.js.map +1 -1
- package/lib/packages/components/table/src/components/Table.js +6 -3
- package/lib/packages/components/table/src/components/Table.js.map +1 -1
- package/lib/packages/components/table/src/components/interface.js +2 -1
- package/lib/packages/components/table/src/components/interface.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
package/dist/index.full.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! Pro Design Vue v1.2.
|
|
1
|
+
/*! Pro Design Vue v1.2.19 */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
const DEFAULT_NAMESPACE = "pro";
|
|
33
33
|
const DEFAULT_LOCALE = "zh-CN";
|
|
34
34
|
|
|
35
|
-
const version$1 = "1.2.
|
|
35
|
+
const version$1 = "1.2.19";
|
|
36
36
|
|
|
37
37
|
const makeInstaller = (components = []) => {
|
|
38
38
|
const install = (app) => {
|
|
@@ -13563,22 +13563,24 @@
|
|
|
13563
13563
|
default: "horizontal"
|
|
13564
13564
|
},
|
|
13565
13565
|
labelCol: {
|
|
13566
|
-
type: Object
|
|
13566
|
+
type: Object,
|
|
13567
|
+
default: void 0
|
|
13567
13568
|
},
|
|
13568
13569
|
wrapperCol: {
|
|
13569
|
-
type: Object
|
|
13570
|
+
type: Object,
|
|
13571
|
+
default: void 0
|
|
13570
13572
|
},
|
|
13571
13573
|
colon: {
|
|
13572
13574
|
type: Boolean,
|
|
13573
|
-
default:
|
|
13575
|
+
default: void 0
|
|
13574
13576
|
},
|
|
13575
13577
|
requiredMark: {
|
|
13576
13578
|
type: [Boolean, String],
|
|
13577
|
-
default:
|
|
13579
|
+
default: void 0
|
|
13578
13580
|
},
|
|
13579
13581
|
labelAlign: {
|
|
13580
13582
|
type: String,
|
|
13581
|
-
default:
|
|
13583
|
+
default: void 0
|
|
13582
13584
|
},
|
|
13583
13585
|
labelWrap: Boolean,
|
|
13584
13586
|
disabled: {
|
|
@@ -14422,19 +14424,22 @@
|
|
|
14422
14424
|
});
|
|
14423
14425
|
return enumArray;
|
|
14424
14426
|
};
|
|
14425
|
-
const formatOptions = (options) => {
|
|
14427
|
+
const formatOptions = (options, fieldNames) => {
|
|
14426
14428
|
return options == null ? void 0 : options.map((opt) => {
|
|
14427
14429
|
if (!isObject$4(opt)) {
|
|
14428
14430
|
return { label: opt, value: opt };
|
|
14429
14431
|
}
|
|
14432
|
+
opt.label = opt[fieldNames.label];
|
|
14433
|
+
opt.value = opt[fieldNames.value];
|
|
14434
|
+
opt.children = opt[fieldNames.children];
|
|
14430
14435
|
if (opt == null ? void 0 : opt.text) {
|
|
14431
14436
|
opt.label = opt == null ? void 0 : opt.text;
|
|
14432
14437
|
}
|
|
14433
14438
|
if (Array.isArray(opt.options) && opt.options.length) {
|
|
14434
|
-
opt.options = formatOptions(opt.options);
|
|
14439
|
+
opt.options = formatOptions(opt.options, fieldNames);
|
|
14435
14440
|
}
|
|
14436
14441
|
if (Array.isArray(opt.children) && opt.children.length) {
|
|
14437
|
-
opt.children = formatOptions(opt.children);
|
|
14442
|
+
opt.children = formatOptions(opt.children, fieldNames);
|
|
14438
14443
|
}
|
|
14439
14444
|
return opt;
|
|
14440
14445
|
});
|
|
@@ -14455,7 +14460,7 @@
|
|
|
14455
14460
|
const runOptions = vue.computed(() => runFunction(options, formData.value, rowData == null ? void 0 : rowData.value));
|
|
14456
14461
|
const mergeOptions = vue.ref([]);
|
|
14457
14462
|
const fieldNames = vue.computed(() => {
|
|
14458
|
-
return
|
|
14463
|
+
return { label: "label", value: "value", children: "children", ...fieldNamesConfig };
|
|
14459
14464
|
});
|
|
14460
14465
|
const [innerParams, setInnerParams] = useState(
|
|
14461
14466
|
() => {
|
|
@@ -14494,7 +14499,7 @@
|
|
|
14494
14499
|
() => {
|
|
14495
14500
|
var _a;
|
|
14496
14501
|
if (Array.isArray(runOptions.value) && ((_a = runOptions.value) == null ? void 0 : _a.length) > 0) {
|
|
14497
|
-
mergeOptions.value = formatOptions(runOptions.value);
|
|
14502
|
+
mergeOptions.value = formatOptions(runOptions.value, fieldNames.value);
|
|
14498
14503
|
} else {
|
|
14499
14504
|
const optionsEnum = runFunction(valueEnum, formData.value);
|
|
14500
14505
|
mergeOptions.value = fieldParsingValueEnumToArray(optionsEnum);
|
|
@@ -14506,48 +14511,10 @@
|
|
|
14506
14511
|
);
|
|
14507
14512
|
const fetchData = useFetchData$1({ request });
|
|
14508
14513
|
const requestOptions = debounce(async () => {
|
|
14509
|
-
var _a;
|
|
14510
14514
|
loading.value = true;
|
|
14511
14515
|
const result = await fetchData(mergeParams.value, index == null ? void 0 : index.value);
|
|
14512
14516
|
if (Array.isArray(result)) {
|
|
14513
|
-
mergeOptions.value = result.
|
|
14514
|
-
if (opt == null ? void 0 : opt.text) {
|
|
14515
|
-
opt.label = opt == null ? void 0 : opt.text;
|
|
14516
|
-
}
|
|
14517
|
-
return opt;
|
|
14518
|
-
});
|
|
14519
|
-
} else if (isObject$4(result)) {
|
|
14520
|
-
const { success, total: dataTotal, data } = result;
|
|
14521
|
-
if (success) {
|
|
14522
|
-
if (paginationConfig == null ? void 0 : paginationConfig.value) {
|
|
14523
|
-
total.value = dataTotal;
|
|
14524
|
-
if (((_a = innerParams == null ? void 0 : innerParams.value) == null ? void 0 : _a.current) === 1) {
|
|
14525
|
-
mergeOptions.value = data.map((opt) => {
|
|
14526
|
-
if (opt == null ? void 0 : opt.text) {
|
|
14527
|
-
opt.label = opt == null ? void 0 : opt.text;
|
|
14528
|
-
}
|
|
14529
|
-
return opt;
|
|
14530
|
-
});
|
|
14531
|
-
} else {
|
|
14532
|
-
mergeOptions.value = [
|
|
14533
|
-
...mergeOptions.value,
|
|
14534
|
-
...data.map((opt) => {
|
|
14535
|
-
if (opt == null ? void 0 : opt.text) {
|
|
14536
|
-
opt.label = opt == null ? void 0 : opt.text;
|
|
14537
|
-
}
|
|
14538
|
-
return opt;
|
|
14539
|
-
})
|
|
14540
|
-
];
|
|
14541
|
-
}
|
|
14542
|
-
} else {
|
|
14543
|
-
mergeOptions.value = data.map((opt) => {
|
|
14544
|
-
if (opt == null ? void 0 : opt.text) {
|
|
14545
|
-
opt.label = opt == null ? void 0 : opt.text;
|
|
14546
|
-
}
|
|
14547
|
-
return opt;
|
|
14548
|
-
});
|
|
14549
|
-
}
|
|
14550
|
-
}
|
|
14517
|
+
mergeOptions.value = formatOptions(result, fieldNames.value);
|
|
14551
14518
|
}
|
|
14552
14519
|
loading.value = false;
|
|
14553
14520
|
}, 200);
|
|
@@ -14980,7 +14947,8 @@
|
|
|
14980
14947
|
var FieldCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
|
|
14981
14948
|
name: "FieldCheckboxGroup",
|
|
14982
14949
|
props: {
|
|
14983
|
-
...commonFieldProps()
|
|
14950
|
+
...commonFieldProps(),
|
|
14951
|
+
fieldNames: Object
|
|
14984
14952
|
},
|
|
14985
14953
|
setup(props, {
|
|
14986
14954
|
attrs
|
|
@@ -14996,6 +14964,7 @@
|
|
|
14996
14964
|
options: props.options,
|
|
14997
14965
|
valueEnum: props.valueEnum,
|
|
14998
14966
|
dependencies: props.dependencies,
|
|
14967
|
+
fieldNames: props.fieldNames,
|
|
14999
14968
|
params: props.params
|
|
15000
14969
|
});
|
|
15001
14970
|
const readValue = vue.computed(() => {
|
|
@@ -15053,7 +15022,8 @@
|
|
|
15053
15022
|
radioLabel: {
|
|
15054
15023
|
type: String,
|
|
15055
15024
|
default: ""
|
|
15056
|
-
}
|
|
15025
|
+
},
|
|
15026
|
+
fieldNames: Object
|
|
15057
15027
|
},
|
|
15058
15028
|
setup(props, {
|
|
15059
15029
|
attrs
|
|
@@ -15070,6 +15040,7 @@
|
|
|
15070
15040
|
options: props.options,
|
|
15071
15041
|
valueEnum: props.valueEnum,
|
|
15072
15042
|
dependencies: props.dependencies,
|
|
15043
|
+
fieldNames: props.fieldNames,
|
|
15073
15044
|
params: props.params
|
|
15074
15045
|
});
|
|
15075
15046
|
const readValue = vue.computed(() => {
|
|
@@ -17734,6 +17705,9 @@
|
|
|
17734
17705
|
expose,
|
|
17735
17706
|
attrs
|
|
17736
17707
|
}) {
|
|
17708
|
+
const {
|
|
17709
|
+
form
|
|
17710
|
+
} = useProConfigInject();
|
|
17737
17711
|
const mountedRef = vue.ref(false);
|
|
17738
17712
|
const transformerMap = vue.shallowRef(/* @__PURE__ */ new Map());
|
|
17739
17713
|
const formRef = vue.ref();
|
|
@@ -17761,7 +17735,7 @@
|
|
|
17761
17735
|
const formProps = vue.computed(() => {
|
|
17762
17736
|
var _a;
|
|
17763
17737
|
return {
|
|
17764
|
-
...omitUndefined(omit(props, ["colProps", "submitter", "loading", "showLoading", "omitNil", "grid", "theme", "customUi", "gridSubmitter", "requestAbort", "isKeyPressSubmit", "formKey", "initialValues", "rowProps", "dateFormatter", "params", "readonly", "readonlyProps", "items", "request", "submitOnLoading", "onLoadingChange", "onFinish", "onValuesChange"])),
|
|
17738
|
+
...omitUndefined(omit(props, ["colProps", "submitter", "loading", "showLoading", "omitNil", "grid", "theme", "colon", "customUi", "gridSubmitter", "requestAbort", "isKeyPressSubmit", "formKey", "initialValues", "rowProps", "dateFormatter", "params", "readonly", "readonlyProps", "items", "request", "validateMessages", "requiredMark", "labelAlign", "labelCol", "wrapperCol", "submitOnLoading", "onLoadingChange", "onFinish", "onValuesChange"])),
|
|
17765
17739
|
layout: (_a = props.layout) != null ? _a : "vertical"
|
|
17766
17740
|
};
|
|
17767
17741
|
});
|
|
@@ -17951,31 +17925,40 @@
|
|
|
17951
17925
|
...slots
|
|
17952
17926
|
}
|
|
17953
17927
|
}, {
|
|
17954
|
-
default: () =>
|
|
17955
|
-
|
|
17956
|
-
|
|
17957
|
-
|
|
17958
|
-
|
|
17959
|
-
|
|
17960
|
-
|
|
17961
|
-
|
|
17962
|
-
"
|
|
17963
|
-
|
|
17964
|
-
|
|
17965
|
-
|
|
17966
|
-
|
|
17967
|
-
|
|
17968
|
-
|
|
17969
|
-
|
|
17970
|
-
|
|
17971
|
-
|
|
17972
|
-
|
|
17973
|
-
|
|
17928
|
+
default: () => {
|
|
17929
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
|
17930
|
+
return [vue.createVNode(antDesignVue.Form, vue.mergeProps({
|
|
17931
|
+
"ref": formRef
|
|
17932
|
+
}, formProps.value, {
|
|
17933
|
+
"class": formClass.value,
|
|
17934
|
+
"model": formData.value,
|
|
17935
|
+
"style": attrs.style,
|
|
17936
|
+
"colon": (_c = (_b = props.colon) != null ? _b : (_a = form == null ? void 0 : form.value) == null ? void 0 : _a.colon) != null ? _c : true,
|
|
17937
|
+
"requiredMark": (_f = (_e = props.requiredMark) != null ? _e : (_d = form == null ? void 0 : form.value) == null ? void 0 : _d.requiredMark) != null ? _f : true,
|
|
17938
|
+
"validateMessages": (_h = props.validateMessages) != null ? _h : (_g = form == null ? void 0 : form.value) == null ? void 0 : _g.validateMessages,
|
|
17939
|
+
"labelAlign": (_j = props.labelAlign) != null ? _j : (_i = form == null ? void 0 : form.value) == null ? void 0 : _i.labelAlign,
|
|
17940
|
+
"labelCol": (_l = props.labelCol) != null ? _l : (_k = form == null ? void 0 : form.value) == null ? void 0 : _k.labelCol,
|
|
17941
|
+
"wrapperCol": (_n = props.wrapperCol) != null ? _n : (_m = form == null ? void 0 : form.value) == null ? void 0 : _m.wrapperCol
|
|
17942
|
+
}), {
|
|
17943
|
+
default: () => [vue.createVNode(antDesignVue.Spin, {
|
|
17944
|
+
"spinning": props.showLoading && (requestLoading.value || loading.value)
|
|
17945
|
+
}, {
|
|
17946
|
+
default: () => [vue.createVNode(FormRowWrapper, null, {
|
|
17947
|
+
default: () => [vue.createVNode(FormItems, {
|
|
17948
|
+
"list": formItems.value
|
|
17949
|
+
}, null), props.gridSubmitter && props.submitter !== false && vue.createVNode(antDesignVue.Col, submitterColProps.value, {
|
|
17950
|
+
default: () => [vue.createVNode(antDesignVue.FormItem, {
|
|
17951
|
+
"label": " ",
|
|
17952
|
+
"colon": false,
|
|
17953
|
+
"class": `${prefixCls}-submitter-form-item`
|
|
17954
|
+
}, {
|
|
17955
|
+
default: () => [submitterNode.value]
|
|
17956
|
+
})]
|
|
17974
17957
|
})]
|
|
17975
|
-
})]
|
|
17976
|
-
})
|
|
17977
|
-
})]
|
|
17978
|
-
}
|
|
17958
|
+
}), !props.gridSubmitter && submitterNode.value]
|
|
17959
|
+
})]
|
|
17960
|
+
})];
|
|
17961
|
+
}
|
|
17979
17962
|
});
|
|
17980
17963
|
}
|
|
17981
17964
|
});
|
|
@@ -21553,7 +21536,8 @@
|
|
|
21553
21536
|
default: void 0
|
|
21554
21537
|
},
|
|
21555
21538
|
rowKey: {
|
|
21556
|
-
type: [Function, String]
|
|
21539
|
+
type: [Function, String],
|
|
21540
|
+
default: void 0
|
|
21557
21541
|
},
|
|
21558
21542
|
customRow: {
|
|
21559
21543
|
type: Function,
|
|
@@ -35497,17 +35481,19 @@
|
|
|
35497
35481
|
}
|
|
35498
35482
|
return true;
|
|
35499
35483
|
}).map((item) => {
|
|
35500
|
-
|
|
35484
|
+
const mergeItem = merge({
|
|
35501
35485
|
...item,
|
|
35502
35486
|
width: void 0,
|
|
35503
35487
|
tooltip: item.headerTooltip,
|
|
35504
35488
|
name: item.dataIndex
|
|
35505
|
-
},
|
|
35489
|
+
}, item.search);
|
|
35490
|
+
return omitKeysAndUndefined(mergeItem, ["dataIndex", "width", "headerTooltip", "search"]);
|
|
35506
35491
|
});
|
|
35507
35492
|
});
|
|
35508
35493
|
const preserveRecordsRef = vue.ref(/* @__PURE__ */ new Map());
|
|
35509
35494
|
const getRowKey = vue.computed(() => typeof props.rowKey == "function" ? props.rowKey : (record) => {
|
|
35510
|
-
|
|
35495
|
+
var _a2, _b2;
|
|
35496
|
+
return record == null ? void 0 : record[(_b2 = props.rowKey) != null ? _b2 : ((_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.rowKey) || "id"];
|
|
35511
35497
|
});
|
|
35512
35498
|
vue.watch([() => dataSource.value, getRowKey], () => {
|
|
35513
35499
|
var _a2;
|
|
@@ -38058,13 +38044,14 @@
|
|
|
38058
38044
|
"onUpdate:searchValue"
|
|
38059
38045
|
],
|
|
38060
38046
|
checkbox: ["id", "autofocus", "disabled", "indeterminate"],
|
|
38061
|
-
checkboxGroup: ["id", "disabled", "name", "options"],
|
|
38047
|
+
checkboxGroup: ["id", "disabled", "name", "options", "fieldNames"],
|
|
38062
38048
|
radioGroup: [
|
|
38063
38049
|
"id",
|
|
38064
38050
|
"class",
|
|
38065
38051
|
"disabled",
|
|
38066
38052
|
"name",
|
|
38067
38053
|
"options",
|
|
38054
|
+
"fieldNames",
|
|
38068
38055
|
"optionType",
|
|
38069
38056
|
"buttonStyle",
|
|
38070
38057
|
"radioLabel"
|