qidian-vue-ui 2.0.18 → 2.0.20

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.
@@ -128,6 +128,11 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
128
128
  const {
129
129
  t
130
130
  } = useConfig("form");
131
+ const validationStatus = computed(() => {
132
+ const status = attrs.status;
133
+ if (status === "error" || status === "warning" || status === "success") return status;
134
+ return void 0;
135
+ });
131
136
  const reIfRender = computed(() => {
132
137
  const ifRender = props.formItem.ifRender;
133
138
  if (isEmpty(ifRender)) return true;
@@ -152,11 +157,8 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
152
157
  ...props.lazy && props.active ? {
153
158
  autofocus: true
154
159
  } : {},
155
- ...attrs.status ? {
156
- status: attrs.status
157
- } : {},
158
- ...attrs.tips ? {
159
- tips: attrs.tips
160
+ ...validationStatus.value ? {
161
+ status: validationStatus.value
160
162
  } : {}
161
163
  };
162
164
  });
@@ -174,14 +176,20 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
174
176
  delete rendererAttrs.status;
175
177
  delete rendererAttrs.tips;
176
178
  delete rendererAttrs.onChange;
177
- return h(_sfc_main, {
179
+ const status = validationStatus.value;
180
+ return h("div", {
178
181
  ...rendererAttrs,
179
- class: "qd-service-table__cell-editor",
182
+ class: ["qd-service-table__cell-editor", "t-form__controls", status ? `t-is-${status}` : void 0, status === "success" ? "t-form--success-border" : void 0],
183
+ onFocusin: props.activate
184
+ }, [h("div", {
185
+ class: "t-form__controls-content"
186
+ }, [h(_sfc_main, {
180
187
  config: component.value,
181
188
  context: currentContext.value,
182
- crudMode: props.formItem.crudMode,
183
- onFocusin: props.activate
184
- });
189
+ crudMode: props.formItem.crudMode
190
+ })]), attrs.tips ? h("div", {
191
+ class: ["t-tips", status ? `t-is-${status}` : "t-is-default"]
192
+ }, attrs.tips) : void 0]);
185
193
  };
186
194
  }
187
195
  });
@@ -1,78 +1,78 @@
1
- .qd-service-table[data-v-ca5f9486] {
1
+ .qd-service-table[data-v-64080c63] {
2
2
  height: 100%;
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  }
6
- .qd-service-table[data-v-ca5f9486] > .t-table__content {
6
+ .qd-service-table[data-v-64080c63] > .t-table__content {
7
7
  flex: 1;
8
8
  }
9
- .qd-service-table--mini[data-v-ca5f9486] {
9
+ .qd-service-table--mini[data-v-64080c63] {
10
10
  font: var(--td-font-body-small);
11
11
  }
12
- .qd-service-table--mini[data-v-ca5f9486] th,
13
- .qd-service-table--mini[data-v-ca5f9486] tr:not(.t-table__expanded-row) > td {
12
+ .qd-service-table--mini[data-v-64080c63] th,
13
+ .qd-service-table--mini[data-v-64080c63] tr:not(.t-table__expanded-row) > td {
14
14
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
15
15
  line-height: var(--td-line-height-body-small);
16
16
  }
17
- .qd-service-table--hide-empty-image[data-v-ca5f9486] .t-table__empty {
17
+ .qd-service-table--hide-empty-image[data-v-64080c63] .t-table__empty {
18
18
  min-height: auto;
19
19
  }
20
- .qd-service-table--hide-empty-image[data-v-ca5f9486] .t-table__empty .t-empty {
20
+ .qd-service-table--hide-empty-image[data-v-64080c63] .t-table__empty .t-empty {
21
21
  padding: 0 !important;
22
22
  }
23
- .qd-service-table--hide-empty-image[data-v-ca5f9486] .t-table__empty .t-empty__image {
23
+ .qd-service-table--hide-empty-image[data-v-64080c63] .t-table__empty .t-empty__image {
24
24
  display: none;
25
25
  }
26
- .qd-service-table--hide-empty-image[data-v-ca5f9486] .t-table__empty .t-empty__title {
26
+ .qd-service-table--hide-empty-image[data-v-64080c63] .t-table__empty .t-empty__title {
27
27
  margin-top: 0;
28
28
  }
29
- .qd-service-table[data-v-ca5f9486] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
29
+ .qd-service-table[data-v-64080c63] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
30
30
  margin-left: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
31
31
  }
32
- .qd-service-table[data-v-ca5f9486] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
32
+ .qd-service-table[data-v-64080c63] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
33
33
  width: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
34
34
  }
35
- .qd-service-table[data-v-ca5f9486] .t-affix > .t-table__affixed-header-elm-wrap,
36
- .qd-service-table[data-v-ca5f9486] .t-affix > .t-table__scrollbar--obvious {
37
- transform: var(--v2eedd3ee);
35
+ .qd-service-table[data-v-64080c63] .t-affix > .t-table__affixed-header-elm-wrap,
36
+ .qd-service-table[data-v-64080c63] .t-affix > .t-table__scrollbar--obvious {
37
+ transform: var(--v2a84a45c);
38
38
  }
39
- .qd-service-table--horizontal-bar-static[data-v-ca5f9486] .t-table__scrollbar--obvious {
39
+ .qd-service-table--horizontal-bar-static[data-v-64080c63] .t-table__scrollbar--obvious {
40
40
  visibility: hidden;
41
41
  pointer-events: none;
42
42
  }
43
- .qd-service-table[data-v-ca5f9486] .t-table__affixed-header-elm-wrap {
43
+ .qd-service-table[data-v-64080c63] .t-table__affixed-header-elm-wrap {
44
44
  height: auto !important;
45
45
  }
46
- .qd-service-table[data-v-ca5f9486] .t-table__affixed-header-elm {
46
+ .qd-service-table[data-v-64080c63] .t-table__affixed-header-elm {
47
47
  position: relative;
48
48
  scrollbar-width: none;
49
49
  }
50
- .qd-service-table[data-v-ca5f9486] .t-table__affixed-header-elm::-webkit-scrollbar {
50
+ .qd-service-table[data-v-64080c63] .t-table__affixed-header-elm::-webkit-scrollbar {
51
51
  display: none;
52
52
  width: 0;
53
53
  height: 0;
54
54
  }
55
- .qd-service-table[data-v-ca5f9486] .t-table__virtual-scroll-cursor + table {
55
+ .qd-service-table[data-v-64080c63] .t-table__virtual-scroll-cursor + table {
56
56
  border-collapse: separate;
57
57
  }
58
- .qd-service-table[data-v-ca5f9486] .t-table__expanded-row-inner {
58
+ .qd-service-table[data-v-64080c63] .t-table__expanded-row-inner {
59
59
  position: sticky;
60
60
  left: 0;
61
- width: var(--v6285d53a) !important;
61
+ width: var(--v93c75f5e) !important;
62
62
  }
63
- .qd-service-table[data-v-ca5f9486] .t-table__cell-wrap > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
63
+ .qd-service-table[data-v-64080c63] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
64
64
  width: 100%;
65
65
  }
66
- .qd-service-table[data-v-ca5f9486] .qd-service-table__non-editable-col {
66
+ .qd-service-table[data-v-64080c63] .qd-service-table__non-editable-col {
67
67
  background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
68
68
  }
69
- .qd-service-table[data-v-ca5f9486] .qd-service-table__non-editable-col:is(
69
+ .qd-service-table[data-v-64080c63] .qd-service-table__non-editable-col:is(
70
70
  .t-table__cell--fixed-left,
71
71
  .t-table__cell--fixed-right
72
72
  ) {
73
73
  background-color: inherit;
74
74
  background-image: linear-gradient(color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent), color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent));
75
75
  }
76
- .qd-service-table--disable-horizontal-scroll[data-v-ca5f9486] colgroup > col {
76
+ .qd-service-table--disable-horizontal-scroll[data-v-64080c63] colgroup > col {
77
77
  width: auto !important;
78
78
  }
@@ -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 QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca5f9486"]]);
5
+ const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64080c63"]]);
6
6
  export {
7
7
  QdServiceTable as default
8
8
  };
@@ -324,8 +324,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
324
324
  emit: __emit
325
325
  }) {
326
326
  useCssVars((_ctx) => ({
327
- "v2eedd3ee": affixedHeaderTransform.value,
328
- "v6285d53a": expandedRowWidth.value
327
+ "v2a84a45c": affixedHeaderTransform.value,
328
+ "v93c75f5e": expandedRowWidth.value
329
329
  }));
330
330
  const props = __props;
331
331
  const emit = __emit;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qidian-vue-ui",
3
- "version": "2.0.18",
3
+ "version": "2.0.20",
4
4
  "description": "基于 TDesign 的 QiDian Vue UI 组件库",
5
5
  "author": "qidian",
6
6
  "license": "MIT",