@opentinyvue/vue-form-item 3.22.1 → 3.24.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.
- package/lib/mobile-first.js +4 -4
- package/package.json +5 -5
- package/src/index.d.ts +3 -0
- package/src/label-wrap.d.ts +2 -0
- package/src/mobile-first.vue.d.ts +2 -0
- package/src/pc.vue.d.ts +2 -0
package/lib/mobile-first.js
CHANGED
|
@@ -123,7 +123,7 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
|
|
|
123
123
|
"div",
|
|
124
124
|
{
|
|
125
125
|
"data-tag": "tiny-form-item",
|
|
126
|
-
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-
|
|
126
|
+
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" : ""))
|
|
127
127
|
},
|
|
128
128
|
[createVNode(_component_label_wrap, {
|
|
129
129
|
"is-auto-width": _ctx.state.labelStyle && _ctx.state.labelStyle.width === "auto",
|
|
@@ -134,7 +134,7 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
|
|
|
134
134
|
return [_ctx.slots.label || _ctx.label ? (openBlock(), createElementBlock("label", {
|
|
135
135
|
key: 0,
|
|
136
136
|
"data-tag": "tiny-item-label",
|
|
137
|
-
class: normalizeClass(_ctx.m("py-3 sm:py-
|
|
137
|
+
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-secondary" : "text-color-text-secondary", _ctx.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs")),
|
|
138
138
|
style: normalizeStyle(_ctx.state.labelStyle),
|
|
139
139
|
for: _ctx.state.labelFor
|
|
140
140
|
}, [createElementVNode(
|
|
@@ -173,7 +173,7 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
|
|
|
173
173
|
"div",
|
|
174
174
|
{
|
|
175
175
|
"data-tag": "tiny-form-item-inline",
|
|
176
|
-
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
|
|
176
|
+
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"))
|
|
177
177
|
},
|
|
178
178
|
[_ctx.state.isDisplayOnly && _ctx.state.isBasicComp ? (openBlock(), createElementBlock("div", {
|
|
179
179
|
key: 0,
|
|
@@ -200,7 +200,7 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
|
|
|
200
200
|
dataTag: "tiny-form-item-error"
|
|
201
201
|
}, function() {
|
|
202
202
|
return [createElementVNode("div", {
|
|
203
|
-
class: normalizeClass(_ctx.m("
|
|
203
|
+
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" : "")),
|
|
204
204
|
title: _ctx.state.validateMessage
|
|
205
205
|
}, toDisplayString(_ctx.state.validateMessage), 11, _hoisted_3)];
|
|
206
206
|
}) : createCommentVNode("v-if", true), _ctx.state.validateState !== "error" && _ctx.showMessage && _ctx.state.showMessage ? renderSlot(_ctx.$slots, "prompt", {
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-form-item",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.24.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.
|
|
12
|
-
"@opentinyvue/vue-icon": "~3.
|
|
13
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
14
|
-
"@opentinyvue/vue-tooltip": "~3.
|
|
11
|
+
"@opentinyvue/vue-common": "~3.24.0",
|
|
12
|
+
"@opentinyvue/vue-icon": "~3.24.0",
|
|
13
|
+
"@opentinyvue/vue-renderless": "~3.24.0",
|
|
14
|
+
"@opentinyvue/vue-tooltip": "~3.24.0"
|
|
15
15
|
},
|
|
16
16
|
"types": "index.d.ts",
|
|
17
17
|
"scripts": {
|
package/src/index.d.ts
CHANGED
|
@@ -63,6 +63,7 @@ export declare const formItemProps: {
|
|
|
63
63
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
64
64
|
tiny_renderless: FunctionConstructor;
|
|
65
65
|
tiny_theme: StringConstructor;
|
|
66
|
+
tiny_mcp_config: ObjectConstructor;
|
|
66
67
|
tiny_chart_theme: ObjectConstructor;
|
|
67
68
|
};
|
|
68
69
|
declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
@@ -126,6 +127,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
126
127
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
127
128
|
tiny_renderless: FunctionConstructor;
|
|
128
129
|
tiny_theme: StringConstructor;
|
|
130
|
+
tiny_mcp_config: ObjectConstructor;
|
|
129
131
|
tiny_chart_theme: ObjectConstructor;
|
|
130
132
|
}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
|
|
131
133
|
[key: string]: any;
|
|
@@ -190,6 +192,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
190
192
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
191
193
|
tiny_renderless: FunctionConstructor;
|
|
192
194
|
tiny_theme: StringConstructor;
|
|
195
|
+
tiny_mcp_config: ObjectConstructor;
|
|
193
196
|
tiny_chart_theme: ObjectConstructor;
|
|
194
197
|
}>>, {
|
|
195
198
|
error: string;
|
package/src/label-wrap.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
8
8
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
9
9
|
tiny_renderless: FunctionConstructor;
|
|
10
10
|
tiny_theme: StringConstructor;
|
|
11
|
+
tiny_mcp_config: ObjectConstructor;
|
|
11
12
|
tiny_chart_theme: ObjectConstructor;
|
|
12
13
|
}, any, unknown, {}, {
|
|
13
14
|
getLabelWidth(): number;
|
|
@@ -22,6 +23,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
22
23
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
23
24
|
tiny_renderless: FunctionConstructor;
|
|
24
25
|
tiny_theme: StringConstructor;
|
|
26
|
+
tiny_mcp_config: ObjectConstructor;
|
|
25
27
|
tiny_chart_theme: ObjectConstructor;
|
|
26
28
|
}>>, {
|
|
27
29
|
tiny_mode_root: boolean;
|
|
@@ -46,6 +46,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
46
46
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
47
47
|
tiny_renderless: FunctionConstructor;
|
|
48
48
|
tiny_theme: StringConstructor;
|
|
49
|
+
tiny_mcp_config: ObjectConstructor;
|
|
49
50
|
tiny_chart_theme: ObjectConstructor;
|
|
50
51
|
}, IFormItemApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
|
|
51
52
|
_constants: {
|
|
@@ -94,6 +95,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
94
95
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
95
96
|
tiny_renderless: FunctionConstructor;
|
|
96
97
|
tiny_theme: StringConstructor;
|
|
98
|
+
tiny_mcp_config: ObjectConstructor;
|
|
97
99
|
tiny_chart_theme: ObjectConstructor;
|
|
98
100
|
}>>, {
|
|
99
101
|
required: boolean;
|
package/src/pc.vue.d.ts
CHANGED
|
@@ -60,6 +60,7 @@ declare const _default: hooks.DefineComponent<{
|
|
|
60
60
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
61
61
|
tiny_renderless: FunctionConstructor;
|
|
62
62
|
tiny_theme: StringConstructor;
|
|
63
|
+
tiny_mcp_config: ObjectConstructor;
|
|
63
64
|
tiny_chart_theme: ObjectConstructor;
|
|
64
65
|
}, IFormItemApi, unknown, {}, {}, hooks.ComponentOptionsMixin, hooks.ComponentOptionsMixin, {}, string, hooks.PublicProps, Readonly<hooks.ExtractPropTypes<{
|
|
65
66
|
_constants: {
|
|
@@ -121,6 +122,7 @@ declare const _default: hooks.DefineComponent<{
|
|
|
121
122
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
122
123
|
tiny_renderless: FunctionConstructor;
|
|
123
124
|
tiny_theme: StringConstructor;
|
|
125
|
+
tiny_mcp_config: ObjectConstructor;
|
|
124
126
|
tiny_chart_theme: ObjectConstructor;
|
|
125
127
|
}>>, {
|
|
126
128
|
ellipsis: boolean;
|