@opentinyvue/vue-input 2.24.0 → 2.25.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 +9 -9
package/lib/mobile-first.js
CHANGED
|
@@ -282,7 +282,7 @@ var render = function render2() {
|
|
|
282
282
|
}) : _vm._e(), _vm.state.isWordLimitVisible ? _c("span", {
|
|
283
283
|
staticClass: "h-full inline-flex items-center text-xs sm:text-sm text-color-text-placeholder"
|
|
284
284
|
}, [_c("span", {
|
|
285
|
-
staticClass: "bg-color-bg-1 leading-none inline-block"
|
|
285
|
+
staticClass: "bg-color-bg-1 leading-none inline-block text-xs"
|
|
286
286
|
}, [_vm._v(_vm._s(_vm.state.showWordLimit ? _vm.state.textLength + "/" + _vm.state.upperLimit : _vm.state.textLength))])]) : _vm._e()], 2), _vm.state.validateState ? _c("i", {
|
|
287
287
|
class: _vm.m("text-center transition-all duration-300 ease-in-out text-xs pointer-events-none", _vm.state.inputSizeMf === "medium" ? "leading-8" : _vm.state.inputSizeMf === "mini" ? "leading-6" : "leading-7", _vm.state.validateIcon)
|
|
288
288
|
}) : _vm._e()]) : _vm._e(), _vm.slots.append && !_vm.state.isDisplayOnly ? _c("div", {
|
|
@@ -317,7 +317,7 @@ var render = function render2() {
|
|
|
317
317
|
}, [_c("span", {
|
|
318
318
|
ref: "textBox",
|
|
319
319
|
staticClass: "text-box max-w-full break-words line-clamp-5 text-sm text-color-text-primary before:content-[''] before:float-right before:h-full before:-mb-4",
|
|
320
|
-
class: [_vm.state.inputSizeMf !== "mini" ? "sm:text-sm" : "sm:text-xs", _vm.hoverExpand && "relative left-0 max-w-full leading-
|
|
320
|
+
class: [_vm.state.inputSizeMf !== "mini" ? "sm:text-sm" : "sm:text-xs", _vm.hoverExpand && "relative left-0 max-w-full leading-5 line-clamp-1", _vm.autosize ? "left-0 max-w-full break-words whitespace-pre-line leading-5" : "left-0 max-w-full text-ellipsis overflow-hidden break-words whitespace-pre-wrap line-clamp-5"],
|
|
321
321
|
on: {
|
|
322
322
|
"click": function click($event) {
|
|
323
323
|
_vm.state.showDisplayOnlyBox = true;
|
|
@@ -356,7 +356,7 @@ var render = function render2() {
|
|
|
356
356
|
}, [_vm._v(_vm._s(_vm.state.displayOnlyText))])]) : _vm._e(), _c("textarea", _vm._b({
|
|
357
357
|
ref: "textarea",
|
|
358
358
|
staticClass: "block w-full border-0 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border outline-0 rounded placeholder:text-color-text-placeholder placeholder:text-sm sm:disabled:placeholder:text-color-text-disabled text-sm text-color-text-primary bg-color-bg-1 disabled:cursor-not-allowed disabled:text-color-text-disabled sm:disabled:text-color-text-disabled sm:disabled:bg-color-bg-6",
|
|
359
|
-
class: [_vm.readonly ? "sm:border-0 px-0 py-0" : "sm:border px-3 ", _vm.state.isDisplayOnly ? "hidden" : "", _vm.state.inputSizeMf !== "mini" ? "sm:placeholder:text-sm sm:text-sm" : "sm:placeholder:text-xs sm:text-xs", _vm.hoverExpand && "min-w-40 absolute h-7 z-[2000] top-0 left-0", _vm.hoverExpand && _vm.state.enteredTextarea ? "py-2 leading-normal" : "py-0 leading-
|
|
359
|
+
class: [_vm.readonly ? "sm:border-0 px-0 py-0" : "sm:border px-3 ", _vm.state.isDisplayOnly ? "hidden" : "", _vm.state.inputSizeMf !== "mini" ? "sm:placeholder:text-sm sm:text-sm" : "sm:placeholder:text-xs sm:text-xs", _vm.hoverExpand && "min-w-40 absolute h-7 z-[2000] top-0 left-0", _vm.hoverExpand && _vm.state.enteredTextarea ? "py-2 leading-normal" : "py-0 leading-5.5", _vm.hoverExpand && !_vm.state.enteredTextarea && "min-h-7 px-2 leading-7 overflow-hidden"],
|
|
360
360
|
style: _vm.state.textareaStyle,
|
|
361
361
|
attrs: {
|
|
362
362
|
"tabindex": _vm.tabindex,
|
|
@@ -382,7 +382,7 @@ var render = function render2() {
|
|
|
382
382
|
}
|
|
383
383
|
}
|
|
384
384
|
}, "textarea", _vm.a(_vm.$attrs, ["type", "class", "style", "^on[A-Z]"]), false))], 1), _vm.state.isWordLimitVisible && _vm.type === "textarea" ? _c("span", {
|
|
385
|
-
staticClass: "
|
|
385
|
+
staticClass: "text-color-text-placeholder text-xs leading-5 absolute bottom-0 right-3",
|
|
386
386
|
attrs: {
|
|
387
387
|
"data-tag": "tiny-input-limit"
|
|
388
388
|
}
|
package/package.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-input",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.25.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-directive": "~2.
|
|
12
|
-
"@opentinyvue/vue-button": "~2.
|
|
13
|
-
"@opentinyvue/vue-common": "~2.
|
|
14
|
-
"@opentinyvue/vue-dialog-box": "~2.
|
|
15
|
-
"@opentinyvue/vue-icon": "~2.
|
|
16
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
17
|
-
"@opentinyvue/vue-theme": "~3.
|
|
18
|
-
"@opentinyvue/vue-tooltip": "~2.
|
|
11
|
+
"@opentinyvue/vue-directive": "~2.25.0",
|
|
12
|
+
"@opentinyvue/vue-button": "~2.25.0",
|
|
13
|
+
"@opentinyvue/vue-common": "~2.25.0",
|
|
14
|
+
"@opentinyvue/vue-dialog-box": "~2.25.0",
|
|
15
|
+
"@opentinyvue/vue-icon": "~2.25.0",
|
|
16
|
+
"@opentinyvue/vue-renderless": "~3.25.0",
|
|
17
|
+
"@opentinyvue/vue-theme": "~3.25.0",
|
|
18
|
+
"@opentinyvue/vue-tooltip": "~2.25.0"
|
|
19
19
|
},
|
|
20
20
|
"types": "index.d.ts",
|
|
21
21
|
"scripts": {
|