pro-design-vue 1.2.11 → 1.2.13
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.css +1 -1
- package/dist/index.full.js +101 -24
- package/dist/index.full.min.js +8 -8
- 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 +101 -24
- package/es/components/form/src/components/FormList.d.ts +28 -1
- package/es/components/form/src/components/FormListContainer.d.ts +28 -1
- package/es/components/form/src/components/FormListItem.d.ts +39 -1
- package/es/components/form/src/context/FormContext.d.ts +2 -0
- package/es/components/table/src/components/InteralTable.vue.d.ts +1 -1
- package/es/components/table/src/components/PaginationConfig.d.ts +4 -0
- package/es/index.d.ts +4 -0
- package/es/packages/components/config-provider/src/config-provider-container.vue2.mjs +1 -0
- package/es/packages/components/config-provider/src/config-provider-container.vue2.mjs.map +1 -1
- package/es/packages/components/form/src/base/BaseForm.mjs +8 -0
- package/es/packages/components/form/src/base/BaseForm.mjs.map +1 -1
- package/es/packages/components/form/src/components/FormItem.mjs +7 -3
- package/es/packages/components/form/src/components/FormItem.mjs.map +1 -1
- package/es/packages/components/form/src/components/FormItems.mjs +1 -1
- package/es/packages/components/form/src/components/FormItems.mjs.map +1 -1
- package/es/packages/components/form/src/components/FormList.mjs +15 -0
- package/es/packages/components/form/src/components/FormList.mjs.map +1 -1
- package/es/packages/components/form/src/components/FormListContainer.mjs +16 -0
- package/es/packages/components/form/src/components/FormListContainer.mjs.map +1 -1
- package/es/packages/components/form/src/components/FormListItem.mjs +24 -1
- package/es/packages/components/form/src/components/FormListItem.mjs.map +1 -1
- package/es/packages/components/form/src/context/FormContext.mjs.map +1 -1
- package/es/packages/components/table/src/components/Body/BodyRow.vue.mjs.map +1 -1
- package/es/packages/components/table/src/components/Body/BodyRow.vue2.mjs +2 -2
- package/es/packages/components/table/src/components/Body/BodyRow.vue2.mjs.map +1 -1
- package/es/packages/components/table/src/components/InteralTable.vue.mjs.map +1 -1
- package/es/packages/components/table/src/components/InteralTable.vue2.mjs +10 -2
- package/es/packages/components/table/src/components/InteralTable.vue2.mjs.map +1 -1
- package/es/packages/components/table/src/components/Table.mjs +6 -5
- package/es/packages/components/table/src/components/Table.mjs.map +1 -1
- package/es/packages/components/table/src/hooks/useFetchData.mjs +9 -8
- package/es/packages/components/table/src/hooks/useFetchData.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/form/src/components/FormList.d.ts +28 -1
- package/lib/components/form/src/components/FormListContainer.d.ts +28 -1
- package/lib/components/form/src/components/FormListItem.d.ts +39 -1
- package/lib/components/form/src/context/FormContext.d.ts +2 -0
- package/lib/components/table/src/components/InteralTable.vue.d.ts +1 -1
- package/lib/components/table/src/components/PaginationConfig.d.ts +4 -0
- package/lib/index.d.ts +4 -0
- package/lib/packages/components/config-provider/src/config-provider-container.vue2.js +1 -0
- package/lib/packages/components/config-provider/src/config-provider-container.vue2.js.map +1 -1
- package/lib/packages/components/form/src/base/BaseForm.js +8 -0
- package/lib/packages/components/form/src/base/BaseForm.js.map +1 -1
- package/lib/packages/components/form/src/components/FormItem.js +7 -3
- package/lib/packages/components/form/src/components/FormItem.js.map +1 -1
- package/lib/packages/components/form/src/components/FormItems.js +1 -1
- package/lib/packages/components/form/src/components/FormItems.js.map +1 -1
- package/lib/packages/components/form/src/components/FormList.js +15 -0
- package/lib/packages/components/form/src/components/FormList.js.map +1 -1
- package/lib/packages/components/form/src/components/FormListContainer.js +16 -0
- package/lib/packages/components/form/src/components/FormListContainer.js.map +1 -1
- package/lib/packages/components/form/src/components/FormListItem.js +24 -1
- package/lib/packages/components/form/src/components/FormListItem.js.map +1 -1
- package/lib/packages/components/form/src/context/FormContext.js.map +1 -1
- package/lib/packages/components/table/src/components/Body/BodyRow.vue.js.map +1 -1
- package/lib/packages/components/table/src/components/Body/BodyRow.vue2.js +2 -2
- package/lib/packages/components/table/src/components/Body/BodyRow.vue2.js.map +1 -1
- package/lib/packages/components/table/src/components/InteralTable.vue.js.map +1 -1
- package/lib/packages/components/table/src/components/InteralTable.vue2.js +10 -2
- package/lib/packages/components/table/src/components/InteralTable.vue2.js.map +1 -1
- package/lib/packages/components/table/src/components/Table.js +6 -5
- package/lib/packages/components/table/src/components/Table.js.map +1 -1
- package/lib/packages/components/table/src/hooks/useFetchData.js +9 -8
- package/lib/packages/components/table/src/hooks/useFetchData.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/theme-chalk/index.css +1 -1
- package/theme-chalk/pro-form.css +1 -1
- package/theme-chalk/src/form.less +11 -0
package/dist/index.full.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! Pro Design Vue v1.2.
|
|
1
|
+
/*! Pro Design Vue v1.2.13 */
|
|
2
2
|
|
|
3
3
|
import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
|
|
4
4
|
import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, vModelText } from 'vue';
|
|
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
|
|
|
30
30
|
const DEFAULT_NAMESPACE = "pro";
|
|
31
31
|
const DEFAULT_LOCALE = "zh-CN";
|
|
32
32
|
|
|
33
|
-
const version$1 = "1.2.
|
|
33
|
+
const version$1 = "1.2.13";
|
|
34
34
|
|
|
35
35
|
const makeInstaller = (components = []) => {
|
|
36
36
|
const install = (app) => {
|
|
@@ -8412,6 +8412,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
8412
8412
|
proPrefixCls: computed(() => props.proPrefixCls),
|
|
8413
8413
|
intl: computed(() => props.intl),
|
|
8414
8414
|
locale: computed(() => props.locale),
|
|
8415
|
+
dark: computed(() => props.dark),
|
|
8415
8416
|
contentOffsetTop: computed(() => props.contentOffsetTop || contentOffsetTop.value),
|
|
8416
8417
|
setContentOffsetTop: (offsetTop) => {
|
|
8417
8418
|
contentOffsetTop.value = offsetTop;
|
|
@@ -17419,7 +17420,7 @@ const FormGroup$2 = defineAsyncComponent(() => Promise.resolve().then(function (
|
|
|
17419
17420
|
const FormSet$2 = defineAsyncComponent(() => Promise.resolve().then(function () { return FormSet$1; }));
|
|
17420
17421
|
const FormList$2 = defineAsyncComponent(() => Promise.resolve().then(function () { return FormList$1; }));
|
|
17421
17422
|
const FormItem$2 = defineAsyncComponent(() => Promise.resolve().then(function () { return FormItem$1; }));
|
|
17422
|
-
const LIST_PROP_KEYS = ["min", "max", "isValidateList", "emptyListMessage", "creatorRecord", "creatorButtonProps", "alwaysShowItemLabel", "actionGuard", "copyIconProps", "deleteIconProps", "onAfterAdd", "onAfterRemove"];
|
|
17423
|
+
const LIST_PROP_KEYS = ["min", "max", "rowTitle", "rowTitleStyle", "alwaysShowRowTitle", "isValidateList", "emptyListMessage", "creatorRecord", "creatorButtonProps", "alwaysShowItemLabel", "actionGuard", "copyIconProps", "deleteIconProps", "onAfterAdd", "onAfterRemove"];
|
|
17423
17424
|
const LIST_SLOT_NAMES = ["action", "creator", "item"];
|
|
17424
17425
|
var FormItems = /* @__PURE__ */ defineComponent({
|
|
17425
17426
|
name: "FormItems",
|
|
@@ -17926,6 +17927,14 @@ var BaseForm = /* @__PURE__ */ defineComponent({
|
|
|
17926
17927
|
xs: 24
|
|
17927
17928
|
};
|
|
17928
17929
|
}),
|
|
17930
|
+
labelCol: computed(() => {
|
|
17931
|
+
var _a;
|
|
17932
|
+
return (_a = props.labelCol) != null ? _a : {};
|
|
17933
|
+
}),
|
|
17934
|
+
wrapperCol: computed(() => {
|
|
17935
|
+
var _a;
|
|
17936
|
+
return (_a = props.wrapperCol) != null ? _a : {};
|
|
17937
|
+
}),
|
|
17929
17938
|
formatItems,
|
|
17930
17939
|
onPressEnter: () => {
|
|
17931
17940
|
if (!props.isKeyPressSubmit) return;
|
|
@@ -21880,7 +21889,7 @@ const useFetchData = (getData, props) => {
|
|
|
21880
21889
|
pollingLoading.value = false;
|
|
21881
21890
|
};
|
|
21882
21891
|
const fetchList = async (isPolling) => {
|
|
21883
|
-
var _a2, _b, _c, _d;
|
|
21892
|
+
var _a2, _b, _c, _d, _e, _f, _g;
|
|
21884
21893
|
if (manualRequestRef.value) {
|
|
21885
21894
|
manualRequestRef.value = false;
|
|
21886
21895
|
return;
|
|
@@ -21892,12 +21901,13 @@ const useFetchData = (getData, props) => {
|
|
|
21892
21901
|
}
|
|
21893
21902
|
const { current, pageSize } = pagination.value;
|
|
21894
21903
|
const params = { ...innerParams.value, ...formSearch.value };
|
|
21895
|
-
if (
|
|
21896
|
-
|
|
21897
|
-
params.
|
|
21904
|
+
if (contextTablePagination.value !== false) {
|
|
21905
|
+
const { fieldNames } = (_a2 = contextTablePagination.value) != null ? _a2 : {};
|
|
21906
|
+
params[(_b = fieldNames == null ? void 0 : fieldNames.current) != null ? _b : "current"] = current;
|
|
21907
|
+
params[(_c = fieldNames == null ? void 0 : fieldNames.pageSize) != null ? _c : "pageSize"] = pageSize;
|
|
21898
21908
|
}
|
|
21899
21909
|
if (keyword.value) {
|
|
21900
|
-
params[(
|
|
21910
|
+
params[(_d = keywordName.value) != null ? _d : "keyword"] = keyword.value;
|
|
21901
21911
|
}
|
|
21902
21912
|
try {
|
|
21903
21913
|
const {
|
|
@@ -21905,13 +21915,13 @@ const useFetchData = (getData, props) => {
|
|
|
21905
21915
|
success,
|
|
21906
21916
|
total = 0,
|
|
21907
21917
|
...rest
|
|
21908
|
-
} = await ((
|
|
21918
|
+
} = await ((_e = getData.value) == null ? void 0 : _e.call(getData, params, toRaw(sorters.value), toRaw(filter.value))) || {};
|
|
21909
21919
|
if (success === false) return [];
|
|
21910
21920
|
setTableDataList(data);
|
|
21911
|
-
if (((
|
|
21921
|
+
if (((_f = pagination.value) == null ? void 0 : _f.total) !== total) {
|
|
21912
21922
|
pagination.value.total = total || data.length;
|
|
21913
21923
|
}
|
|
21914
|
-
(
|
|
21924
|
+
(_g = props.onLoad) == null ? void 0 : _g.call(props, data, rest);
|
|
21915
21925
|
return data;
|
|
21916
21926
|
} catch (e) {
|
|
21917
21927
|
if (props.onRequestError === void 0) throw new Error(e);
|
|
@@ -31391,8 +31401,8 @@ var _sfc_main$j = defineComponent({
|
|
|
31391
31401
|
const nestExpandable = computed(() => tableContext.expandType.value === "nest");
|
|
31392
31402
|
const hasNestChildren = computed(
|
|
31393
31403
|
() => {
|
|
31394
|
-
var _a;
|
|
31395
|
-
return !!(tableContext.childrenColumnName.value && ((_a = props.record) == null ? void 0 : _a[tableContext.childrenColumnName.value]));
|
|
31404
|
+
var _a, _b;
|
|
31405
|
+
return !!(tableContext.childrenColumnName.value && ((_b = (_a = props.record) == null ? void 0 : _a[tableContext.childrenColumnName.value]) == null ? void 0 : _b.length));
|
|
31396
31406
|
}
|
|
31397
31407
|
);
|
|
31398
31408
|
const mergedExpandable = computed(() => rowExpandable.value || nestExpandable.value);
|
|
@@ -33075,7 +33085,10 @@ var _sfc_main$g = defineComponent({
|
|
|
33075
33085
|
);
|
|
33076
33086
|
const expandedRowRender = computed(() => props.expandedRowRender);
|
|
33077
33087
|
const expandType = eagerComputed(
|
|
33078
|
-
() => rawData.value.some((column) =>
|
|
33088
|
+
() => rawData.value.some((column) => {
|
|
33089
|
+
var _a;
|
|
33090
|
+
return (_a = column == null ? void 0 : column[childrenColumnName.value]) == null ? void 0 : _a.length;
|
|
33091
|
+
}) ? "nest" : expandedRowRender.value ? "row" : null
|
|
33079
33092
|
);
|
|
33080
33093
|
const expandable = eagerComputed(() => !!props.expandedRowRender);
|
|
33081
33094
|
const columns = useColumns({
|
|
@@ -33328,7 +33341,12 @@ var _sfc_main$g = defineComponent({
|
|
|
33328
33341
|
);
|
|
33329
33342
|
};
|
|
33330
33343
|
const paginationProps = computed(() => {
|
|
33331
|
-
return omit(mergedPagination.value, [
|
|
33344
|
+
return omit(mergedPagination.value, [
|
|
33345
|
+
"position",
|
|
33346
|
+
"onChange",
|
|
33347
|
+
"onShowSizeChange",
|
|
33348
|
+
"fieldNames"
|
|
33349
|
+
]);
|
|
33332
33350
|
});
|
|
33333
33351
|
const paginationClass = computed(() => {
|
|
33334
33352
|
return {
|
|
@@ -35267,7 +35285,8 @@ var Table = /* @__PURE__ */ defineComponent({
|
|
|
35267
35285
|
const tableRef = ref();
|
|
35268
35286
|
const {
|
|
35269
35287
|
table,
|
|
35270
|
-
prefixCls: antPrefixCls
|
|
35288
|
+
prefixCls: antPrefixCls,
|
|
35289
|
+
dark
|
|
35271
35290
|
} = useProConfigInject();
|
|
35272
35291
|
const prefixCls = usePrefixCls("table");
|
|
35273
35292
|
const {
|
|
@@ -35568,7 +35587,7 @@ var Table = /* @__PURE__ */ defineComponent({
|
|
|
35568
35587
|
reset
|
|
35569
35588
|
});
|
|
35570
35589
|
return () => {
|
|
35571
|
-
var _a2, _b, _c, _d;
|
|
35590
|
+
var _a2, _b, _c, _d, _e;
|
|
35572
35591
|
const {
|
|
35573
35592
|
expandIcon = slots.expandIcon,
|
|
35574
35593
|
expandedRowRender = slots.expandedRowRender
|
|
@@ -35642,7 +35661,7 @@ var Table = /* @__PURE__ */ defineComponent({
|
|
|
35642
35661
|
return tableDom;
|
|
35643
35662
|
})();
|
|
35644
35663
|
tableDom = createVNode(Card, mergeProps({
|
|
35645
|
-
"bordered": isBordered("table", (_d = props.cardBordered) != null ? _d : (_c = table == null ? void 0 : table.value) == null ? void 0 : _c.cardBordered),
|
|
35664
|
+
"bordered": isBordered("table", (_e = (_d = props.cardBordered) != null ? _d : (_c = table == null ? void 0 : table.value) == null ? void 0 : _c.cardBordered) != null ? _e : dark == null ? void 0 : dark.value),
|
|
35646
35665
|
"bodyStyle": cardBodyStyle.value
|
|
35647
35666
|
}, props.cardProps), _isSlot$2(tableDom) ? tableDom : {
|
|
35648
35667
|
default: () => [_tableDom]
|
|
@@ -35655,7 +35674,7 @@ var Table = /* @__PURE__ */ defineComponent({
|
|
|
35655
35674
|
}
|
|
35656
35675
|
}, {
|
|
35657
35676
|
default: () => {
|
|
35658
|
-
var _a3, _b2, _c2;
|
|
35677
|
+
var _a3, _b2, _c2, _d2;
|
|
35659
35678
|
return [createVNode("div", mergeProps({
|
|
35660
35679
|
"ref": counter.rootDomRef
|
|
35661
35680
|
}, attrs, {
|
|
@@ -35664,7 +35683,7 @@ var Table = /* @__PURE__ */ defineComponent({
|
|
|
35664
35683
|
}), [props.search !== false && !!((_a3 = formItems.value) == null ? void 0 : _a3.length) && createVNode(FormRender, {
|
|
35665
35684
|
"prefixCls": mergedPrefixCls.value,
|
|
35666
35685
|
"items": formItems.value,
|
|
35667
|
-
"cardBordered": (_c2 = props.cardBordered) != null ? _c2 : (_b2 = table == null ? void 0 : table.value) == null ? void 0 : _b2.cardBordered,
|
|
35686
|
+
"cardBordered": (_d2 = (_c2 = props.cardBordered) != null ? _c2 : (_b2 = table == null ? void 0 : table.value) == null ? void 0 : _b2.cardBordered) != null ? _d2 : dark == null ? void 0 : dark.value,
|
|
35668
35687
|
"search": props.search,
|
|
35669
35688
|
"tableShowCard": props.cardProps !== false,
|
|
35670
35689
|
"loading": formSubmitLoading.value,
|
|
@@ -36941,6 +36960,10 @@ var FormListItem = /* @__PURE__ */ defineComponent({
|
|
|
36941
36960
|
type: Number,
|
|
36942
36961
|
default: 0
|
|
36943
36962
|
},
|
|
36963
|
+
title: {
|
|
36964
|
+
type: [String, Object, Function],
|
|
36965
|
+
default: void 0
|
|
36966
|
+
},
|
|
36944
36967
|
items: {
|
|
36945
36968
|
type: Array,
|
|
36946
36969
|
default: () => []
|
|
@@ -36965,6 +36988,18 @@ var FormListItem = /* @__PURE__ */ defineComponent({
|
|
|
36965
36988
|
type: Boolean,
|
|
36966
36989
|
default: void 0
|
|
36967
36990
|
},
|
|
36991
|
+
alwaysShowRowTitle: {
|
|
36992
|
+
type: Boolean,
|
|
36993
|
+
default: void 0
|
|
36994
|
+
},
|
|
36995
|
+
rowTitle: {
|
|
36996
|
+
type: String,
|
|
36997
|
+
default: void 0
|
|
36998
|
+
},
|
|
36999
|
+
rowTitleStyle: {
|
|
37000
|
+
type: Object,
|
|
37001
|
+
default: void 0
|
|
37002
|
+
},
|
|
36968
37003
|
count: {
|
|
36969
37004
|
type: Number,
|
|
36970
37005
|
default: 0
|
|
@@ -37058,6 +37093,7 @@ var FormListItem = /* @__PURE__ */ defineComponent({
|
|
|
37058
37093
|
const fields = (_b = runFunction((_a = props.items) != null ? _a : [], formData.value)) != null ? _b : [];
|
|
37059
37094
|
return (_c = formatItems == null ? void 0 : formatItems(genListItems(fields))) != null ? _c : [];
|
|
37060
37095
|
});
|
|
37096
|
+
const showRowTitle = computed(() => props.alwaysShowRowTitle && props.rowTitle);
|
|
37061
37097
|
const deleteIcon = computed(() => {
|
|
37062
37098
|
var _a;
|
|
37063
37099
|
if (props.readonly || props.deleteIconProps === false || props.min === props.count) return null;
|
|
@@ -37179,9 +37215,15 @@ var FormListItem = /* @__PURE__ */ defineComponent({
|
|
|
37179
37215
|
}, null);
|
|
37180
37216
|
}
|
|
37181
37217
|
return createVNode("div", {
|
|
37218
|
+
"class": `${prefixCls}-list-item-wrapper`
|
|
37219
|
+
}, [showRowTitle.value && createVNode("div", {
|
|
37220
|
+
"class": `${prefixCls}-list-item-title`
|
|
37221
|
+
}, [createVNode("div", {
|
|
37222
|
+
"style": props.rowTitleStyle
|
|
37223
|
+
}, [props.rowTitle, props.index + 1]), actionDom]), createVNode("div", {
|
|
37182
37224
|
"class": `${prefixCls}-list-item`,
|
|
37183
37225
|
"style": "display: flex; align-items: flex-end;"
|
|
37184
|
-
}, [itemDom, actionDom]);
|
|
37226
|
+
}, [itemDom, !showRowTitle.value && actionDom])]);
|
|
37185
37227
|
};
|
|
37186
37228
|
}
|
|
37187
37229
|
});
|
|
@@ -37245,6 +37287,18 @@ var FormListContainer = /* @__PURE__ */ defineComponent({
|
|
|
37245
37287
|
type: Boolean,
|
|
37246
37288
|
default: void 0
|
|
37247
37289
|
},
|
|
37290
|
+
alwaysShowRowTitle: {
|
|
37291
|
+
type: Boolean,
|
|
37292
|
+
default: void 0
|
|
37293
|
+
},
|
|
37294
|
+
rowTitle: {
|
|
37295
|
+
type: String,
|
|
37296
|
+
default: void 0
|
|
37297
|
+
},
|
|
37298
|
+
rowTitleStyle: {
|
|
37299
|
+
type: Object,
|
|
37300
|
+
default: void 0
|
|
37301
|
+
},
|
|
37248
37302
|
creatorRecord: {
|
|
37249
37303
|
type: [Object, Function],
|
|
37250
37304
|
default: void 0
|
|
@@ -37439,7 +37493,11 @@ var FormListContainer = /* @__PURE__ */ defineComponent({
|
|
|
37439
37493
|
"max": props.max,
|
|
37440
37494
|
"count": count.value,
|
|
37441
37495
|
"record": record,
|
|
37496
|
+
"title": props.title,
|
|
37497
|
+
"rowTitle": props.rowTitle,
|
|
37498
|
+
"rowTitleStyle": props.rowTitleStyle,
|
|
37442
37499
|
"alwaysShowItemLabel": props.alwaysShowItemLabel,
|
|
37500
|
+
"alwaysShowRowTitle": props.alwaysShowRowTitle,
|
|
37443
37501
|
"copyIconProps": props.copyIconProps,
|
|
37444
37502
|
"deleteIconProps": props.deleteIconProps,
|
|
37445
37503
|
"action": action,
|
|
@@ -37520,6 +37578,18 @@ var FormList = /* @__PURE__ */ defineComponent({
|
|
|
37520
37578
|
type: Boolean,
|
|
37521
37579
|
default: void 0
|
|
37522
37580
|
},
|
|
37581
|
+
alwaysShowRowTitle: {
|
|
37582
|
+
type: Boolean,
|
|
37583
|
+
default: true
|
|
37584
|
+
},
|
|
37585
|
+
rowTitle: {
|
|
37586
|
+
type: String,
|
|
37587
|
+
default: void 0
|
|
37588
|
+
},
|
|
37589
|
+
rowTitleStyle: {
|
|
37590
|
+
type: Object,
|
|
37591
|
+
default: void 0
|
|
37592
|
+
},
|
|
37523
37593
|
creatorRecord: {
|
|
37524
37594
|
type: [Object, Function],
|
|
37525
37595
|
default: void 0
|
|
@@ -37644,6 +37714,8 @@ var FormList = /* @__PURE__ */ defineComponent({
|
|
|
37644
37714
|
"name": props.name,
|
|
37645
37715
|
"originName": props.originName,
|
|
37646
37716
|
"title": props.title,
|
|
37717
|
+
"rowTitle": props.rowTitle,
|
|
37718
|
+
"rowTitleStyle": props.rowTitleStyle,
|
|
37647
37719
|
"tooltip": props.tooltip,
|
|
37648
37720
|
"rowProps": props.rowProps,
|
|
37649
37721
|
"initialValue": props.initialValue,
|
|
@@ -37654,6 +37726,7 @@ var FormList = /* @__PURE__ */ defineComponent({
|
|
|
37654
37726
|
"max": props.max,
|
|
37655
37727
|
"readonly": mergeReadonly.value,
|
|
37656
37728
|
"alwaysShowItemLabel": props.alwaysShowItemLabel,
|
|
37729
|
+
"alwaysShowRowTitle": props.alwaysShowRowTitle,
|
|
37657
37730
|
"creatorRecord": props.creatorRecord,
|
|
37658
37731
|
"creatorButtonProps": props.creatorButtonProps,
|
|
37659
37732
|
"copyIconProps": props.copyIconProps,
|
|
@@ -38325,6 +38398,8 @@ var FormItem = /* @__PURE__ */ defineComponent({
|
|
|
38325
38398
|
disabledKeys,
|
|
38326
38399
|
hiddenKeys,
|
|
38327
38400
|
allDisabledKeys,
|
|
38401
|
+
labelCol,
|
|
38402
|
+
wrapperCol,
|
|
38328
38403
|
onPressEnter,
|
|
38329
38404
|
updateHiddenKeys,
|
|
38330
38405
|
updateDisabledKeys
|
|
@@ -38370,12 +38445,14 @@ var FormItem = /* @__PURE__ */ defineComponent({
|
|
|
38370
38445
|
return (_a = runFunction(props.item.formItemProps, formData.value)) != null ? _a : {};
|
|
38371
38446
|
});
|
|
38372
38447
|
const restItemProps = computed(() => {
|
|
38373
|
-
var _a, _b, _c, _d;
|
|
38448
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
38374
38449
|
return omitUndefined({
|
|
38375
38450
|
...pickKeys(formItemProps.value, ALL_ANTD_PROP_KEYS),
|
|
38451
|
+
labelCol: (_b = (_a = formItemProps.value) == null ? void 0 : _a.labelCol) != null ? _b : labelCol == null ? void 0 : labelCol.value,
|
|
38452
|
+
wrapperCol: (_d = (_c = formItemProps.value) == null ? void 0 : _c.wrapperCol) != null ? _d : wrapperCol == null ? void 0 : wrapperCol.value,
|
|
38376
38453
|
name: mergeReadonly.value ? void 0 : props.item.name,
|
|
38377
|
-
htmlFor: mergeReadonly.value ? void 0 : (
|
|
38378
|
-
rules: mergeReadonly.value ? void 0 : runFunction((
|
|
38454
|
+
htmlFor: mergeReadonly.value ? void 0 : (_g = (_e = formItemProps.value) == null ? void 0 : _e.htmlFor) != null ? _g : `form-${(_f = formKey.value) != null ? _f : ""}-${props.item.key}`,
|
|
38455
|
+
rules: mergeReadonly.value ? void 0 : runFunction((_h = props.item.rules) != null ? _h : formItemProps.value.rules, formData.value, action)
|
|
38379
38456
|
});
|
|
38380
38457
|
});
|
|
38381
38458
|
const clearOnChange = (newValue) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropType, VNode } from 'vue';
|
|
1
|
+
import type { CSSProperties, PropType, VNode } from 'vue';
|
|
2
2
|
import type { Entity, ProFormItemType } from '../type';
|
|
3
3
|
import type { ButtonProps } from 'ant-design-vue';
|
|
4
4
|
export interface ListOperations {
|
|
@@ -66,6 +66,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
66
66
|
type: BooleanConstructor;
|
|
67
67
|
default: undefined;
|
|
68
68
|
};
|
|
69
|
+
alwaysShowRowTitle: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
rowTitle: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: undefined;
|
|
76
|
+
};
|
|
77
|
+
rowTitleStyle: {
|
|
78
|
+
type: PropType<CSSProperties>;
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
69
81
|
creatorRecord: {
|
|
70
82
|
type: PropType<Entity | (() => Entity)>;
|
|
71
83
|
default: undefined;
|
|
@@ -179,6 +191,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
179
191
|
type: BooleanConstructor;
|
|
180
192
|
default: undefined;
|
|
181
193
|
};
|
|
194
|
+
alwaysShowRowTitle: {
|
|
195
|
+
type: BooleanConstructor;
|
|
196
|
+
default: boolean;
|
|
197
|
+
};
|
|
198
|
+
rowTitle: {
|
|
199
|
+
type: StringConstructor;
|
|
200
|
+
default: undefined;
|
|
201
|
+
};
|
|
202
|
+
rowTitleStyle: {
|
|
203
|
+
type: PropType<CSSProperties>;
|
|
204
|
+
default: undefined;
|
|
205
|
+
};
|
|
182
206
|
creatorRecord: {
|
|
183
207
|
type: PropType<Entity | (() => Entity)>;
|
|
184
208
|
default: undefined;
|
|
@@ -345,6 +369,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
345
369
|
tooltipText?: string;
|
|
346
370
|
};
|
|
347
371
|
alwaysShowItemLabel: boolean;
|
|
372
|
+
alwaysShowRowTitle: boolean;
|
|
373
|
+
rowTitle: string;
|
|
374
|
+
rowTitleStyle: CSSProperties;
|
|
348
375
|
creatorRecord: Entity | (() => Entity);
|
|
349
376
|
creatorButtonProps: false | (Partial<import("vue").ExtractPropTypes<{
|
|
350
377
|
prefixCls: StringConstructor;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ButtonProps } from 'ant-design-vue';
|
|
2
|
-
import type { PropType, VNode } from 'vue';
|
|
2
|
+
import type { CSSProperties, PropType, VNode } from 'vue';
|
|
3
3
|
import type { Entity, ProFormItemType } from '../type';
|
|
4
4
|
export interface ListOperations {
|
|
5
5
|
add: (defaultValue: Entity, index?: number) => Promise<boolean>;
|
|
@@ -58,6 +58,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
58
58
|
type: BooleanConstructor;
|
|
59
59
|
default: undefined;
|
|
60
60
|
};
|
|
61
|
+
alwaysShowRowTitle: {
|
|
62
|
+
type: BooleanConstructor;
|
|
63
|
+
default: undefined;
|
|
64
|
+
};
|
|
65
|
+
rowTitle: {
|
|
66
|
+
type: StringConstructor;
|
|
67
|
+
default: undefined;
|
|
68
|
+
};
|
|
69
|
+
rowTitleStyle: {
|
|
70
|
+
type: PropType<CSSProperties>;
|
|
71
|
+
default: undefined;
|
|
72
|
+
};
|
|
61
73
|
creatorRecord: {
|
|
62
74
|
type: PropType<Entity | (() => Entity)>;
|
|
63
75
|
default: undefined;
|
|
@@ -151,6 +163,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
151
163
|
type: BooleanConstructor;
|
|
152
164
|
default: undefined;
|
|
153
165
|
};
|
|
166
|
+
alwaysShowRowTitle: {
|
|
167
|
+
type: BooleanConstructor;
|
|
168
|
+
default: undefined;
|
|
169
|
+
};
|
|
170
|
+
rowTitle: {
|
|
171
|
+
type: StringConstructor;
|
|
172
|
+
default: undefined;
|
|
173
|
+
};
|
|
174
|
+
rowTitleStyle: {
|
|
175
|
+
type: PropType<CSSProperties>;
|
|
176
|
+
default: undefined;
|
|
177
|
+
};
|
|
154
178
|
creatorRecord: {
|
|
155
179
|
type: PropType<Entity | (() => Entity)>;
|
|
156
180
|
default: undefined;
|
|
@@ -267,6 +291,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
267
291
|
tooltipText?: string;
|
|
268
292
|
};
|
|
269
293
|
alwaysShowItemLabel: boolean;
|
|
294
|
+
alwaysShowRowTitle: boolean;
|
|
295
|
+
rowTitle: string;
|
|
296
|
+
rowTitleStyle: CSSProperties;
|
|
270
297
|
creatorRecord: Entity | (() => Entity);
|
|
271
298
|
creatorButtonProps: false | (Partial<import("vue").ExtractPropTypes<{
|
|
272
299
|
prefixCls: StringConstructor;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropType, VNode } from 'vue';
|
|
1
|
+
import type { CSSProperties, PropType, VNode } from 'vue';
|
|
2
2
|
import type { Entity, NamePath, ProFormItemType } from '../type';
|
|
3
3
|
import type { ListOperations } from './FormList';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
14
14
|
type: NumberConstructor;
|
|
15
15
|
default: number;
|
|
16
16
|
};
|
|
17
|
+
title: {
|
|
18
|
+
type: PropType<ProFormItemType["title"]>;
|
|
19
|
+
default: undefined;
|
|
20
|
+
};
|
|
17
21
|
items: {
|
|
18
22
|
type: PropType<ProFormItemType[]>;
|
|
19
23
|
default: () => never[];
|
|
@@ -44,6 +48,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
44
48
|
type: BooleanConstructor;
|
|
45
49
|
default: undefined;
|
|
46
50
|
};
|
|
51
|
+
alwaysShowRowTitle: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: undefined;
|
|
54
|
+
};
|
|
55
|
+
rowTitle: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: undefined;
|
|
58
|
+
};
|
|
59
|
+
rowTitleStyle: {
|
|
60
|
+
type: PropType<CSSProperties>;
|
|
61
|
+
default: undefined;
|
|
62
|
+
};
|
|
47
63
|
count: {
|
|
48
64
|
type: NumberConstructor;
|
|
49
65
|
default: number;
|
|
@@ -85,6 +101,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
85
101
|
type: NumberConstructor;
|
|
86
102
|
default: number;
|
|
87
103
|
};
|
|
104
|
+
title: {
|
|
105
|
+
type: PropType<ProFormItemType["title"]>;
|
|
106
|
+
default: undefined;
|
|
107
|
+
};
|
|
88
108
|
items: {
|
|
89
109
|
type: PropType<ProFormItemType[]>;
|
|
90
110
|
default: () => never[];
|
|
@@ -115,6 +135,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
115
135
|
type: BooleanConstructor;
|
|
116
136
|
default: undefined;
|
|
117
137
|
};
|
|
138
|
+
alwaysShowRowTitle: {
|
|
139
|
+
type: BooleanConstructor;
|
|
140
|
+
default: undefined;
|
|
141
|
+
};
|
|
142
|
+
rowTitle: {
|
|
143
|
+
type: StringConstructor;
|
|
144
|
+
default: undefined;
|
|
145
|
+
};
|
|
146
|
+
rowTitleStyle: {
|
|
147
|
+
type: PropType<CSSProperties>;
|
|
148
|
+
default: undefined;
|
|
149
|
+
};
|
|
118
150
|
count: {
|
|
119
151
|
type: NumberConstructor;
|
|
120
152
|
default: number;
|
|
@@ -147,6 +179,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
147
179
|
onCopy?: ((...args: any[]) => any) | undefined;
|
|
148
180
|
onRemove?: ((...args: any[]) => any) | undefined;
|
|
149
181
|
}>, {
|
|
182
|
+
title: import("pro-design-vue").ProVNode | ((params: {
|
|
183
|
+
formData: Entity;
|
|
184
|
+
}) => import("pro-design-vue").ProVNode);
|
|
150
185
|
items: ProFormItemType[];
|
|
151
186
|
record: Entity;
|
|
152
187
|
rowProps: (Partial<import("vue").ExtractPropTypes<{
|
|
@@ -215,5 +250,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
215
250
|
tooltipText?: string;
|
|
216
251
|
};
|
|
217
252
|
alwaysShowItemLabel: boolean;
|
|
253
|
+
alwaysShowRowTitle: boolean;
|
|
254
|
+
rowTitle: string;
|
|
255
|
+
rowTitleStyle: CSSProperties;
|
|
218
256
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
219
257
|
export default _default;
|
|
@@ -17,6 +17,8 @@ export interface FormContextProps extends Linkage {
|
|
|
17
17
|
readonlyProps?: ComputedRef<ReadonlyProps | undefined>;
|
|
18
18
|
rowProps?: ComputedRef<RowProps>;
|
|
19
19
|
colProps?: ComputedRef<ColProps>;
|
|
20
|
+
labelCol?: ComputedRef<ColProps>;
|
|
21
|
+
wrapperCol?: ComputedRef<ColProps>;
|
|
20
22
|
gutter?: ComputedRef<number>;
|
|
21
23
|
disabled?: ComputedRef<boolean>;
|
|
22
24
|
onPressEnter?: KeyboardEventHandler;
|
|
@@ -482,7 +482,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
482
482
|
cal: import("../hooks/useCal").CalType;
|
|
483
483
|
selection: import("../hooks/useRowSelection").SelectionsRes;
|
|
484
484
|
locale: import("vue").ComputedRef<TableLocale>;
|
|
485
|
-
paginationProps: import("vue").ComputedRef<Omit<import("pro-design-vue").ProTablePaginationConfig, "onChange" | "position" | "onShowSizeChange">>;
|
|
485
|
+
paginationProps: import("vue").ComputedRef<Omit<import("pro-design-vue").ProTablePaginationConfig, "onChange" | "position" | "fieldNames" | "onShowSizeChange">>;
|
|
486
486
|
slots: Readonly<{
|
|
487
487
|
[x: string]: ((...args: any[]) => any) | undefined;
|
|
488
488
|
emptyText?: (() => any) | undefined;
|
|
@@ -26,4 +26,8 @@ export interface PaginationProps {
|
|
|
26
26
|
export declare type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
|
|
27
27
|
export interface TablePaginationConfig extends PaginationProps {
|
|
28
28
|
position?: TablePaginationPosition[];
|
|
29
|
+
fieldNames?: {
|
|
30
|
+
current?: string;
|
|
31
|
+
pageSize?: string;
|
|
32
|
+
};
|
|
29
33
|
}
|
package/es/index.d.ts
CHANGED
|
@@ -6641,6 +6641,10 @@ export declare type ProTableOptionConfig = {
|
|
|
6641
6641
|
};
|
|
6642
6642
|
export declare interface ProTablePaginationConfig extends PaginationProps {
|
|
6643
6643
|
position?: TablePaginationPosition[];
|
|
6644
|
+
fieldNames?: {
|
|
6645
|
+
current?: string;
|
|
6646
|
+
pageSize?: string;
|
|
6647
|
+
};
|
|
6644
6648
|
}
|
|
6645
6649
|
export declare type ProTableProps<T extends DefaultRecordType = DefaultRecordType> = Partial<ExtractPropTypes<Helper<T>["Return"]>>;
|
|
6646
6650
|
export declare type ProTableRequest<T = DefaultRecordType, U = Record<string, any>> = (params: U & {
|
|
@@ -56,6 +56,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
56
56
|
proPrefixCls: computed(() => props.proPrefixCls),
|
|
57
57
|
intl: computed(() => props.intl),
|
|
58
58
|
locale: computed(() => props.locale),
|
|
59
|
+
dark: computed(() => props.dark),
|
|
59
60
|
contentOffsetTop: computed(() => props.contentOffsetTop || contentOffsetTop.value),
|
|
60
61
|
setContentOffsetTop: (offsetTop) => {
|
|
61
62
|
contentOffsetTop.value = offsetTop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-provider-container.vue2.mjs","sources":["../../../../../../../packages/components/config-provider/src/config-provider-container.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-05-22 09:08:36\n * @LastEditors: shen\n * @LastEditTime: 2025-10-
|
|
1
|
+
{"version":3,"file":"config-provider-container.vue2.mjs","sources":["../../../../../../../packages/components/config-provider/src/config-provider-container.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-05-22 09:08:36\n * @LastEditors: shen\n * @LastEditTime: 2025-10-20 15:51:51\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport type { ProConfigProviderProps } from './typing'\nimport { computed, ref } from 'vue'\nimport { useProConfigProvide } from './context'\nimport { useCssVariables } from './useCssVariables'\n\ninterface Props extends ProConfigProviderProps {}\n\ndefineOptions({\n name: 'ConfigProviderContainer',\n})\n\nconst props = defineProps<Props>()\n\nconst contentOffsetTop = ref(props.contentOffsetTop)\n\nuseCssVariables(computed(() => props.dark))\n\nuseProConfigProvide({\n table: computed(() => props.table),\n form: computed(() => props.form),\n modal: computed(() => props.modal),\n drawer: computed(() => props.drawer),\n prefixCls: computed(() => props.prefixCls),\n componentSize: computed(() => props.componentSize),\n proPrefixCls: computed(() => props.proPrefixCls),\n intl: computed(() => props.intl),\n locale: computed(() => props.locale),\n dark: computed(() => props.dark),\n contentOffsetTop: computed(() => props.contentOffsetTop || contentOffsetTop.value),\n setContentOffsetTop: (offsetTop: number) => {\n contentOffsetTop.value = offsetTop\n },\n})\n</script>\n\n<template>\n <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,gBAAA,GAAmB,GAAA,CAAI,KAAA,CAAM,gBAAgB,CAAA;AAEnD,IAAA,eAAA,CAAgB,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAC,CAAA;AAE1C,IAAA,mBAAA,CAAoB;AAAA,MAClB,KAAA,EAAO,QAAA,CAAS,MAAM,KAAA,CAAM,KAAK,CAAA;AAAA,MACjC,IAAA,EAAM,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAAA,MAC/B,KAAA,EAAO,QAAA,CAAS,MAAM,KAAA,CAAM,KAAK,CAAA;AAAA,MACjC,MAAA,EAAQ,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAAA,MACnC,SAAA,EAAW,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA;AAAA,MACzC,aAAA,EAAe,QAAA,CAAS,MAAM,KAAA,CAAM,aAAa,CAAA;AAAA,MACjD,YAAA,EAAc,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,CAAA;AAAA,MAC/C,IAAA,EAAM,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAAA,MAC/B,MAAA,EAAQ,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAAA,MACnC,IAAA,EAAM,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAAA,MAC/B,kBAAkB,QAAA,CAAS,MAAM,KAAA,CAAM,gBAAA,IAAoB,iBAAiB,KAAK,CAAA;AAAA,MACjF,mBAAA,EAAqB,CAAC,SAAA,KAAsB;AAC1C,QAAA,gBAAA,CAAiB,KAAA,GAAQ,SAAA;AAAA,MAC3B;AAAA,KACD,CAAA;;aAICA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;"}
|
|
@@ -227,6 +227,14 @@ var BaseForm = /* @__PURE__ */ defineComponent({
|
|
|
227
227
|
xs: 24
|
|
228
228
|
};
|
|
229
229
|
}),
|
|
230
|
+
labelCol: computed(() => {
|
|
231
|
+
var _a;
|
|
232
|
+
return (_a = props.labelCol) != null ? _a : {};
|
|
233
|
+
}),
|
|
234
|
+
wrapperCol: computed(() => {
|
|
235
|
+
var _a;
|
|
236
|
+
return (_a = props.wrapperCol) != null ? _a : {};
|
|
237
|
+
}),
|
|
230
238
|
formatItems,
|
|
231
239
|
onPressEnter: () => {
|
|
232
240
|
if (!props.isKeyPressSubmit) return;
|