@opentinyvue/vue-form-item 3.22.0 → 3.23.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/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("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 [&_[data-tag=tiny-input]_textarea]:pt-1 sm:[&_[data-tag=tiny-input]_textarea]:pt-2", _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"))
|
|
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 [&_[data-tag=tiny-input]_textarea]:pt-1 sm:[&_[data-tag=tiny-input]_textarea]:pt-2", _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.23.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.23.0",
|
|
12
|
+
"@opentinyvue/vue-icon": "~3.23.0",
|
|
13
|
+
"@opentinyvue/vue-renderless": "~3.23.0",
|
|
14
|
+
"@opentinyvue/vue-tooltip": "~3.23.0"
|
|
15
15
|
},
|
|
16
16
|
"types": "index.d.ts",
|
|
17
17
|
"scripts": {
|