@opentinyvue/vue-input 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/index.js +1 -1
- package/lib/mobile-first.js +6 -6
- package/lib/pc.js +4 -4
- package/package.json +9 -9
package/lib/index.js
CHANGED
package/lib/mobile-first.js
CHANGED
|
@@ -188,7 +188,7 @@ var render = function render2() {
|
|
|
188
188
|
staticClass: "absolute top-0 left-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap leading-7 sm:leading-normal text-color-text-primary"
|
|
189
189
|
}, [_vm._v(" " + _vm._s(_vm.state.displayOnlyText) + " ")])]) : _vm._e(), _vm.type !== "textarea" ? _c("input", _vm._b({
|
|
190
190
|
ref: "input",
|
|
191
|
-
class: _vm.m("w-full border-0 sm:border px-0 sm:px-3 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border
|
|
191
|
+
class: _vm.m("w-full border-0 sm:border px-0 sm:px-3 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border 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 py-0 outline-0 transition-colors duration-200 ease-in-out ", _vm.state.inputSizeMf === "medium" ? "h-8 leading-8 " + _vm.m("sm:text-sm") + " placeholder:text-sm" : _vm.state.inputSizeMf === "mini" ? "h-6 leading-6 text-xs placeholder:text-xs" : "h-7 leading-7", _vm.slots.prepend || _vm.slots.append ? "align-middle table-cell" : "inline-block", _vm.slots.prepend && _vm.slots.append ? "rounded-none" : _vm.slots.prepend ? "rounded-tl-none rounded-bl-none rounded-tr rounded-br" : _vm.slots.append ? "rounded-tl rounded-bl rounded-tr-none rounded-br-none" : "rounded", _vm.readonly ? " text-ellipsis overflow-hidden whitespace-nowrap" : "sm:border", (_vm.slots.prefix || _vm.prefixIcon) && (_vm.slots.suffix || _vm.suffixIcon || _vm.clearable || _vm.showPassword) ? "px-6 sm:px-6" : _vm.slots.prefix || _vm.prefixIcon ? "pl-6 sm:pl-6 pr-0 sm:pr-3" : _vm.slots.suffix || _vm.suffixIcon || _vm.clearable || _vm.showPassword ? "pl-0 sm:pl-3 pr-6 sm:pr-6" : "", _vm.mask && _vm.state.inputDisabled ? !_vm.state.maskValueVisible ? "font-[serif] pr-6 sm:pr-6" : "pr-6 sm:pr-6" : "", (_vm.slots.suffix || _vm.suffixIcon || _vm.showPassword) && _vm.clearable ? "pr-10 sm:pr-10" : "", _vm.state.isDisplayOnly ? "invisible h-auto leading-none border-0" : "", _vm.state.isWordLimitVisible ? _vm.clearable ? "pr-18 sm:pr-18" : "pr-14 sm:pr-14" : "", _vm.customClass),
|
|
192
192
|
attrs: {
|
|
193
193
|
"data-tag": "tiny-input-inner",
|
|
194
194
|
"name": _vm.name,
|
|
@@ -229,7 +229,7 @@ var render = function render2() {
|
|
|
229
229
|
}
|
|
230
230
|
}) : _vm._e(), (_vm.slots.prefix || _vm.prefixIcon) && !_vm.state.isDisplayOnly ? _c("span", {
|
|
231
231
|
ref: "prefix",
|
|
232
|
-
staticClass: "left-2 transition-all duration-300 ease-in-out text-xs sm:text-sm absolute top-1/2 -translate-y-1/2 text-center text-color-text-placeholder flex items-center",
|
|
232
|
+
staticClass: "left-2 transition-all fill-color-icon-placeholder duration-300 ease-in-out text-xs sm:text-sm absolute top-1/2 -translate-y-1/2 text-center text-color-text-placeholder flex items-center",
|
|
233
233
|
attrs: {
|
|
234
234
|
"data-tag": "tiny-input-prefix"
|
|
235
235
|
}
|
|
@@ -243,7 +243,7 @@ var render = function render2() {
|
|
|
243
243
|
"data-tag": "tiny-input-suffix"
|
|
244
244
|
}
|
|
245
245
|
}, [_c("span", {
|
|
246
|
-
staticClass: "pointer-events-auto text-xs flex justify-start items-center"
|
|
246
|
+
staticClass: "pointer-events-auto text-xs fill-color-icon-placeholder flex justify-start items-center"
|
|
247
247
|
}, [_vm.state.showClear ? _c("icon-close", {
|
|
248
248
|
class: _vm.m("hidden sm:block text-center transition-all duration-300 ease-in-out text-xs cursor-pointer", _vm.state.inputSizeMf === "medium" ? "leading-8" : _vm.state.inputSizeMf === "mini" ? "leading-6" : "leading-7"),
|
|
249
249
|
on: {
|
|
@@ -313,7 +313,7 @@ var render = function render2() {
|
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
}, [_c("div", {
|
|
316
|
-
staticClass: "inline-flex"
|
|
316
|
+
staticClass: "inline-flex max-w-full"
|
|
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",
|
|
@@ -325,7 +325,7 @@ var render = function render2() {
|
|
|
325
325
|
}
|
|
326
326
|
}, [_vm.state.showMoreBtn ? _c("span", {
|
|
327
327
|
staticClass: "float-right relative top-px clear-both text-color-brand text-sm leading-3 cursor-pointer"
|
|
328
|
-
}, [_vm._v(_vm._s(_vm.t("ui.input.more")) + ">")]) : _vm._e(),
|
|
328
|
+
}, [_vm._v(_vm._s(_vm.t("ui.input.more")) + ">")]) : _vm._e(), _vm._v(_vm._s(_vm.state.displayOnlyText) + " ")])])]) : _vm._e(), _vm.state.isDisplayOnly && _vm.popupMore ? _c("tiny-dialog-box", {
|
|
329
329
|
attrs: {
|
|
330
330
|
"title": _vm.t("ui.input.detail"),
|
|
331
331
|
"width": "1000px",
|
|
@@ -355,7 +355,7 @@ var render = function render2() {
|
|
|
355
355
|
staticClass: "font-[inherit]"
|
|
356
356
|
}, [_vm._v(_vm._s(_vm.state.displayOnlyText))])]) : _vm._e(), _c("textarea", _vm._b({
|
|
357
357
|
ref: "textarea",
|
|
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
|
|
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
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-[1.625rem]", _vm.hoverExpand && !_vm.state.enteredTextarea && "min-h-7 px-2 leading-7 overflow-hidden"],
|
|
360
360
|
style: _vm.state.textareaStyle,
|
|
361
361
|
attrs: {
|
package/lib/pc.js
CHANGED
|
@@ -130,7 +130,7 @@ var render = function render2() {
|
|
|
130
130
|
return _vm.$emit("click", $event);
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
|
-
}, "div", _vm.a(_vm.$attrs, ["class"]), false), [_vm.type !== "textarea" ? [_vm.slots.prepend ? _c("div", {
|
|
133
|
+
}, "div", _vm.a(_vm.$attrs, ["class"]), false), [_vm.type !== "textarea" ? [_vm.slots.prepend && !_vm.state.isDisplayOnly ? _c("div", {
|
|
134
134
|
ref: "prepend",
|
|
135
135
|
staticClass: "tiny-input-group__prepend"
|
|
136
136
|
}, [_vm._t("prepend")], 2) : _vm._e(), _c("span", {
|
|
@@ -265,10 +265,10 @@ var render = function render2() {
|
|
|
265
265
|
}, [_vm._v(" " + _vm._s(_vm.state.showWordLimit ? "/" + _vm.state.upperLimit : _vm.state.textLength) + " ")])])]) : _vm._e()], 2), _vm.state.validateState ? _c("i", {
|
|
266
266
|
staticClass: "tiny-input__icon",
|
|
267
267
|
class: ["tiny-input__validateIcon", _vm.validateIcon]
|
|
268
|
-
}) : _vm._e()]) : _vm._e()])], 1), _vm.slots.append ? _c("div", {
|
|
268
|
+
}) : _vm._e()]) : _vm._e()])], 1), _vm.slots.append && !_vm.state.isDisplayOnly ? _c("div", {
|
|
269
269
|
ref: "append",
|
|
270
270
|
staticClass: "tiny-input-group__append"
|
|
271
|
-
}, [_vm._t("append")], 2) : _vm._e(), _vm.slots.panel ? _c("div", {
|
|
271
|
+
}, [_vm._t("append")], 2) : _vm._e(), _vm.slots.panel && !_vm.state.isDisplayOnly ? _c("div", {
|
|
272
272
|
ref: "panel",
|
|
273
273
|
staticClass: "tiny-input-group__panel"
|
|
274
274
|
}, [_vm._t("panel")], 2) : _vm._e()] : _c("span", {
|
|
@@ -299,7 +299,7 @@ var render = function render2() {
|
|
|
299
299
|
_vm.state.showDisplayOnlyBox = true;
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
|
-
}, [_vm._v(_vm._s(_vm.t("ui.input.more")) + ">")]) : _vm._e(),
|
|
302
|
+
}, [_vm._v(_vm._s(_vm.t("ui.input.more")) + ">")]) : _vm._e(), _vm._v(_vm._s(_vm.state.displayOnlyText) + " ")])])]) : _vm._e(), _vm.state.isDisplayOnly && _vm.popupMore ? _c("tiny-dialog-box", {
|
|
303
303
|
attrs: {
|
|
304
304
|
"title": _vm.t("ui.input.detail"),
|
|
305
305
|
"visible": _vm.state.showDisplayOnlyBox,
|
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.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-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.23.0",
|
|
12
|
+
"@opentinyvue/vue-button": "~2.23.0",
|
|
13
|
+
"@opentinyvue/vue-common": "~2.23.0",
|
|
14
|
+
"@opentinyvue/vue-dialog-box": "~2.23.0",
|
|
15
|
+
"@opentinyvue/vue-icon": "~2.23.0",
|
|
16
|
+
"@opentinyvue/vue-renderless": "~3.23.0",
|
|
17
|
+
"@opentinyvue/vue-theme": "~3.23.0",
|
|
18
|
+
"@opentinyvue/vue-tooltip": "~2.23.0"
|
|
19
19
|
},
|
|
20
20
|
"types": "index.d.ts",
|
|
21
21
|
"scripts": {
|