@opentinyvue/vue-form-item 3.28.0 → 3.29.0

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/lib/index.js +4 -0
  2. package/lib/mobile-first.js +93 -89
  3. package/lib/pc.js +28 -2
  4. package/package.json +5 -5
  5. package/src/index.d.ts +13 -0
  6. package/src/mobile-first.vue.d.ts +9 -0
package/lib/index.js CHANGED
@@ -47,6 +47,10 @@ var formItemProps = _extends({}, $props, {
47
47
  },
48
48
  messageType: String,
49
49
  label: String,
50
+ labelLine: {
51
+ type: Number,
52
+ default: 2
53
+ },
50
54
  labelWidth: String,
51
55
  manual: Boolean,
52
56
  popperOptions: {
package/lib/mobile-first.js CHANGED
@@ -77,6 +77,10 @@ var _sfc_main = defineComponent({
77
77
  default: ""
78
78
  },
79
79
  label: String,
80
+ labelLine: {
81
+ type: Number,
82
+ default: 2
83
+ },
80
84
  labelWidth: String,
81
85
  manual: Boolean,
82
86
  popperOptions: {
@@ -116,106 +120,106 @@ var _sfc_main = defineComponent({
116
120
  });
117
121
  }
118
122
  });
119
- var _hoisted_1 = ["for"];
120
- var _hoisted_2 = ["type-name"];
121
- var _hoisted_3 = ["title"];
123
+ var _hoisted_1 = ["aria-labelledby"];
124
+ var _hoisted_2 = ["id", "for", "aria-required"];
125
+ var _hoisted_3 = ["type-name"];
126
+ var _hoisted_4 = ["aria-describedby", "aria-invalid"];
127
+ var _hoisted_5 = ["id", "title"];
122
128
  function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
123
129
  var _component_icon_help_circle = resolveComponent("icon-help-circle");
124
130
  var _component_tiny_tooltip = resolveComponent("tiny-tooltip");
125
131
  var _component_label_wrap = resolveComponent("label-wrap");
126
- return openBlock(), createElementBlock(
127
- "div",
128
- {
129
- "data-tag": "tiny-form-item",
130
- class: normalizeClass(_ctx.m("flex min-h-[theme(spacing.12)] sm:min-h-[theme(spacing.7)] mb-0 p-0 sm:mb-4 box-border after:content-[''] after:table after:clear-both before:content-[''] before:table border-b-0.5 border-color-border-separator sm:border-none", _ctx.state.validateState === "error" && _ctx.state.validateType === "text" ? "mb-0 sm:mb-4" : "", _ctx.state.formInline ? "align-sub" : "", _ctx.state.labelPosition === "top" ? "block mb-4" : "", _ctx.state.validateState === "error" ? "[&_.tiny-range-editor]:border-color-error [&_[data-tag~=tiny-range-editor]]:border-color-error [&_[data-tag=tiny-numeric-main]]:border-color-error [&_input]:border-color-error [&_textarea]:border-color-error [&_input:focus]:border-color-error [&_input:hover]:border-color-error [&_textarea:focus]:border-color-error [&_textarea:hover]:border-color-error" : "", _ctx.state.labelPosition === "top" && !_ctx.state.hideRequiredAsterisk ? "pl-0" : "", !_ctx.slots.label && !_ctx.label ? "border-none" : "", _ctx.state.isDisplayOnly ? "border-none py-0.5" : ""))
131
- },
132
- [createVNode(_component_label_wrap, {
133
- "is-auto-width": _ctx.state.labelStyle && _ctx.state.labelStyle.width === "auto",
134
- "update-all": _ctx.state.labelWidth === "auto",
135
- "is-mobile-first": true
136
- }, {
137
- default: withCtx(function() {
138
- return [_ctx.slots.label || _ctx.label ? (openBlock(), createElementBlock("label", {
139
- key: 0,
140
- "data-tag": "tiny-item-label",
141
- class: normalizeClass(_ctx.m("py-3 sm:py-0 sm:min-h-[theme(spacing.7)] relative align-bottom float-left text-sm pr-3 sm:pr-4 box-border leading-5 shrink-0", "overflow-hidden text-ellipsis", _ctx.state.labelPosition === "top" ? "float-none inline-block text-left sm:text-left leading-none px-0 pt-0 pb-1.5 h-auto min-h-0 sm:py-0 sm:pb-1 sm:min-h-[theme(spacing.0)]" : "min-h-[theme(spacing.9)]", _ctx.state.labelPosition === "right" ? "text-right sm:text-right" : "", _ctx.state.labelPosition === "left" ? "text-left sm:text-left" : "", _ctx.state.formInline && _ctx.state.labelPosition === "top" ? "block" : "", _ctx.state.isDisplayOnly ? "leading-none h-auto align-[inherit] pr-4" : "", _ctx.tipContent ? "pr-5 sm:pr-7" : "", _ctx.state.labelPosition === "top" && !_ctx.state.hideRequiredAsterisk ? "overflow-visible relative before:absolute before:-left-2.5" : "", _ctx.state.disabled ? "text-color-icon-placeholder sm:text-color-text-disabled" : "text-color-text-secondary", _ctx.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs")),
142
- style: normalizeStyle(_ctx.state.labelStyle),
143
- for: _ctx.state.labelFor
144
- }, [createElementVNode(
145
- "span",
146
- {
147
- class: normalizeClass(_ctx.m("max-h-[theme(spacing.10)] line-clamp-2 inline-block relative top-px leading-normal", (_ctx.state.isRequired || _ctx.required) && !_ctx.state.hideRequiredAsterisk ? "before:content-['*'] before:text-color-error before:relative before:mr-1" : "", _ctx.state.isDisplayOnly ? "pl-0 before:hidden" : ""))
148
- },
149
- [renderSlot(_ctx.$slots, "label", {}, function() {
150
- return [createTextVNode(
151
- toDisplayString(_ctx.label + _ctx.state.labelSuffix),
152
- 1
153
- /* TEXT */
154
- )];
155
- })],
156
- 2
157
- /* CLASS */
158
- ), _ctx.tipContent ? (openBlock(), createBlock(_component_tiny_tooltip, {
159
- key: 0,
160
- effect: "light",
161
- content: _ctx.tipContent,
162
- placement: "top"
163
- }, {
164
- default: withCtx(function() {
165
- return [createVNode(_component_icon_help_circle, {
166
- "custom-class": "h-4 w-4 ml-0.5 absolute right-1 sm:right-2 align-text-bottom fill-color-text-secondary",
167
- class: normalizeClass([_ctx.state.labelPosition === "top" ? "top-0.5 sm:top-1.5" : "top-3.5 sm:top-1.5"])
168
- }, null, 8, ["class"])];
169
- }),
170
- _: 1
171
- /* STABLE */
172
- }, 8, ["content"])) : createCommentVNode("v-if", true)], 14, _hoisted_1)) : createCommentVNode("v-if", true)];
173
- }),
174
- _: 3
175
- /* FORWARDED */
176
- }, 8, ["is-auto-width", "update-all"]), createElementVNode(
177
- "div",
178
- {
179
- "data-tag": "tiny-form-item-inline",
180
- class: normalizeClass(_ctx.m("min-w-0 flex-1 m-0 sm:m-auto relative sm:pt-0 sm:top-auto text-sm after:content-[''] after:table after:clear-both before:content-[''] before:table [&_button:not(:last-child)]:mr-2", "[&_[data-tag=tiny-checkbox]]:py-0 [&_[data-tag=tiny-input]]:w-full", "[&_[data-tag=tiny-input]_textarea]:px-0 sm:[&_[data-tag=tiny-input]_textarea]:px-3 [&_[data-tag=tiny-input]_textarea]:w-full", _ctx.state.formInline ? "align-sub leading-none" : "", _ctx.state.labelPosition === "top" && !_ctx.state.hideRequiredAsterisk ? _ctx.state.isDisplayOnly ? "pl-0" : "pl-2 sm:pl-0" : "pt-2", _ctx.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"))
181
- },
182
- [_ctx.state.isDisplayOnly && _ctx.state.isBasicComp ? (openBlock(), createElementBlock("div", {
132
+ return openBlock(), createElementBlock("div", {
133
+ "data-tag": "tiny-form-item",
134
+ role: "group",
135
+ "aria-labelledby": _ctx.state.labelId,
136
+ class: normalizeClass(_ctx.m("flex min-h-[theme(spacing.12)] sm:min-h-[theme(spacing.7)] mb-0 p-0 sm:mb-4 box-border after:content-[''] after:table after:clear-both before:content-[''] before:table border-b-0.5 border-color-border-separator sm:border-none", _ctx.state.validateState === "error" && _ctx.state.validateType === "text" ? "mb-0 sm:mb-4" : "", _ctx.state.formInline ? "align-sub" : "", _ctx.state.labelPosition === "top" ? "block mb-4" : "", _ctx.state.validateState === "error" ? "[&_.tiny-range-editor]:border-color-error [&_[data-tag~=tiny-range-editor]]:border-color-error [&_[data-tag=tiny-numeric-main]]:border-color-error [&_input]:border-color-error [&_textarea]:border-color-error [&_input:focus]:border-color-error [&_input:hover]:border-color-error [&_textarea:focus]:border-color-error [&_textarea:hover]:border-color-error" : "", _ctx.state.labelPosition === "top" && !_ctx.state.hideRequiredAsterisk ? "pl-0" : "", !_ctx.slots.label && !_ctx.label ? "border-none" : "", _ctx.state.isDisplayOnly ? "border-none py-0.5" : ""))
137
+ }, [createVNode(_component_label_wrap, {
138
+ "is-auto-width": _ctx.state.labelStyle && _ctx.state.labelStyle.width === "auto",
139
+ "update-all": _ctx.state.labelWidth === "auto",
140
+ "is-mobile-first": true
141
+ }, {
142
+ default: withCtx(function() {
143
+ return [_ctx.slots.label || _ctx.label ? (openBlock(), createElementBlock("label", {
183
144
  key: 0,
184
- "data-tag": "tiny-form-item-display-only",
185
- class: normalizeClass(["break-all min-h-[28px] leading-7 text-color-text-primary", _ctx.state.typeName === "textarea" ? "line-clamp-3" : "line-clamp-1"]),
186
- "type-name": _ctx.state.typeName,
187
- onMouseenter: _cache[0] || (_cache[0] = function() {
188
- return _ctx.handleMouseenter && _ctx.handleMouseenter.apply(_ctx, arguments);
189
- }),
190
- onMouseleave: _cache[1] || (_cache[1] = function() {
191
- return _ctx.handleMouseleave && _ctx.handleMouseleave.apply(_ctx, arguments);
192
- })
193
- }, toDisplayString(_ctx.state.displayedValue || "-"), 43, _hoisted_2)) : createCommentVNode("v-if", true), withDirectives(createElementVNode(
194
- "div",
145
+ "data-tag": "tiny-item-label",
146
+ id: _ctx.state.labelId,
147
+ class: normalizeClass(_ctx.m("py-3 sm:py-0 sm:min-h-[theme(spacing.7)] relative align-bottom float-left text-sm pr-3 sm:pr-4 box-border leading-5 shrink-0", "overflow-hidden text-ellipsis", _ctx.state.labelPosition === "top" ? "float-none inline-block text-left sm:text-left leading-none px-0 pt-0 pb-1.5 h-auto min-h-0 sm:py-0 sm:pb-1 sm:min-h-[theme(spacing.0)]" : "min-h-[theme(spacing.9)]", _ctx.state.labelPosition === "right" ? "text-right sm:text-right" : "", _ctx.state.labelPosition === "left" ? "text-left sm:text-left" : "", _ctx.state.formInline && _ctx.state.labelPosition === "top" ? "block" : "", _ctx.state.isDisplayOnly ? "leading-none h-auto align-[inherit] pr-4" : "", _ctx.tipContent ? "pr-5 sm:pr-7" : "", _ctx.state.labelPosition === "top" && !_ctx.state.hideRequiredAsterisk ? "overflow-visible relative before:absolute before:-left-2.5" : "", _ctx.state.disabled ? "text-color-icon-placeholder sm:text-color-text-disabled" : "text-color-text-secondary", _ctx.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs")),
148
+ style: normalizeStyle(_ctx.state.labelStyle),
149
+ for: _ctx.state.labelFor,
150
+ "aria-required": _ctx.state.isRequired || _ctx.required ? "true" : void 0
151
+ }, [createElementVNode(
152
+ "span",
195
153
  {
196
- "data-tag": "tiny-form-item-show",
197
- class: normalizeClass(["[&_[aria-label=checkbox-group]]:pl-0.5 sm:[&_[aria-label=checkbox-group]]:pl-0", "[&_>:first-child[data-tag=tiny-checkbox]]:pl-0.5 sm:[&_>:first-child[data-tag=tiny-checkbox]]:pl-0", "[&_[class^=tiny-autocomplete]]:w-full", "[&_[class^=tiny-cascader]]:w-full", _ctx.state.isDisplayOnly ? "[&_>*:not([data-tag^=tiny-],[class^=tiny-])]:leading-8 [&_>*:not([data-tag^=tiny-],[class^=tiny-])]:sm:leading-normal" : ""])
154
+ class: normalizeClass(_ctx.m("max-h-[theme(spacing." + _ctx.labelLine * 5 + ")] line-clamp-" + _ctx.labelLine + " inline-block relative top-px leading-normal", (_ctx.state.isRequired || _ctx.required) && !_ctx.state.hideRequiredAsterisk ? "before:content-['*'] before:text-color-error before:relative before:mr-1" : "", _ctx.state.isDisplayOnly ? "pl-0 before:hidden" : ""))
198
155
  },
199
- [renderSlot(_ctx.$slots, "default")],
156
+ [renderSlot(_ctx.$slots, "label", {}, function() {
157
+ return [createTextVNode(
158
+ toDisplayString(_ctx.label + _ctx.state.labelSuffix),
159
+ 1
160
+ /* TEXT */
161
+ )];
162
+ })],
200
163
  2
201
164
  /* CLASS */
202
- ), [[vShow, !(_ctx.state.isDisplayOnly && _ctx.state.isBasicComp)]]), _ctx.state.validateState === "error" && _ctx.showMessage && _ctx.state.showMessage ? renderSlot(_ctx.$slots, "error", {
203
- key: 1,
204
- dataTag: "tiny-form-item-error"
205
- }, function() {
206
- return [createElementVNode("div", {
207
- class: normalizeClass(_ctx.m("sm:absolute left-0 bottom-1 sm:-bottom-4 text-color-error text-xs leading-4 line-clamp-3 sm:line-clamp-1 break-all", typeof _ctx.inlineMessage === "boolean" && _ctx.inlineMessage || _ctx.state.inlineMessage ? "relative top-auto left-auto inline-block" : "")),
208
- title: _ctx.state.validateMessage
209
- }, toDisplayString(_ctx.state.validateMessage), 11, _hoisted_3)];
210
- }) : createCommentVNode("v-if", true), _ctx.state.validateState !== "error" && _ctx.showMessage && _ctx.state.showMessage ? renderSlot(_ctx.$slots, "prompt", {
211
- key: 2
212
- }) : createCommentVNode("v-if", true)],
213
- 2
214
- /* CLASS */
215
- )],
165
+ ), _ctx.tipContent ? (openBlock(), createBlock(_component_tiny_tooltip, {
166
+ key: 0,
167
+ effect: "light",
168
+ content: _ctx.tipContent,
169
+ placement: "top"
170
+ }, {
171
+ default: withCtx(function() {
172
+ return [createVNode(_component_icon_help_circle, {
173
+ "custom-class": "h-4 w-4 ml-0.5 absolute right-1 sm:right-2 align-text-bottom fill-color-text-secondary",
174
+ class: normalizeClass([_ctx.state.labelPosition === "top" ? "top-0.5 sm:top-1.5" : "top-3.5 sm:top-1.5"])
175
+ }, null, 8, ["class"])];
176
+ }),
177
+ _: 1
178
+ /* STABLE */
179
+ }, 8, ["content"])) : createCommentVNode("v-if", true)], 14, _hoisted_2)) : createCommentVNode("v-if", true)];
180
+ }),
181
+ _: 3
182
+ /* FORWARDED */
183
+ }, 8, ["is-auto-width", "update-all"]), createElementVNode(
184
+ "div",
185
+ {
186
+ "data-tag": "tiny-form-item-inline",
187
+ class: normalizeClass(_ctx.m("min-w-0 flex-1 m-0 sm:m-auto relative sm:pt-0 sm:top-auto text-sm after:content-[''] after:table after:clear-both before:content-[''] before:table [&_button:not(:last-child)]:mr-2", "[&_[data-tag=tiny-checkbox]]:py-0 [&_[data-tag=tiny-input]]:w-full", "[&_[data-tag=tiny-input]_textarea]:px-0 sm:[&_[data-tag=tiny-input]_textarea]:px-3 [&_[data-tag=tiny-input]_textarea]:w-full", _ctx.state.formInline ? "align-sub leading-none" : "", _ctx.state.labelPosition === "top" && !_ctx.state.hideRequiredAsterisk ? _ctx.state.isDisplayOnly ? "pl-0" : "pl-2 sm:pl-0" : "pt-2", _ctx.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"))
188
+ },
189
+ [_ctx.state.isDisplayOnly && _ctx.state.isBasicComp ? (openBlock(), createElementBlock("div", {
190
+ key: 0,
191
+ "data-tag": "tiny-form-item-display-only",
192
+ class: normalizeClass(["break-all min-h-[28px] leading-7 text-color-text-primary", _ctx.state.typeName === "textarea" ? "line-clamp-3" : "line-clamp-1"]),
193
+ "type-name": _ctx.state.typeName,
194
+ onMouseenter: _cache[0] || (_cache[0] = function() {
195
+ return _ctx.handleMouseenter && _ctx.handleMouseenter.apply(_ctx, arguments);
196
+ }),
197
+ onMouseleave: _cache[1] || (_cache[1] = function() {
198
+ return _ctx.handleMouseleave && _ctx.handleMouseleave.apply(_ctx, arguments);
199
+ })
200
+ }, toDisplayString(_ctx.state.displayedValue || "-"), 43, _hoisted_3)) : createCommentVNode("v-if", true), withDirectives(createElementVNode("div", {
201
+ "data-tag": "tiny-form-item-show",
202
+ "aria-describedby": _ctx.state.validateState === "error" ? _ctx.state.errorId : void 0,
203
+ "aria-invalid": _ctx.state.validateState === "error" ? "true" : "false",
204
+ class: normalizeClass(["[&_[aria-label=checkbox-group]]:pl-0.5 sm:[&_[aria-label=checkbox-group]]:pl-0", "[&_>:first-child[data-tag=tiny-checkbox]]:pl-0.5 sm:[&_>:first-child[data-tag=tiny-checkbox]]:pl-0", "[&_[class^=tiny-autocomplete]]:w-full", "[&_[class^=tiny-cascader]]:w-full", _ctx.state.isDisplayOnly ? "[&_>*:not([data-tag^=tiny-],[class^=tiny-])]:leading-8 [&_>*:not([data-tag^=tiny-],[class^=tiny-])]:sm:leading-normal" : ""])
205
+ }, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_4), [[vShow, !(_ctx.state.isDisplayOnly && _ctx.state.isBasicComp)]]), _ctx.state.validateState === "error" && _ctx.showMessage && _ctx.state.showMessage ? renderSlot(_ctx.$slots, "error", {
206
+ key: 1,
207
+ dataTag: "tiny-form-item-error"
208
+ }, function() {
209
+ return [createElementVNode("div", {
210
+ id: _ctx.state.errorId,
211
+ role: "alert",
212
+ "aria-live": "assertive",
213
+ "aria-atomic": "true",
214
+ class: normalizeClass(_ctx.m("sm:absolute left-0 bottom-1 sm:-bottom-4 text-color-error text-xs leading-4 line-clamp-3 sm:line-clamp-1 break-all", typeof _ctx.inlineMessage === "boolean" && _ctx.inlineMessage || _ctx.state.inlineMessage ? "relative top-auto left-auto inline-block" : "")),
215
+ title: _ctx.state.validateMessage
216
+ }, toDisplayString(_ctx.state.validateMessage), 11, _hoisted_5)];
217
+ }) : createCommentVNode("v-if", true), _ctx.state.validateState !== "error" && _ctx.showMessage && _ctx.state.showMessage ? renderSlot(_ctx.$slots, "prompt", {
218
+ key: 2
219
+ }) : createCommentVNode("v-if", true)],
216
220
  2
217
221
  /* CLASS */
218
- );
222
+ )], 10, _hoisted_1);
219
223
  }
220
224
  var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
221
225
 
package/lib/pc.js CHANGED
@@ -136,10 +136,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
136
136
  if (!item.dynamicProps.includes("size")) {
137
137
  item.dynamicProps.push("size");
138
138
  }
139
+ var ariaAttrs = {};
140
+ if (state.isRequired || required) {
141
+ ariaAttrs["aria-required"] = "true";
142
+ }
143
+ if (isShowError && state.errorId) {
144
+ ariaAttrs["aria-describedby"] = state.errorId;
145
+ ariaAttrs["aria-invalid"] = "true";
146
+ } else {
147
+ ariaAttrs["aria-invalid"] = "false";
148
+ }
139
149
  Object.assign(item.props, {
140
150
  size: state.formItemSize,
141
151
  mini: state.formItemSize === "mini" || Boolean(item.props.mini)
142
152
  });
153
+ if (!item.attrs) {
154
+ item.attrs = {};
155
+ }
156
+ Object.assign(item.attrs, ariaAttrs);
143
157
  if (type && type.name && type.name.toLowerCase().endsWith("button")) {
144
158
  return item;
145
159
  }
@@ -200,10 +214,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
200
214
  var ErrorContent = isShowError && state.getValidateType === "text" ? errorSlot || h("div", {
201
215
  class: (_class = {}, _class[classPrefix + "form-item__error"] = true, _class[classPrefix + "form-item__error--inline"] = isErrorInline, _class[classPrefix + "form-item__error--block"] = isErrorBlock, _class),
202
216
  attrs: {
217
+ id: state.errorId,
218
+ // 为错误信息添加唯一 ID，用于 aria-describedby 关联
219
+ role: "alert",
220
+ // 使用 alert 角色，屏幕阅读器会立即读出错误
221
+ "aria-live": "assertive",
222
+ // 确保错误信息能被立即通知
223
+ "aria-atomic": "true",
224
+ // 确保完整读出错误信息
203
225
  title: [state.validateMessage]
204
226
  }
205
227
  }, [validateIcon ? h(validateIcon, {
206
- class: "validate-icon"
228
+ class: "validate-icon",
229
+ attrs: {
230
+ "aria-hidden": "true"
231
+ }
207
232
  }) : null, createVNode("span", {
208
233
  "class": classPrefix + "form-item__validate-message"
209
234
  }, [state.validateMessage])]) : null;
@@ -248,7 +273,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
248
273
  tooltipContent = [errorSlot];
249
274
  } else {
250
275
  tooltipContent = [validateIconNode, createVNode("span", {
251
- "class": classPrefix + "form-item__validate-message"
276
+ "class": classPrefix + "form-item__validate-message",
277
+ "id": state.errorId
252
278
  }, [state.validateMessage])];
253
279
  }
254
280
  return tooltipContent;
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-form-item",
3
3
  "type": "module",
4
- "version": "3.28.0",
4
+ "version": "3.29.0",
5
5
  "description": "",
6
6
  "license": "MIT",
7
7
  "sideEffects": false,
8
8
  "main": "./lib/index.js",
9
9
  "module": "./lib/index.js",
10
10
  "dependencies": {
11
- "@opentinyvue/vue-common": "~3.28.0",
12
- "@opentinyvue/vue-icon": "~3.28.0",
13
- "@opentinyvue/vue-renderless": "~3.28.0",
14
- "@opentinyvue/vue-tooltip": "~3.28.0"
11
+ "@opentinyvue/vue-common": "~3.29.0",
12
+ "@opentinyvue/vue-icon": "~3.29.0",
13
+ "@opentinyvue/vue-renderless": "~3.29.0",
14
+ "@opentinyvue/vue-tooltip": "~3.29.0"
15
15
  },
16
16
  "types": "index.d.ts",
17
17
  "scripts": {
package/src/index.d.ts CHANGED
@@ -25,6 +25,10 @@ export declare const formItemProps: {
25
25
  };
26
26
  messageType: StringConstructor;
27
27
  label: StringConstructor;
28
+ labelLine: {
29
+ type: NumberConstructor;
30
+ default: number;
31
+ };
28
32
  labelWidth: StringConstructor;
29
33
  manual: BooleanConstructor;
30
34
  popperOptions: {
@@ -89,6 +93,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
89
93
  };
90
94
  messageType: StringConstructor;
91
95
  label: StringConstructor;
96
+ labelLine: {
97
+ type: NumberConstructor;
98
+ default: number;
99
+ };
92
100
  labelWidth: StringConstructor;
93
101
  manual: BooleanConstructor;
94
102
  popperOptions: {
@@ -154,6 +162,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
154
162
  };
155
163
  messageType: StringConstructor;
156
164
  label: StringConstructor;
165
+ labelLine: {
166
+ type: NumberConstructor;
167
+ default: number;
168
+ };
157
169
  labelWidth: StringConstructor;
158
170
  manual: BooleanConstructor;
159
171
  popperOptions: {
@@ -205,6 +217,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
205
217
  _constants: Record<string, any>;
206
218
  popperOptions: Record<string, any>;
207
219
  inlineMessage: boolean;
220
+ labelLine: number;
208
221
  showMessage: boolean;
209
222
  validateDisabled: boolean;
210
223
  validateDebounce: boolean;
package/src/mobile-first.vue.d.ts CHANGED
@@ -18,6 +18,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
18
18
  default: string;
19
19
  };
20
20
  label: StringConstructor;
21
+ labelLine: {
22
+ type: NumberConstructor;
23
+ default: number;
24
+ };
21
25
  labelWidth: StringConstructor;
22
26
  manual: BooleanConstructor;
23
27
  popperOptions: {
@@ -71,6 +75,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
71
75
  default: string;
72
76
  };
73
77
  label: StringConstructor;
78
+ labelLine: {
79
+ type: NumberConstructor;
80
+ default: number;
81
+ };
74
82
  labelWidth: StringConstructor;
75
83
  manual: BooleanConstructor;
76
84
  popperOptions: {
@@ -114,6 +122,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
114
122
  _constants: Record<string, any>;
115
123
  popperOptions: Record<string, any>;
116
124
  inlineMessage: string | boolean;
125
+ labelLine: number;
117
126
  showMessage: boolean;
118
127
  validateDisabled: boolean;
119
128
  validateDebounce: boolean;