@opentinyvue/vue-form-item 2.22.0 → 2.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 +5 -5
- package/package.json +5 -5
package/lib/mobile-first.js
CHANGED
|
@@ -113,7 +113,7 @@ var render = function render2() {
|
|
|
113
113
|
var _h = _vm.$createElement;
|
|
114
114
|
var _c = _vm._self._c || _h;
|
|
115
115
|
return _c("div", {
|
|
116
|
-
class: _vm.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", _vm.state.validateState === "error" && _vm.state.validateType === "text" ? "mb-0 sm:mb-
|
|
116
|
+
class: _vm.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", _vm.state.validateState === "error" && _vm.state.validateType === "text" ? "mb-0 sm:mb-4" : "", _vm.state.formInline ? "align-sub" : "", _vm.state.labelPosition === "top" ? "block mb-4" : "", _vm.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" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? "pl-0" : "", !_vm.slots.label && !_vm.label ? "border-none" : "", _vm.state.isDisplayOnly ? "border-none py-0.5" : ""),
|
|
117
117
|
attrs: {
|
|
118
118
|
"data-tag": "tiny-form-item"
|
|
119
119
|
}
|
|
@@ -124,7 +124,7 @@ var render = function render2() {
|
|
|
124
124
|
"is-mobile-first": true
|
|
125
125
|
}
|
|
126
126
|
}, [_vm.slots.label || _vm.label ? _c("label", {
|
|
127
|
-
class: _vm.m("py-3 sm:py-
|
|
127
|
+
class: _vm.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", _vm.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)]", _vm.state.labelPosition === "right" ? "text-right sm:text-right" : "", _vm.state.labelPosition === "left" ? "text-left sm:text-left" : "", _vm.state.formInline && _vm.state.labelPosition === "top" ? "block" : "", _vm.state.isDisplayOnly ? "leading-none h-auto align-[inherit] pr-4" : "", _vm.tipContent ? "pr-5 sm:pr-7" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? "overflow-visible relative before:absolute before:-left-2.5" : "", _vm.state.disabled ? "text-color-icon-placeholder sm:text-color-text-secondary" : "text-color-text-secondary", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
|
|
128
128
|
style: _vm.state.labelStyle,
|
|
129
129
|
attrs: {
|
|
130
130
|
"data-tag": "tiny-item-label",
|
|
@@ -133,7 +133,7 @@ var render = function render2() {
|
|
|
133
133
|
}, [_c("span", {
|
|
134
134
|
class: _vm.m("max-h-[theme(spacing.10)] line-clamp-2 inline-block relative top-px leading-normal", (_vm.state.isRequired || _vm.required) && !_vm.state.hideRequiredAsterisk ? "before:content-['*'] before:text-color-error before:relative before:mr-1" : "", _vm.state.isDisplayOnly ? "pl-0 before:hidden" : "")
|
|
135
135
|
}, [_vm._t("label", function() {
|
|
136
|
-
return [_vm._v(
|
|
136
|
+
return [_vm._v(_vm._s(_vm.label + _vm.state.labelSuffix))];
|
|
137
137
|
})], 2), _vm.tipContent ? _c("tiny-tooltip", {
|
|
138
138
|
attrs: {
|
|
139
139
|
"effect": "light",
|
|
@@ -146,7 +146,7 @@ var render = function render2() {
|
|
|
146
146
|
"custom-class": "h-4 w-4 ml-0.5 absolute right-1 sm:right-2 align-text-bottom fill-color-text-secondary"
|
|
147
147
|
}
|
|
148
148
|
})], 1) : _vm._e()], 1) : _vm._e()]), _c("div", {
|
|
149
|
-
class: _vm.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", _vm.state.formInline ? "align-sub leading-none" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? _vm.state.isDisplayOnly ? "pl-0" : "pl-2 sm:pl-0" : "pt-2", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
|
|
149
|
+
class: _vm.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", _vm.state.formInline ? "align-sub leading-none" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? _vm.state.isDisplayOnly ? "pl-0" : "pl-2 sm:pl-0" : "pt-2", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
|
|
150
150
|
attrs: {
|
|
151
151
|
"data-tag": "tiny-form-item-inline"
|
|
152
152
|
}
|
|
@@ -173,7 +173,7 @@ var render = function render2() {
|
|
|
173
173
|
}
|
|
174
174
|
}, [_vm._t("default")], 2), _vm.state.validateState === "error" && _vm.showMessage && _vm.state.showMessage ? _vm._t("error", function() {
|
|
175
175
|
return [_c("div", {
|
|
176
|
-
class: _vm.m("
|
|
176
|
+
class: _vm.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 _vm.inlineMessage === "boolean" && _vm.inlineMessage || _vm.state.inlineMessage ? "relative top-auto left-auto inline-block" : ""),
|
|
177
177
|
attrs: {
|
|
178
178
|
"title": _vm.state.validateMessage
|
|
179
179
|
}
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-form-item",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.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": "~2.
|
|
12
|
-
"@opentinyvue/vue-icon": "~2.
|
|
13
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
14
|
-
"@opentinyvue/vue-tooltip": "~2.
|
|
11
|
+
"@opentinyvue/vue-common": "~2.23.0",
|
|
12
|
+
"@opentinyvue/vue-icon": "~2.23.0",
|
|
13
|
+
"@opentinyvue/vue-renderless": "~3.23.0",
|
|
14
|
+
"@opentinyvue/vue-tooltip": "~2.23.0"
|
|
15
15
|
},
|
|
16
16
|
"types": "index.d.ts",
|
|
17
17
|
"scripts": {
|