qidian-vue-ui 2.0.4 → 2.0.6

package/dist/components/config-provider/useConfig.d.ts

@@ -498,4 +498,5 @@ export declare function useConfig<T extends keyof NonNullable<QdConfigProviderPr
             indicatorSuffix?: string;
         };
     })[T]>>;
+    size: import("vue").ComputedRef<import("tdesign-vue-next").SizeEnum | undefined>;
 };

package/dist/components/config-provider/useConfig.mjs

@@ -6,6 +6,9 @@ import get from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-
 function useConfig(key, componentLocale) {
   const injectGlobalConfig = getCurrentInstance?.() ? inject(PROVIDE_GLOBAL_CONFIG, void 0) : computed(() => window.__QIDIAN_GLOBAL_CONFIG__);
   const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || zhCN);
+  const size = computed(
+    () => mergedGlobalConfig.value.size
+  );
   const globalConfig = computed(
     () => merge(
       {},
@@ -18,7 +21,8 @@ function useConfig(key, componentLocale) {
   };
   return {
     t,
-    global: globalConfig
+    global: globalConfig,
+    size
   };
 }
 export {

package/dist/components/crud/tabs-table/index.vue.d.ts

@@ -41,6 +41,7 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                 columns?: import("..").QdCrudTableCol<D>[] | undefined;
                 data?: D[] | undefined;
                 sort?: import("tdesign-vue-next").TableSort | undefined;
+                size?: import("tdesign-vue-next").SizeEnum | "mini" | undefined;
                 empty?: (string | import("tdesign-vue-next").TNode) | undefined;
                 loading?: (boolean | import("tdesign-vue-next").TNode) | undefined;
                 pagination?: (Pag extends ServicePagination ? false | Pag : Pag) | undefined;
@@ -51,7 +52,6 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                     maxLevel?: number;
                     delCheckChildren?: boolean | ((context: import("../../service/table/types").QdServiceTableDeleteCheckContext<D>) => import("../../service/table/types").QdServiceTableDeleteCheckResult | Promise<import("../../service/table/types").QdServiceTableDeleteCheckResult>) | undefined;
                 }) | undefined;
-                size?: import("tdesign-vue-next").SizeEnum | "mini" | undefined;
                 expandIcon?: boolean | ((h: typeof import("vue").h, props: import("tdesign-vue-next").ExpandArrowRenderParams<D>) => import("tdesign-vue-next").TNodeReturnValue) | undefined;
                 filterIcon?: ((h: typeof import("vue").h, props: {
                     col: import("tdesign-vue-next").PrimaryTableCol<D>;

package/dist/components/form/index.css

@@ -1,17 +1,24 @@
-.qd-form--descriptions[data-v-0b8e1c15] .qd-grid {
+.qd-form--small[data-v-8ce97fd3] {
+  font: var(--td-font-body-medium);
+}
+.qd-form--small[data-v-8ce97fd3] .t-form__label--top {
+  min-height: var(--td-comp-margin-xxl);
+  line-height: var(--td-comp-margin-xxl);
+}
+.qd-form--descriptions[data-v-8ce97fd3] .qd-grid {
   border-top: 1px solid var(--td-component-border);
   border-left: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions[data-v-0b8e1c15] .qd-grid-item {
+.qd-form--descriptions[data-v-8ce97fd3] .qd-grid-item {
   border-right: 1px solid var(--td-component-border);
   border-bottom: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions[data-v-0b8e1c15] .t-form__item {
+.qd-form--descriptions[data-v-8ce97fd3] .t-form__item {
   display: flex;
   align-items: stretch;
   height: 100%;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .t-form__label {
+.qd-form--descriptions[data-v-8ce97fd3] .t-form__label {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -19,17 +26,17 @@
   padding: var(--td-comp-paddingLR-m) var(--td-comp-paddingLR-l);
   height: 100%;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .t-form__label--top {
+.qd-form--descriptions[data-v-8ce97fd3] .t-form__label--top {
   border-bottom: 1px solid var(--td-component-border);
   align-items: center;
   height: var(--qd-form-description-label-height, auto);
   white-space: normal;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .t-form__label--top + .t-form__controls > .t-form__controls-content {
+.qd-form--descriptions[data-v-8ce97fd3] .t-form__label--top + .t-form__controls > .t-form__controls-content {
   justify-content: center;
   text-align: center;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .t-form__controls {
+.qd-form--descriptions[data-v-8ce97fd3] .t-form__controls {
   flex: 1 1 0;
   overflow: hidden;
   display: flex;
@@ -39,28 +46,28 @@
   margin-left: 0 !important;
   height: 100%;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .qd-form-item--label-top {
+.qd-form--descriptions[data-v-8ce97fd3] .qd-form-item--label-top {
   display: grid;
   grid-template-rows: auto minmax(min-content, auto);
   grid-row: span 2 !important;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .qd-form-item--label-top > .t-form__item {
+.qd-form--descriptions[data-v-8ce97fd3] .qd-form-item--label-top > .t-form__item {
   display: contents;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .qd-form-item--label-top .t-form__controls-content {
+.qd-form--descriptions[data-v-8ce97fd3] .qd-form-item--label-top .t-form__controls-content {
   white-space: normal;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .qd-form-item--empty-content .t-form__controls {
+.qd-form--descriptions[data-v-8ce97fd3] .qd-form-item--empty-content .t-form__controls {
   padding: 0 !important;
   min-height: 0;
   height: 0;
   overflow: hidden;
 }
-.qd-form--descriptions[data-v-0b8e1c15] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
+.qd-form--descriptions[data-v-8ce97fd3] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
   border-right: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions-mini[data-v-0b8e1c15] .t-form__label,
-.qd-form--descriptions-mini[data-v-0b8e1c15] .t-form__controls {
+.qd-form--descriptions-mini[data-v-8ce97fd3] .t-form__label,
+.qd-form--descriptions-mini[data-v-8ce97fd3] .t-form__controls {
   padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
   font: var(--td-font-body-small);
 }

package/dist/components/form/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b8e1c15"]]);
+const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ce97fd3"]]);
 export {
   QdForm as default
 };

package/dist/components/form/index.vue2.mjs

@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { data } = useVModels(props, emit, { passive: true });
-    const { t, global: formConfig } = useConfig("form");
+    const { t, global: formConfig, size: globalSize } = useConfig("form");
     const { global: tableConfig } = useConfig("table");
     const { msgError } = useModal();
     const beforeSubmitQueue = [];
@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onReset,
         ...formOptions
       } = props;
-      const reSize = size ?? formConfig.value.size ?? (descriptions ? tableConfig.value.size : void 0);
+      const reSize = size ?? formConfig.value.size ?? (descriptions ? tableConfig.value.size : void 0) ?? globalSize.value;
       const mini = reSize === "mini";
       const componentSize = mini ? "small" : reSize;
       const reOnReset = (context) => {
@@ -114,6 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         descriptions,
         externalLoad,
         mini,
+        small: componentSize === "small" && !(descriptions && mini),
         size: componentSize,
         formOptions: {
           ...formOptions,
@@ -301,7 +302,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           reProps.value.formOptions.labelAlign ? `qd-form--label-${reProps.value.formOptions.labelAlign}` : "",
           _ctx.$slots.footer ? "qd-form--has-footer" : "",
           reProps.value.descriptions ? "qd-form--descriptions" : "",
-          reProps.value.descriptions && reProps.value.mini ? "qd-form--descriptions-mini" : ""
+          reProps.value.descriptions && reProps.value.mini ? "qd-form--descriptions-mini" : "",
+          reProps.value.small ? "qd-form--small" : ""
         ]
       }, reProps.value.formOptions, {
         data: unref(data),

package/dist/styles/index.css

@@ -213,6 +213,7 @@ p {
   align-items: center;
 }
 .t-card {
+  --td-card-padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
   display: flex;
   flex-direction: column;
 }
@@ -222,14 +223,17 @@ p {
   flex-direction: column;
 }
 .t-card__header {
-  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) !important;
+  padding: var(--td-card-padding) !important;
 }
 .t-card__body {
   flex: auto;
-  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) !important;
+  padding: var(--td-card-padding) !important;
 }
 .t-card__footer {
-  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) !important;
+  padding: var(--td-card-padding) !important;
+}
+.t-card.t-size-s {
+  --td-card-padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
 }
 .t-upload__card-name {
   display: inline-flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",