qidian-vue-ui 2.7.0 → 2.7.2

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.
Files changed (6) hide show
  1. package/dist/components/form/index.css +31 -20
  2. package/dist/components/form/index.vue.mjs +1 -1
  3. package/dist/components/grid/item.css +1 -1
  4. package/dist/components/grid/item.vue.mjs +1 -1
  5. package/dist/components/grid/item.vue2.mjs +4 -3
  6. package/package.json +1 -1
package/dist/components/form/index.css CHANGED
@@ -1,29 +1,30 @@
1
- .qd-form--small[data-v-6a3db57f] {
1
+ .qd-form--small[data-v-21fd541b] {
2
2
  font: var(--td-font-body-small);
3
3
  }
4
- .qd-form--small[data-v-6a3db57f] .t-form__label--top {
4
+ .qd-form--small[data-v-21fd541b] .t-form__label--top {
5
5
  min-height: var(--td-comp-margin-xxl);
6
6
  line-height: var(--td-comp-margin-xxl);
7
7
  }
8
- .qd-form--small[data-v-6a3db57f] .t-form__controls,
9
- .qd-form--small[data-v-6a3db57f] .t-form__controls-content {
8
+ .qd-form--small[data-v-21fd541b] .t-form__controls,
9
+ .qd-form--small[data-v-21fd541b] .t-form__controls-content {
10
10
  min-height: var(--td-comp-margin-xxl);
11
11
  }
12
- .qd-form--descriptions[data-v-6a3db57f] .qd-grid {
12
+ .qd-form--descriptions[data-v-21fd541b] .qd-grid {
13
13
  border: 1px solid var(--td-component-border);
14
14
  background-color: var(--td-component-border);
15
15
  gap: 1px !important;
16
16
  overflow: hidden;
17
17
  }
18
- .qd-form--descriptions[data-v-6a3db57f] .qd-grid-item {
18
+ .qd-form--descriptions[data-v-21fd541b] .qd-grid-item {
19
19
  background-color: var(--td-bg-color-container);
20
20
  }
21
- .qd-form--descriptions[data-v-6a3db57f] .t-form__item {
21
+ .qd-form--descriptions[data-v-21fd541b] .t-form__item {
22
22
  display: flex;
23
23
  align-items: stretch;
24
24
  height: 100%;
25
+ margin-bottom: 0 !important;
25
26
  }
26
- .qd-form--descriptions[data-v-6a3db57f] .t-form__label {
27
+ .qd-form--descriptions[data-v-21fd541b] .t-form__label {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  justify-content: center;
@@ -32,17 +33,17 @@
32
33
  height: 100%;
33
34
  min-height: var(--td-comp-margin-xxl);
34
35
  }
35
- .qd-form--descriptions[data-v-6a3db57f] .t-form__label--top {
36
+ .qd-form--descriptions[data-v-21fd541b] .t-form__label--top {
36
37
  border-bottom: 1px solid var(--td-component-border);
37
38
  align-items: center;
38
39
  height: var(--qd-form-description-label-height, auto);
39
40
  white-space: normal;
40
41
  }
41
- .qd-form--descriptions[data-v-6a3db57f] .t-form__label--top + .t-form__controls > .t-form__controls-content {
42
+ .qd-form--descriptions[data-v-21fd541b] .t-form__label--top + .t-form__controls > .t-form__controls-content {
42
43
  justify-content: center;
43
44
  text-align: center;
44
45
  }
45
- .qd-form--descriptions[data-v-6a3db57f] .t-form__controls {
46
+ .qd-form--descriptions[data-v-21fd541b] .t-form__controls {
46
47
  flex: 1 1 0;
47
48
  overflow: hidden;
48
49
  display: flex;
@@ -53,34 +54,44 @@
53
54
  height: 100%;
54
55
  min-height: var(--td-comp-margin-xxl);
55
56
  }
56
- .qd-form--descriptions[data-v-6a3db57f] .t-form__controls-content {
57
+ .qd-form--descriptions[data-v-21fd541b] .t-form__controls-content {
57
58
  min-height: auto;
58
59
  }
59
- .qd-form--descriptions[data-v-6a3db57f] .qd-form-item--label-top {
60
+ .qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top {
60
61
  display: grid;
61
62
  grid-template-rows: auto minmax(min-content, 1fr);
62
63
  grid-row: span 2 !important;
63
64
  }
64
- .qd-form--descriptions[data-v-6a3db57f] .qd-form-item--label-top > .t-form__item {
65
+ .qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top > .t-form__item {
65
66
  display: contents;
66
67
  }
67
- .qd-form--descriptions[data-v-6a3db57f] .qd-form-item--label-top .t-form__controls-content {
68
+ .qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top .t-form__controls-content {
68
69
  white-space: normal;
69
70
  }
70
- .qd-form--descriptions[data-v-6a3db57f] .qd-form-item--empty-content .t-form__controls {
71
+ .qd-form--descriptions[data-v-21fd541b] .qd-form-item--empty-content .t-form__controls {
71
72
  padding: 0 !important;
72
73
  min-height: 0;
73
74
  height: 0;
74
75
  overflow: hidden;
75
76
  }
76
- .qd-form--descriptions[data-v-6a3db57f] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
77
+ .qd-form--descriptions[data-v-21fd541b] .t-form__item-with-extra .t-form__controls,
78
+ .qd-form--descriptions[data-v-21fd541b] .t-form__item-with-help .t-form__controls {
79
+ height: auto;
80
+ overflow: visible;
81
+ }
82
+ .qd-form--descriptions[data-v-21fd541b] .t-form__item-with-extra .t-input__extra,
83
+ .qd-form--descriptions[data-v-21fd541b] .t-form__item-with-help .t-input__extra {
84
+ position: static;
85
+ }
86
+ .qd-form--descriptions[data-v-21fd541b] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
77
87
  border-right: 1px solid var(--td-component-border);
78
88
  }
79
- .qd-form--descriptions[data-v-6a3db57f] .qd-form-item--filler {
89
+ .qd-form--descriptions[data-v-21fd541b] .qd-form-item--filler,
90
+ .qd-form--descriptions[data-v-21fd541b] .qd-grid-item--fill {
80
91
  background-color: var(--td-bg-color-secondarycontainer);
81
92
  }
82
- .qd-form--descriptions-mini[data-v-6a3db57f] .t-form__label,
83
- .qd-form--descriptions-mini[data-v-6a3db57f] .t-form__controls {
93
+ .qd-form--descriptions-mini[data-v-21fd541b] .t-form__label,
94
+ .qd-form--descriptions-mini[data-v-21fd541b] .t-form__controls {
84
95
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
85
96
  font: var(--td-font-body-small);
86
97
  }
package/dist/components/form/index.vue.mjs CHANGED
@@ -2,7 +2,7 @@ import './index.css'
2
2
  import _sfc_main from "./index.vue2.mjs";
3
3
  /* empty css */
4
4
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
5
- const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a3db57f"]]);
5
+ const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21fd541b"]]);
6
6
  export {
7
7
  QdForm as default
8
8
  };
package/dist/components/grid/item.css CHANGED
@@ -1,3 +1,3 @@
1
- .qd-grid-item[data-v-7df35ba7] {
1
+ .qd-grid-item[data-v-37280388] {
2
2
  min-width: 0;
3
3
  }
package/dist/components/grid/item.vue.mjs CHANGED
@@ -2,7 +2,7 @@ import './item.css'
2
2
  import _sfc_main from "./item.vue2.mjs";
3
3
  /* empty css */
4
4
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
5
- const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7df35ba7"]]);
5
+ const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37280388"]]);
6
6
  export {
7
7
  QdGridItem as default
8
8
  };
package/dist/components/grid/item.vue2.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import './item.css'
2
- import { defineComponent, inject, ref, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
2
+ import { defineComponent, inject, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
3
3
  import { useUICsl } from "../../utils/tools.mjs";
4
4
  import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH, PROVIDE_GRID_COLUMNS_KEY, DEFAULT_COLUMNS, PROVIDE_GRID_REGISTER_ITEM, PROVIDE_GRID_REGISTRY_KEY, DEFAULT_COL, DEFAULT_ROW } from "./config.mjs";
5
5
  import { mergeGridValue, computeFillSpan, resolveGridSpan } from "./utils.mjs";
@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
27
27
  col: mergeGridValue(props.col, defaultProps?.value?.col),
28
28
  row: mergeGridValue(props.row, defaultProps?.value?.row)
29
29
  }));
30
+ const isFill = computed(() => reProps.value.col === "fill");
30
31
  const fillColSpan = computed(() => {
31
32
  const index = gridItemRegistry.value.indexOf(entry);
32
33
  if (index === -1) return DEFAULT_COL;
@@ -59,11 +60,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
59
60
  }
60
61
  return (_ctx, _cache) => {
61
62
  return openBlock(), createElementBlock("div", {
62
- class: "qd-grid-item",
63
+ class: normalizeClass(["qd-grid-item", { "qd-grid-item--fill": isFill.value }]),
63
64
  style: normalizeStyle(itemStyle.value)
64
65
  }, [
65
66
  renderSlot(_ctx.$slots, "default", { itemStyle: itemStyle.value }, void 0, true)
66
- ], 4);
67
+ ], 6);
67
68
  };
68
69
  }
69
70
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qidian-vue-ui",
3
- "version": "2.7.0",
3
+ "version": "2.7.2",
4
4
  "description": "基于 TDesign 的 QiDian Vue UI 组件库",
5
5
  "author": "qidian",
6
6
  "license": "MIT",