@dt-frames/ui 2.0.3 → 2.0.4

package/es/components/form/index.js

@@ -1,12 +1,19 @@
 import { RadioButton, RadioGroup, Button, FormItem as FormItem$1, Col as Col$1, Row, Form as Form$1 } from "ant-design-vue/es";
 import "ant-design-vue/es/form/style";
 import "ant-design-vue/es/row/style";
-import { toRaw as toRaw$1, unref, computed, getCurrentInstance, reactive, readonly, watchEffect, nextTick, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, isVNode, ref, watch, resolveDirective, normalizeStyle, withDirectives, normalizeClass, onMounted, withKeys, createSlots, renderSlot } from "vue";
+import { toRaw, unref, computed, getCurrentInstance, reactive, readonly, watchEffect, nextTick, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, isVNode, ref, watch, resolveDirective, normalizeStyle, withDirectives, normalizeClass, onMounted, withKeys, createSlots, renderSlot } from "vue";
 import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, useAppStore, isNumber, useI18n, isString, isFunction, error, useSlots, isArray, isBoolean, isNull, dispatchResize, isObject, isNullAndUnDef, isEmpty, useTimeoutFn } from "@dt-frames/core";
 import { isEqual, omit, cloneDeep, upperFirst, uniqBy, set } from "lodash-es";
 import { Input, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Tooltip, Form, FormItem } from "ant-design-vue";
 import { defineStore } from "pinia";
 import "ant-design-vue/es/radio/style";
+import "ant-design-vue/es/cascader/style";
+import "ant-design-vue/es/input-number/style";
+import "ant-design-vue/es/switch/style";
+import "ant-design-vue/es/tree-select/style";
+import "ant-design-vue/es/slider/style";
+import "ant-design-vue/es/rate/style";
+import "ant-design-vue/es/date-picker/style";
 import "ant-design-vue/es/col/style";
 import "ant-design-vue/es/button/style";
 import dayjs from "dayjs";
@@ -19,6 +26,7 @@ var MenuType = /* @__PURE__ */ ((MenuType2) => {
   MenuType2["SIDE"] = "sidebar";
   MenuType2["TOP_MENU"] = "top-menu";
   MenuType2["MIX"] = "mix";
+  MenuType2["MIX_SIDEBAR"] = "mix-sidebar";
   return MenuType2;
 })(MenuType || {});
 var MenuMode = /* @__PURE__ */ ((MenuMode2) => {
@@ -70,7 +78,8 @@ const defaultThemeConf = {
     menuWidth: 240,
     trigger: true,
     type: MenuType.SIDE,
-    mode: MenuMode.INLINE
+    mode: MenuMode.INLINE,
+    mixSideTrigger: "hover"
   },
   footerOptions: {
     show: false,
@@ -91,7 +100,8 @@ const useThemeStore = defineStore({
   id: "dt-theme",
   state: () => ({
     themeConf: DtCache.getLocal(CacheKey.THEME) ?? defaultThemeConf,
-    pageLoading: false
+    pageLoading: false,
+    mixSiderHasSubMenu: false
   }),
   getters: {
     getThemeConf() {
@@ -111,6 +121,9 @@ const useThemeStore = defineStore({
     },
     getPageLoading() {
       return this.pageLoading;
+    },
+    getMixSiderIsHasMenu() {
+      return this.mixSiderHasSubMenu;
     }
   },
   actions: {
@@ -118,6 +131,9 @@ const useThemeStore = defineStore({
       let newThemeConf = deepMerge(this.themeConf, options);
       this.themeConf = deepMerge(defaultThemeConf, newThemeConf);
       DtCache.setLocal(CacheKey.THEME, this.themeConf);
+    },
+    setMixSiderIsHasMenu(val) {
+      this.mixSiderHasSubMenu = val;
     }
   }
 });
@@ -151,7 +167,7 @@ defineStore({
         return (tab.fullPath || tab.path) === (fullPath || path);
       });
       if (tabHasExits) {
-        const curTab = toRaw$1(this.tabList)[updateIndex];
+        const curTab = toRaw(this.tabList)[updateIndex];
         curTab.params = params || curTab.params;
         curTab.query = query || curTab.query;
         curTab.fullPath = fullPath || curTab.fullPath;
@@ -273,8 +289,18 @@ function useMenu() {
   const getIsMixMode = computed(() => {
     return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
   });
-  const getMenuWidth = computed(() => unref(getIsMixMode) ? Number(getMenuConf.menuWidth) - 40 : getMenuConf.menuWidth);
-  const getLogoWidth = computed(() => getMenuConf.menuWidth);
+  const getIsMixSidebar = computed(() => unref(getMenuType) === MenuType.MIX_SIDEBAR);
+  const getMenuWidth = computed(() => {
+    if (unref(getIsMixMode)) {
+      return Number(getMenuConf.menuWidth) - 40;
+    } else if (unref(getIsMixSidebar)) {
+      return Number(getMenuConf.menuWidth) - 10;
+    } else {
+      return Number(getMenuConf.menuWidth);
+    }
+  });
+  const getMixSideTrigger = computed(() => getMenuConf.mixSideTrigger);
+  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : getMenuConf.menuWidth);
   const getMenuType = computed(() => getMenuConf.type);
   const getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
   const getMenuMode = computed(() => getMenuConf.mode);
@@ -316,7 +342,9 @@ function useMenu() {
     getRealWidth,
     getCalcContentWidth,
     getIsMixMode,
+    getIsMixSidebar,
     getCanDrag,
+    getMixSideTrigger,
     toggleCollapsed,
     setThemeStore
   };
@@ -349,12 +377,12 @@ function useHeader() {
     getMenuMode,
     getSplit,
     getIsTopMenu,
-    getIsMixMode
+    getIsMixSidebar
   } = useMenu();
   const { getShowMultipleTab } = useMultipleTab();
   const getHeaderTheme = computed(() => getHeaderConf.theme);
   const getFixed = computed(() => getHeaderConf.fixed);
-  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType));
+  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
   const getShowSearch = computed(() => getHeaderConf.showSearch);
   const getShowHeaderTrigger = computed(() => {
     if (unref(getMenuType) === MenuType.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
@@ -372,7 +400,7 @@ function useHeader() {
   const getShowLocale = computed(() => getHeaderConf.showLocaleSwitch);
   const getShowSettingTheme = computed(() => getHeaderConf.showSettingTheme);
   const getShowFullHeaderRef = computed(() => {
-    return !unref(getIsSidebarType) && !unref(getIsTopMenu);
+    return !unref(getIsSidebarType) && !unref(getIsMixSidebar) && !unref(getIsTopMenu);
   });
   const getHeaderHeight = computed(() => {
     let height = 0;
@@ -384,7 +412,7 @@ function useHeader() {
   });
   const getTabsHeight = computed(() => TABS_HEIGHT);
   const getShowInsetHeaderRef = computed(() => {
-    return unref(getIsSidebarType) || unref(getIsTopMenu);
+    return unref(getIsSidebarType) || unref(getIsTopMenu) || unref(getIsMixSidebar);
   });
   const getShowBackToTop = computed(() => getHeaderConf.showBackToTop);
   const getIsZH = computed(() => {
@@ -499,7 +527,7 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   const setState = (val) => {
     innerState.value = val;
     nextTick(() => {
-      emit?.(changeEvent, val, ...toRaw$1(unref(emitData)) || []);
+      emit?.(changeEvent, val, ...toRaw(unref(emitData)) || []);
     });
   };
   watchEffect(() => {
@@ -514,7 +542,7 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
         return;
       innerState.value = value;
       nextTick(() => {
-        emit?.(changeEvent, value, ...toRaw$1(unref(emitData)) || []);
+        emit?.(changeEvent, value, ...toRaw(unref(emitData)) || []);
       });
     }
   });
@@ -571,6 +599,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/radioButton.vue"]]);
 const _hoisted_1$1 = { class: "input-with-dialog" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "formInputUseDialog",
@@ -606,14 +642,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "i mdi:close-circle",
           onClick: clearProps
-        })) : createCommentVNode("", true)
+        })) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const DtFormInputDialog = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/formInputUseDialog.vue"]]);
 const components = {
   Input,
-  InputWithDialog: _sfc_main$3,
+  InputWithDialog: DtFormInputDialog,
   InputTextArea: Input.TextArea,
   InputSearch: Input.Search,
   InputGroup: Input.Group,
@@ -622,7 +659,7 @@ const components = {
   TreeSelect,
   Radio,
   RadioGroup: Radio.Group,
-  RadioButtonGroup: _sfc_main$4,
+  RadioButtonGroup,
   Checkbox,
   CheckboxGroup: Checkbox.Group,
   AutoComplete,
@@ -1007,6 +1044,7 @@ const _sfc_main$2 = {
     };
   }
 };
+const DtFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormItem.vue"]]);
 const _hoisted_1 = {
   key: 0,
   className: "preIcon pr-1"
@@ -1119,9 +1157,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttonList, (button) => {
                 return openBlock(), createElementBlock(Fragment, null, [
                   (button.show === void 0 ? true : button.show) ? withDirectives((openBlock(), createBlock(_component_AButton, {
+                    class: normalizeClass(["items-center", button.class]),
                     type: button.type,
-                    class: normalizeClass(button.class),
-                    loading: button.loading?.value,
+                    loading: button.loading,
                     disabled: button.disabled,
                     key: unref(key),
                     onClick: ($event) => handleBtnClick(button)
@@ -1129,18 +1167,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     icon: withCtx(() => [
                       button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1, null, 512)), [
                         [_directive_icon, button.preIcon]
-                      ]) : createCommentVNode("", true)
+                      ]) : createCommentVNode("v-if", true)
                     ]),
                     default: withCtx(() => [
-                      createTextVNode(" " + toDisplayString(unref(t)(button.name)) + " ", 1),
+                      createTextVNode(" " + toDisplayString(unref(t)(button.label)) + " ", 1),
                       button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2, null, 512)), [
                         [_directive_icon, button.postIcon]
-                      ]) : createCommentVNode("", true)
+                      ]) : createCommentVNode("v-if", true)
                     ]),
                     _: 2
                   }, 1032, ["type", "class", "loading", "disabled", "onClick"])), [
                     [_directive_auth, button.auth]
-                  ]) : createCommentVNode("", true)
+                  ]) : createCommentVNode("v-if", true)
                 ], 64);
               }), 256)),
               unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
@@ -1150,27 +1188,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 onClick: toggleAdvanced
               }, {
                 default: withCtx(() => [
+                  createCommentVNode(" \u6536\u8D77 | \u5C55\u5F00 "),
                   createElementVNode("span", _hoisted_3, toDisplayString(advancedRef.value ? unref(t)("UI.ADVANCED") : unref(t)("UI.EXPAND")), 1),
                   createElementVNode("span", {
                     class: normalizeClass(unref(getAdvanceClass))
                   }, _hoisted_5, 2)
                 ]),
                 _: 1
-              })) : createCommentVNode("", true)
+              })) : createCommentVNode("v-if", true)
             ]),
             _: 1
           }, 8, ["style"])
         ]),
         _: 1
-      }, 16)) : createCommentVNode("", true);
+      }, 16)) : createCommentVNode("v-if", true);
     };
   }
 });
+const DtFormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormButtons.vue"]]);
 const SEARCH_BTN_NAME = "UI.SEARCH";
 const RESET_BTN_NAME = "UI.RESET";
 const SEARCH_BTNS = [
-  { name: SEARCH_BTN_NAME, preIcon: "mdi:magnify", type: "primary" },
-  { name: RESET_BTN_NAME, preIcon: "mdi:refresh", type: "default" }
+  { label: SEARCH_BTN_NAME, preIcon: "mdi:magnify", type: "primary" },
+  { label: RESET_BTN_NAME, preIcon: "mdi:refresh", type: "default" }
 ];
 function useFormEvents({
   emits,
@@ -1186,7 +1226,7 @@ function useFormEvents({
     const formEl = unref(formElRef);
     if (!formEl)
       return {};
-    return handleFormValues(toRaw$1(unref(formModel)));
+    return handleFormValues(toRaw(unref(formModel)));
   }
   function updateSchema(data) {
     let updateItems = [];
@@ -1224,7 +1264,7 @@ function useFormEvents({
       obj[name] = null;
       if (!isNullAndUnDef(it.defaultValue))
         return obj[name] = it.defaultValue;
-      let props = isFunction(it.props) ? it.props(toRaw$1(unref(formModel))) : it.props;
+      let props = isFunction(it.props) ? it.props(toRaw(unref(formModel))) : it.props;
       if (!isNullAndUnDef(props?.defaultValue))
         obj[name] = props.defaultValue;
     });
@@ -1253,7 +1293,7 @@ function useFormEvents({
       formModel[key] = isInput ? defaultValue.value[key] || "" : defaultValue.value[key];
     });
     nextTick(() => clearValidate());
-    emits("reset", toRaw$1(formModel));
+    emits("reset", toRaw(formModel));
   }
   function removeFormByName(names) {
     if (!names)
@@ -1456,23 +1496,29 @@ function useFormActions(opt) {
   const { getProps, defaultValue, updateSchema, getFormValues, setFormValues } = opt;
   const { appConf } = useAppStore();
   function handleAdvanced(isAdvanced) {
-    const { schemas, minShowColumn = appConf.ui.form?.minShowColumn || 2 } = unref(getProps);
-    let schema = schemas.reduce((t, it, index) => {
-      if (index > minShowColumn - 1)
-        it.isAdvanced = isAdvanced;
-      t.push(it);
-      return t;
-    }, []);
+    const {
+      schemas,
+      minShowColumn = appConf.ui.form?.minShowColumn || 2,
+      showAdvancedButton = appConf.ui.form?.showAdvancedButton || true
+    } = unref(getProps);
+    let schema = [...schemas];
+    if (showAdvancedButton) {
+      schema = schemas.reduce((t, it, index) => {
+        if (index > minShowColumn - 1)
+          it.isAdvanced = isAdvanced;
+        t.push(it);
+        return t;
+      }, []);
+    }
     updateSchema(schema);
   }
   function handleMethod(params) {
     const { onSearch, onReset } = unref(getProps);
     if (isBoolean(params)) {
       handleAdvanced(params);
-    } else if (params.name === SEARCH_BTN_NAME) {
-      console.log(getProps);
+    } else if (params.label === SEARCH_BTN_NAME) {
       onSearch(getFormValues());
-    } else if (params.name === RESET_BTN_NAME) {
+    } else if (params.label === RESET_BTN_NAME) {
       setFormValues(toRaw(defaultValue.value));
       onReset(getFormValues());
     } else {
@@ -1546,10 +1592,6 @@ const BasicProps = {
     type: Boolean,
     default: true
   },
-  alwaysShowLines: {
-    type: Boolean,
-    default: false
-  },
   minShowColumn: {
     type: Number,
     default: 2
@@ -1742,6 +1784,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setFormValues(null);
       emits("register", formActionMethods);
       initDefault();
+      if (unref(getProps)?.registerInstance) {
+        unref(getProps)?.registerInstance(formActionMethods);
+      }
     });
     watch(
       () => unref(getProps).onSearch,
@@ -1784,7 +1829,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } }), {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-                return openBlock(), createBlock(unref(_sfc_main$2), {
+                return openBlock(), createBlock(unref(DtFormItem), {
                   key: schema.name,
                   schema,
                   formProps: unref(getProps),
@@ -1803,7 +1848,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ]), 1032, ["schema", "formProps", "formModel", "defaultValues"]);
               }), 128)),
-              unref(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({ key: 0 }, unref(getActionsProps), { onHandleMethod: unref(handleMethod) }), null, 16, ["onHandleMethod"])) : createCommentVNode("", true)
+              unref(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref(DtFormButtons), mergeProps({ key: 0 }, unref(getActionsProps), { onHandleMethod: unref(handleMethod) }), null, 16, ["onHandleMethod"])) : createCommentVNode("v-if", true)
             ]),
             _: 3
           }, 16)
@@ -1813,6 +1858,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const Forms = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/index.vue"]]);
 function useForm(props) {
   const formRef = ref(null);
   const loadedRef = ref(false);
@@ -1889,7 +1935,7 @@ const withInstall = (comp) => {
   };
   return comp;
 };
-const DtForm = withInstall(_sfc_main);
+const DtForm = withInstall(Forms);
 export {
   DtForm,
   useForm

package/es/components/form/index.less

@@ -26,6 +26,52 @@
 		}
 	}
 
+	.ant-input{
+		font-size: 13px;
+	}
+
+	.ant-btn{
+		display: flex;
+		align-items: center;
+		font-size: 13px;
+	}
+
+	.ant-btn.ant-btn-sm{
+		font-size: 12px;
+	}
+
+	.ant-btn.ant-btn-lg {
+		font-size: 14px;
+		height: 34px;
+	}
+
+	.ant-input-sm{
+		font-size: 12px;
+	}
+
+	.ant-input-lg{
+		font-size: 14px;
+	}
+
+	.ant-form-item{
+		// align-items: center;
+		.prefix, .suffix {
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.ant-input-affix-wrapper{
+		display: flex;
+		align-items: center;
+	}
+
+	.ant-picker{
+		width: 100%;
+		height: 100%;
+	}
+	
+
 	.ant-form-item.small {
 		line-height: 30px;
 		font-size: 12px;
@@ -36,7 +82,6 @@
 		}
 
 		.ant-input-affix-wrapper-sm{
-			line-height: 30px;
 			height: 30px;
 
 			.ant-input-sm{
@@ -49,10 +94,6 @@
 			font-size: 12px;
 		}
 
-		.prefix, .suffix {
-			height: 30px;
-		}
-
 		.ant-form-item-explain{
 			height: 16px;
 			min-height: 16px;
@@ -100,14 +141,154 @@
 		}
 
 		.ant-picker{
-			width: 100%;
-			height: 100%;
 			&-input input{
 				font-size: 12px;
 			}
 		}
 	}
 
+	
+
+	.ant-form-item.middle{
+		font-size: 13px;
+		.ant-form-item-label label{
+			height: 32px;
+			font-size: 13px;
+		}
+
+		.ant-input-prefix, .ant-input-suffix{
+			font-size: 13px;
+		}
+
+		.ant-input-affix-wrapper{
+			height: 32px;
+	
+			.ant-input{
+				height: 26px;
+				font-size: 13px;
+			}
+		}
+
+		.ant-select-single:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
+		.ant-select-multiple:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
+			height: 32px;
+			line-height: 30px;
+		}
+
+		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+			height: 32px;
+		}
+
+		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after,
+		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
+		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
+			line-height: 30px;
+			font-size: 13px;
+		}
+
+		.ant-select-multiple {
+			font-size: 13px;
+			.ant-select-selector{
+				min-height: 32px;
+				input{
+					height: 28px !important;
+					line-height: 28px !important;
+				}
+			}
+			.anticon {
+				display: flex;
+			}
+		}
+
+		.ant-radio-group-default label, .ant-checkbox-group-item {
+			font-size: 12px;
+			line-height: 30px;
+			height: 30px;
+		}
+
+		.ant-picker{
+			&-input input{
+				font-size: 13px;
+			}
+		}
+	}
+
+	.ant-form-item.large{
+		font-size: 14px;
+		.ant-form-item-label label{
+			height: 34px;
+			font-size: 14px;
+		}
+
+		.ant-input-prefix, .ant-input-suffix{
+			font-size: 14px;
+		}
+
+		.ant-input-affix-wrapper-lg{
+			height: 34px;
+	
+			.ant-input{
+				font-size: 14px;
+			}
+		}
+
+		.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
+		.ant-select-multiple.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
+			height: 34px;
+			line-height: 32px;
+		}
+
+		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{
+			height: 34px;
+		}
+
+		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
+		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
+		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
+			line-height: 32px;
+			font-size: 14px;
+		}
+
+		.ant-select-multiple.ant-select-lg {
+			font-size: 14px;
+			.ant-select-selector{
+				min-height: 34px;
+				input{
+					height: 16px !important;
+					line-height: 16px !important;
+				}
+			}
+
+			.ant-select-selector::after{
+				margin: 0;
+			}
+
+			.ant-select-selection-overflow-item{
+				height: 26px;
+				.ant-select-selection-item{
+					height: 24px;
+					line-height: 24px;
+					font-size: 13px;
+				}
+			}
+			.anticon {
+				display: flex;
+			}
+		}
+
+		.ant-radio-group-large label, .ant-checkbox-group-item {
+			font-size: 14px;
+			line-height: 32px;
+			height: 32px;
+		}
+
+		.ant-picker{
+			&-input input{
+				font-size: 14px;
+			}
+		}
+	}
+
 	.ant-input-number {
 		width: 100%;
 		height: 100%;
@@ -115,6 +296,14 @@
 			line-height: 28px;
     		font-size: 12px;
 		}
+
+		&.ant-input-number-lg{
+			line-height: 28px;
+    		font-size: 14px;
+			input{
+				height: 32px;
+			}
+		}
 	}
 
 	.anticon-swap-right{
@@ -128,14 +317,23 @@
     min-height: 30px;
 }
 
+.ant-select-dropdown.middle .ant-select-item.ant-select-item-option {
+	font-size: 13px;
+    line-height: 24px;
+    min-height: 32px;
+}
+
 .ant-picker-dropdown.small {
 	font-size: 12px;
 }
 
+.ant-picker-dropdown.middle {
+	font-size: 13px;
+}
+
 .dt-form-btns {
 	.ant-form-item-control-input-content{
 		display: flex;
 		gap: 12px;
 	}
 }
-

package/es/components/form/src/components/FormItem.d.ts

@@ -50,8 +50,8 @@ declare const _sfc_main: {
                 };
                 rowProps: {
                     type: PropType<Partial<import("vue").ExtractPropTypes<{
-                        align: PropType<"stretch" | "bottom" | "top" | "middle">;
-                        justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+                        align: PropType<"middle" | "top" | "bottom" | "stretch">;
+                        justify: PropType<"center" | "start" | "space-around" | "space-between" | "end">;
                         prefixCls: StringConstructor;
                         gutter: {
                             type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
@@ -69,7 +69,7 @@ declare const _sfc_main: {
                     default: () => {};
                 };
                 size: {
-                    type: PropType<"small" | "middle" | "large">;
+                    type: PropType<"small" | "large" | "middle">;
                     default: string;
                 };
                 disabled: {
@@ -88,10 +88,6 @@ declare const _sfc_main: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                alwaysShowLines: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
                 minShowColumn: {
                     type: NumberConstructor;
                     default: number;