@opentinyvue/vue-input 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.
Files changed (4) hide show
  1. package/lib/index.js +1 -1
  2. package/lib/mobile-first.js +7 -9
  3. package/lib/pc.js +4 -6
  4. package/package.json +9 -9
package/lib/index.js CHANGED
@@ -194,7 +194,7 @@ var Input = defineComponent({
194
194
  });
195
195
  }
196
196
  });
197
- var version = "3.22.0";
197
+ var version = "3.23.0";
198
198
  Input.model = {
199
199
  prop: "modelValue",
200
200
  event: "update:modelValue"
package/lib/mobile-first.js CHANGED
@@ -2,7 +2,7 @@ import { renderless as renderless$1, api as api$1 } from '@opentinyvue/vue-rende
2
2
  import { defineComponent, $prefix, setup, props } from '@opentinyvue/vue-common';
3
3
  import { renderless, api } from '@opentinyvue/vue-renderless/tall-storage/vue';
4
4
  import '@opentinyvue/vue-theme/tall-storage/index.css';
5
- import { openBlock, createElementBlock, createElementVNode, withKeys, Fragment, renderList, normalizeClass, toDisplayString, resolveComponent, normalizeStyle, renderSlot, createCommentVNode, createBlock, withCtx, resolveDynamicComponent, mergeProps, withModifiers, createVNode, createTextVNode } from 'vue';
5
+ import { openBlock, createElementBlock, createElementVNode, withKeys, Fragment, renderList, normalizeClass, toDisplayString, resolveComponent, normalizeStyle, renderSlot, createCommentVNode, createBlock, withCtx, resolveDynamicComponent, mergeProps, withModifiers, createTextVNode, createVNode } from 'vue';
6
6
  import { IconClose, IconError, IconEyeopen, IconEyeclose } from '@opentinyvue/vue-icon';
7
7
  import Tooltip from '@opentinyvue/vue-tooltip';
8
8
  import Button from '@opentinyvue/vue-button';
@@ -151,7 +151,7 @@ var _hoisted_7 = {
151
151
  key: 2,
152
152
  "data-tag": "tiny-input-prefix",
153
153
  ref: "prefix",
154
- class: "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"
154
+ class: "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"
155
155
  };
156
156
  var _hoisted_8 = {
157
157
  key: 3,
@@ -160,7 +160,7 @@ var _hoisted_8 = {
160
160
  class: "right-2 transition-all duration-300 ease-in-out pointer-events-none text-xs absolute top-1/2 -translate-y-1/2 text-center text-color-text-placeholder flex items-center z-[1]"
161
161
  };
162
162
  var _hoisted_9 = {
163
- class: "pointer-events-auto text-xs flex justify-start items-center"
163
+ class: "pointer-events-auto text-xs fill-color-icon-placeholder flex justify-start items-center"
164
164
  };
165
165
  var _hoisted_10 = {
166
166
  key: 5,
@@ -179,7 +179,7 @@ var _hoisted_13 = {
179
179
  ref: "panel"
180
180
  };
181
181
  var _hoisted_14 = {
182
- class: "inline-flex"
182
+ class: "inline-flex max-w-full"
183
183
  };
184
184
  var _hoisted_15 = {
185
185
  key: 0,
@@ -281,7 +281,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
281
281
  "data-tag": "tiny-input-inner",
282
282
  name: _ctx.name
283
283
  }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
284
- class: _ctx.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-separator 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 ", _ctx.state.inputSizeMf === "medium" ? "h-8 leading-8 " + _ctx.m("sm:text-sm") + " placeholder:text-sm" : _ctx.state.inputSizeMf === "mini" ? "h-6 leading-6 text-xs placeholder:text-xs" : "h-7 leading-7", _ctx.slots.prepend || _ctx.slots.append ? "align-middle table-cell" : "inline-block", _ctx.slots.prepend && _ctx.slots.append ? "rounded-none" : _ctx.slots.prepend ? "rounded-tl-none rounded-bl-none rounded-tr rounded-br" : _ctx.slots.append ? "rounded-tl rounded-bl rounded-tr-none rounded-br-none" : "rounded", _ctx.readonly ? " text-ellipsis overflow-hidden whitespace-nowrap" : "sm:border", (_ctx.slots.prefix || _ctx.prefixIcon) && (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword) ? "px-6 sm:px-6" : _ctx.slots.prefix || _ctx.prefixIcon ? "pl-6 sm:pl-6 pr-0 sm:pr-3" : _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword ? "pl-0 sm:pl-3 pr-6 sm:pr-6" : "", _ctx.mask && _ctx.state.inputDisabled ? !_ctx.state.maskValueVisible ? "font-[serif] pr-6 sm:pr-6" : "pr-6 sm:pr-6" : "", (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.showPassword) && _ctx.clearable ? "pr-10 sm:pr-10" : "", _ctx.state.isDisplayOnly ? "invisible h-auto leading-none border-0" : "", _ctx.state.isWordLimitVisible ? _ctx.clearable ? "pr-18 sm:pr-18" : "pr-14 sm:pr-14" : "", _ctx.customClass),
284
+ class: _ctx.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 ", _ctx.state.inputSizeMf === "medium" ? "h-8 leading-8 " + _ctx.m("sm:text-sm") + " placeholder:text-sm" : _ctx.state.inputSizeMf === "mini" ? "h-6 leading-6 text-xs placeholder:text-xs" : "h-7 leading-7", _ctx.slots.prepend || _ctx.slots.append ? "align-middle table-cell" : "inline-block", _ctx.slots.prepend && _ctx.slots.append ? "rounded-none" : _ctx.slots.prepend ? "rounded-tl-none rounded-bl-none rounded-tr rounded-br" : _ctx.slots.append ? "rounded-tl rounded-bl rounded-tr-none rounded-br-none" : "rounded", _ctx.readonly ? " text-ellipsis overflow-hidden whitespace-nowrap" : "sm:border", (_ctx.slots.prefix || _ctx.prefixIcon) && (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword) ? "px-6 sm:px-6" : _ctx.slots.prefix || _ctx.prefixIcon ? "pl-6 sm:pl-6 pr-0 sm:pr-3" : _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword ? "pl-0 sm:pl-3 pr-6 sm:pr-6" : "", _ctx.mask && _ctx.state.inputDisabled ? !_ctx.state.maskValueVisible ? "font-[serif] pr-6 sm:pr-6" : "pr-6 sm:pr-6" : "", (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.showPassword) && _ctx.clearable ? "pr-10 sm:pr-10" : "", _ctx.state.isDisplayOnly ? "invisible h-auto leading-none border-0" : "", _ctx.state.isWordLimitVisible ? _ctx.clearable ? "pr-18 sm:pr-18" : "pr-14 sm:pr-14" : "", _ctx.customClass),
285
285
  tabindex: _ctx.tabindex,
286
286
  type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,
287
287
  disabled: _ctx.state.inputDisabled,
@@ -444,9 +444,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
444
444
  toDisplayString(_ctx.t("ui.input.more")) + ">",
445
445
  1
446
446
  /* TEXT */
447
- )) : createCommentVNode("v-if", true), createElementVNode(
448
- "span",
449
- null,
447
+ )) : createCommentVNode("v-if", true), createTextVNode(
450
448
  toDisplayString(_ctx.state.displayOnlyText),
451
449
  1
452
450
  /* TEXT */
@@ -500,7 +498,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
500
498
  ref: "textarea"
501
499
  }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
502
500
  tabindex: _ctx.tabindex,
503
- class: ["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-separator 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", [_ctx.readonly ? "sm:border-0 px-0 py-0" : "sm:border px-3 ", _ctx.state.isDisplayOnly ? "hidden" : "", _ctx.state.inputSizeMf !== "mini" ? "sm:placeholder:text-sm sm:text-sm" : "sm:placeholder:text-xs sm:text-xs", _ctx.hoverExpand && "min-w-40 absolute h-7 z-[2000] top-0 left-0", _ctx.hoverExpand && _ctx.state.enteredTextarea ? "py-2 leading-normal" : "py-0 leading-[1.625rem]", _ctx.hoverExpand && !_ctx.state.enteredTextarea && "min-h-7 px-2 leading-7 overflow-hidden"]],
501
+ class: ["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", [_ctx.readonly ? "sm:border-0 px-0 py-0" : "sm:border px-3 ", _ctx.state.isDisplayOnly ? "hidden" : "", _ctx.state.inputSizeMf !== "mini" ? "sm:placeholder:text-sm sm:text-sm" : "sm:placeholder:text-xs sm:text-xs", _ctx.hoverExpand && "min-w-40 absolute h-7 z-[2000] top-0 left-0", _ctx.hoverExpand && _ctx.state.enteredTextarea ? "py-2 leading-normal" : "py-0 leading-[1.625rem]", _ctx.hoverExpand && !_ctx.state.enteredTextarea && "min-h-7 px-2 leading-7 overflow-hidden"]],
504
502
  onCompositionstart: _cache[18] || (_cache[18] = function() {
505
503
  return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
506
504
  }),
package/lib/pc.js CHANGED
@@ -251,7 +251,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
251
251
  {
252
252
  key: 0
253
253
  },
254
- [_ctx.slots.prepend ? (openBlock(), createElementBlock(
254
+ [_ctx.slots.prepend && !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock(
255
255
  "div",
256
256
  _hoisted_1,
257
257
  [renderSlot(_ctx.$slots, "prepend")],
@@ -420,13 +420,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
420
420
  }),
421
421
  _: 3
422
422
  /* FORWARDED */
423
- })]), _ctx.slots.append ? (openBlock(), createElementBlock(
423
+ })]), _ctx.slots.append && !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock(
424
424
  "div",
425
425
  _hoisted_15,
426
426
  [renderSlot(_ctx.$slots, "append")],
427
427
  512
428
428
  /* NEED_PATCH */
429
- )) : createCommentVNode("v-if", true), _ctx.slots.panel ? (openBlock(), createElementBlock(
429
+ )) : createCommentVNode("v-if", true), _ctx.slots.panel && !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock(
430
430
  "div",
431
431
  _hoisted_16,
432
432
  [renderSlot(_ctx.$slots, "panel")],
@@ -469,9 +469,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
469
469
  toDisplayString(_ctx.t("ui.input.more")) + ">",
470
470
  1
471
471
  /* TEXT */
472
- )) : createCommentVNode("v-if", true), createElementVNode(
473
- "span",
474
- null,
472
+ )) : createCommentVNode("v-if", true), createTextVNode(
475
473
  toDisplayString(_ctx.state.displayOnlyText),
476
474
  1
477
475
  /* TEXT */
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-input",
3
3
  "type": "module",
4
- "version": "3.22.0",
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-directive": "~3.22.0",
12
- "@opentinyvue/vue-button": "~3.22.0",
13
- "@opentinyvue/vue-common": "~3.22.0",
14
- "@opentinyvue/vue-dialog-box": "~3.22.0",
15
- "@opentinyvue/vue-icon": "~3.22.0",
16
- "@opentinyvue/vue-renderless": "~3.22.0",
17
- "@opentinyvue/vue-theme": "~3.22.0",
18
- "@opentinyvue/vue-tooltip": "~3.22.0"
11
+ "@opentinyvue/vue-directive": "~3.23.0",
12
+ "@opentinyvue/vue-button": "~3.23.0",
13
+ "@opentinyvue/vue-common": "~3.23.0",
14
+ "@opentinyvue/vue-dialog-box": "~3.23.0",
15
+ "@opentinyvue/vue-icon": "~3.23.0",
16
+ "@opentinyvue/vue-renderless": "~3.23.0",
17
+ "@opentinyvue/vue-theme": "~3.23.0",
18
+ "@opentinyvue/vue-tooltip": "~3.23.0"
19
19
  },
20
20
  "types": "index.d.ts",
21
21
  "scripts": {