Socket
Socket
Sign inDemoInstall

@opentiny/vue-input

Package Overview
Dependencies
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-input - npm Package Compare versions

Comparing version 3.6.0 to 3.6.1-alpha.0

LICENSE

0

index.d.ts

@@ -0,0 +0,0 @@ /**

136

lib/index.js

@@ -1,61 +0,30 @@

import { $prefix, $props, $setup } from '@opentiny/vue-common';
import PCTemplate from './pc';
import MobileTemplate from './mobile';
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
})), keys.push.apply(keys, symbols);
}
return keys;
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
_defineProperty(target, key, source[key]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
function _defineProperty(obj, key, value) {
key = _toPropertyKey(key);
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _toPrimitive(input, hint) {
if (typeof input !== "object" || input === null) return input;
var prim = input[Symbol.toPrimitive];
if (prim !== undefined) {
var res = prim.call(input, hint || "default");
if (typeof res !== "object") return res;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return (hint === "string" ? String : Number)(input);
}
function _toPropertyKey(arg) {
var key = _toPrimitive(arg, "string");
return typeof key === "symbol" ? key : String(key);
}
import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";
import MobileTemplate from "./mobile.js";
var template = function template2(mode) {
if ("mobile" === (process.env.TINY_MODE || mode))
return MobileTemplate;
else
return PcTemplate;
};
var $constants = {
INPUT_PC: 'tiny-input__',
INPUTGROUP_PC: 'tiny-input-group__',
INPUT_MOBILE: 'tiny-mobile-input__',
INPUTGROUP_MOBILE: 'tiny-mobile-input-group__',
Mode: 'pc',
INPUT_PC: "tiny-input__",
INPUTGROUP_PC: "tiny-input-group__",
INPUT_MOBILE: "tiny-mobile-input__",
INPUTGROUP_MOBILE: "tiny-mobile-input-group__",
Mode: "pc",
inputMode: function inputMode(mode) {

@@ -68,17 +37,14 @@ return mode === this.Mode ? this.INPUT_PC : this.INPUT_MOBILE;

VALIDATE_ICON: {
Validating: 'tiny-icon-loading',
Success: 'tiny-icon-circle-check',
Error: 'tiny-icon-circle-close'
Validating: "tiny-icon-loading",
Success: "tiny-icon-circle-check",
Error: "tiny-icon-circle-close"
},
COMPONENT_NAME: {
FormItem: 'FormItem'
FormItem: "FormItem"
}
};
var template = function template(mode) {
if (process.env.TINY_MODE === 'pc') return PCTemplate;else if (process.env.TINY_MODE === 'mobile') return MobileTemplate;else return mode === 'mobile' ? MobileTemplate : PCTemplate;
};
var Input = {
name: $prefix + 'Input',
var Input = defineComponent({
name: $prefix + "Input",
inheritAttrs: false,
props: _objectSpread2(_objectSpread2({}, $props), {}, {
props: _extends({}, $props, {
_constants: {

@@ -98,3 +64,3 @@ type: Object,

type: String,
default: '1'
default: "1"
},

@@ -108,3 +74,3 @@ disabled: Boolean,

type: String,
default: 'text'
default: "text"
},

@@ -117,3 +83,3 @@ vertical: {

type: Array,
default: function _default() {
default: function _default2() {
return [];

@@ -141,3 +107,3 @@ }

type: String,
default: 'off'
default: "off"
},

@@ -160,5 +126,6 @@ showPassword: {

},
// mobile特有属性
textareaTitle: {
type: String,
default: '标题'
default: "标题"
}

@@ -168,18 +135,19 @@ }),

return $setup({
props: props,
context: context,
template: template
props,
context,
template
});
}
};
});
var version = "3.7.0";
Input.model = {
prop: 'modelValue',
event: 'update:modelValue'
prop: "modelValue",
event: "update:modelValue"
};
Input.install = function (Vue) {
Input.install = function(Vue) {
Vue.component(Input.name, Input);
};
Input.version = '3.6.0';
export { Input as default };
Input.version = version;
export {
Input as default
};

520

lib/mobile.js

@@ -1,37 +0,55 @@

import { renderless, api } from '@opentiny/vue-renderless/input/vue';
import { setup, props } from '@opentiny/vue-common';
import { iconOperationfaild, iconChevronRight, iconEyeopen } from '@opentiny/vue-icon';
import ActionSheet from '@opentiny/vue-action-sheet';
import '@opentiny/vue-theme-mobile/input/index.css';
import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createCommentVNode, mergeProps, createBlock, resolveDynamicComponent, createElementVNode, withModifiers, toDisplayString, normalizeStyle, createVNode } from 'vue';
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
import { renderless, api } from "@opentiny/vue-renderless/input/vue";
import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
import { iconOperationfaild, iconChevronRight, iconEyeopen } from "@opentiny/vue-icon";
import ActionSheet from "@opentiny/vue-action-sheet";
import "@opentiny/vue-theme-mobile/input/index.css";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createCommentVNode, renderSlot, mergeProps, createBlock, resolveDynamicComponent, createElementVNode, withModifiers, toDisplayString, normalizeStyle, createVNode } from "vue";
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)
o = it;
var i = 0;
return function() {
if (i >= o.length)
return { done: true };
return { done: false, value: o[i++] };
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
if (n === "Object" && o.constructor)
n = o.constructor.name;
if (n === "Map" || n === "Set")
return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
if (len == null || len > arr.length)
len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++)
arr2[i] = arr[i];
return arr2;
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var _export_sfc = function _export_sfc2(sfc, props) {
var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
target[key] = val;
}
return target;
};
var script = {
var _sfc_main = /* @__PURE__ */ defineComponent({
inheritAttrs: false,
emits: ['update:modelValue', 'change', 'clear', 'focus', 'blur', 'keyup', 'keydown', 'paste', 'mouseenter', 'mouseleave'],
emits: ["update:modelValue", "change", "clear", "focus", "blur", "keyup", "keydown", "paste", "mouseenter", "mouseleave"],
components: {

@@ -43,13 +61,12 @@ IconOperationfaild: iconOperationfaild(),

},
props: [].concat(_toConsumableArray(props), ['name', 'form', 'selectMenu', 'labelWidth', 'mobileTips', 'isSelect', 'type', 'label', 'modelValue', 'disabled', 'readonly', 'clearable', 'maxlength', 'suffixIcon', 'prefixIcon', 'autocomplete', 'showPassword', 'validateEvent', 'showWordLimit', 'showTitle', 'textareaTitle', 'counter', 'autosize', 'tabindex']),
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
renderless: renderless,
api: api
props: [].concat(props, ["name", "form", "selectMenu", "labelWidth", "mobileTips", "isSelect", "type", "label", "modelValue", "disabled", "readonly", "clearable", "maxlength", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit", "showTitle", "textareaTitle", "counter", "autosize", "tabindex"]),
setup: function setup(props2, context) {
return _setup({
props: props2,
context,
renderless,
api
});
}
};
});
var _hoisted_1 = {

@@ -104,3 +121,3 @@ key: 0,

};
function render(_ctx, _cache, $props, $setup, $data, $options) {
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_icon_operationfaild = resolveComponent("icon-operationfaild");

@@ -110,186 +127,247 @@ var _component_icon_eyeopen = resolveComponent("icon-eyeopen");

var _component_tiny_action_sheet = resolveComponent("tiny-action-sheet");
return openBlock(), createElementBlock("div", {
class: normalizeClass([$props.type === 'textarea' ? 'tiny-mobile-textarea' : 'tiny-mobile-input', _ctx.state.inputSize ? 'tiny-mobile-input-' + _ctx.state.inputSize : '', {
'is-disabled': _ctx.state.inputDisabled,
'is-exceed': _ctx.state.inputExceed,
'is-showtitle': $props.showTitle && $props.type === 'textarea',
'is-showcontent': _ctx.slots.content && $props.type === 'textarea',
'is-showlimit': _ctx.state.isWordLimitVisible && $props.type === 'textarea',
'tiny-mobile-input-group': _ctx.slots.prepend || _ctx.slots.append,
'tiny-mobile-input-group-append': _ctx.slots.append,
'tiny-mobile-input-group-prepend': _ctx.slots.prepend,
'tiny-mobile-input-prefix': _ctx.slots.prefix || $props.prefixIcon,
'tiny-mobile-input-suffix': _ctx.slots.suffix || $props.suffixIcon || $props.clearable || $props.showPassword
}]),
onMouseenter: _cache[27] || (_cache[27] = function ($event) {
return _ctx.state.hovering = true;
}),
onMouseleave: _cache[28] || (_cache[28] = function ($event) {
return _ctx.state.hovering = false;
})
}, [$props.type !== 'textarea' && $props.type !== 'form' ? (openBlock(), createElementBlock(Fragment, {
key: 0
}, [_ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("", true), $props.type !== 'textarea' ? (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input",
name: $props.name
}, _ctx.a(_ctx.$attrs, ['size', 'class', 'style', '^on\w+']), {
class: "tiny-mobile-input__inner",
tabindex: $props.tabindex,
type: $props.showPassword ? _ctx.state.passwordVisible ? 'text' : 'password' : $props.type,
disabled: _ctx.state.inputDisabled,
readonly: $props.readonly,
autocomplete: $props.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function () {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function () {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function () {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function () {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function () {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function () {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function () {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": $props.label
}), null, 16, _hoisted_2)) : createCommentVNode("", true), _ctx.slots.prefix || $props.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prefix"), $props.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent($props.prefixIcon), {
key: 0,
class: "tiny-mobile-input__icon"
})) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, {
key: 0
}, [renderSlot(_ctx.$slots, "suffix"), $props.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent($props.suffixIcon), {
key: 0,
class: "tiny-mobile-input__icon"
})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_operationfaild, {
key: 1,
class: "tiny-mobile-input__icon tiny-mobile-input__clear",
onMousedown: _cache[7] || (_cache[7] = withModifiers(function () {}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("", true), _ctx.state.showPwdVisible ? (openBlock(), createBlock(_component_icon_eyeopen, {
key: 2,
class: "tiny-mobile-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(_ctx.state.showWordLimit ? "".concat(_ctx.state.textLength, "/").concat(_ctx.state.upperLimit) : _ctx.state.textLength), 1)])) : createCommentVNode("", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock("i", {
key: 0,
class: normalizeClass(["tiny-mobile-input__icon", ['tiny-mobile-input__validateIcon', _ctx.validateIcon]])
}, null, 2)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), $props.type === 'form' ? (openBlock(), createElementBlock(Fragment, {
key: 1
}, [createElementVNode("div", _hoisted_9, [$props.isSelect ? (openBlock(), createElementBlock("div", {
key: 0,
class: "tiny-mobile-input-form__select",
onClick: _cache[10] || (_cache[10] = function () {
return _ctx.showBox && _ctx.showBox.apply(_ctx, arguments);
})
}, [createElementVNode("input", mergeProps({
type: "text",
disabled: _ctx.state.inputDisabled,
value: _ctx.state.checkedLable
}, _ctx.a(_ctx.$attrs, ['size', 'class', 'style', '^on[A-Z]']), {
onInput: _cache[8] || (_cache[8] = function () {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
name: $props.name,
onChange: _cache[9] || (_cache[9] = function () {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": $props.label,
readonly: "",
class: "tiny-mobile-input-form__input tiny-mobile-input__inner",
tabindex: $props.tabindex
}), null, 16, _hoisted_10), createElementVNode("div", {
class: "tiny-mobile-input-form__icon",
style: normalizeStyle({
transform: _ctx.state.boxVisibility ? 'rotate(90deg)' : 'none'
})
}, [createVNode(_component_IconChevronRight)], 4)])) : (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input"
}, _ctx.a(_ctx.$attrs, ['size', 'class', 'style', '^on[A-Z]']), {
type: $props.showPassword ? _ctx.state.passwordVisible ? 'text' : 'password' : 'text',
name: $props.name,
class: "tiny-mobile-input-form__input tiny-mobile-input__inner",
tabindex: $props.tabindex,
disabled: _ctx.state.inputDisabled,
readonly: $props.readonly,
onCompositionstart: _cache[11] || (_cache[11] = function () {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[12] || (_cache[12] = function () {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[13] || (_cache[13] = function () {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[14] || (_cache[14] = function () {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[15] || (_cache[15] = function () {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[16] || (_cache[16] = function () {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[17] || (_cache[17] = function () {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": $props.label
}), null, 16, _hoisted_11)), createVNode(_component_tiny_action_sheet, {
modelValue: _ctx.state.sheetvalue,
"onUpdate:modelValue": _cache[18] || (_cache[18] = function ($event) {
return _ctx.state.sheetvalue = $event;
}),
menus: $props.selectMenu,
ellipsis: "",
visible: _ctx.state.boxVisibility,
"onUpdate:visible": _cache[19] || (_cache[19] = function ($event) {
return _ctx.state.boxVisibility = $event;
})
}, null, 8, ["modelValue", "menus", "visible"])]), $props.mobileTips ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString($props.mobileTips), 1)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), $props.showTitle && $props.type === 'textarea' ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString($props.textareaTitle), 1)) : createCommentVNode("", true), _ctx.slots.content && $props.type === 'textarea' ? (openBlock(), createElementBlock("div", _hoisted_14, [renderSlot(_ctx.$slots, "content")])) : createCommentVNode("", true), $props.type === 'textarea' ? (openBlock(), createElementBlock("textarea", mergeProps({
key: 4,
ref: "textarea",
name: $props.name
}, _ctx.a(_ctx.$attrs, ['type', 'class', 'style', '^on[A-Z]']), {
class: "tiny-mobile-textarea__inner",
tabindex: $props.tabindex,
onCompositionstart: _cache[20] || (_cache[20] = function () {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[21] || (_cache[21] = function () {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[22] || (_cache[22] = function () {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[23] || (_cache[23] = function () {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
disabled: _ctx.state.inputDisabled,
readonly: $props.readonly,
autocomplete: $props.autocomplete,
style: _ctx.state.textareaStyle,
onFocus: _cache[24] || (_cache[24] = function () {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[25] || (_cache[25] = function () {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[26] || (_cache[26] = function () {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": $props.label
}), "\r\n ", 16, _hoisted_15)) : createCommentVNode("", true), _ctx.state.isWordLimitVisible && $props.type === 'textarea' ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(_ctx.state.showWordLimit ? "".concat(_ctx.state.textLength, "/").concat(_ctx.state.upperLimit) : _ctx.state.textLength), 1)) : createCommentVNode("", true)], 34);
return openBlock(), createElementBlock(
"div",
{
class: normalizeClass([_ctx.type === "textarea" ? "tiny-mobile-textarea" : "tiny-mobile-input", _ctx.state.inputSize ? "tiny-mobile-input-" + _ctx.state.inputSize : "", {
"is-disabled": _ctx.state.inputDisabled,
"is-exceed": _ctx.state.inputExceed,
"is-showtitle": _ctx.showTitle && _ctx.type === "textarea",
"is-showcontent": _ctx.slots.content && _ctx.type === "textarea",
"is-showlimit": _ctx.state.isWordLimitVisible && _ctx.type === "textarea",
"tiny-mobile-input-group": _ctx.slots.prepend || _ctx.slots.append,
"tiny-mobile-input-group-append": _ctx.slots.append,
"tiny-mobile-input-group-prepend": _ctx.slots.prepend,
"tiny-mobile-input-prefix": _ctx.slots.prefix || _ctx.prefixIcon,
"tiny-mobile-input-suffix": _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword
}]),
onMouseenter: _cache[27] || (_cache[27] = function($event) {
return _ctx.state.hovering = true;
}),
onMouseleave: _cache[28] || (_cache[28] = function($event) {
return _ctx.state.hovering = false;
})
},
[_ctx.type !== "textarea" && _ctx.type !== "form" ? (openBlock(), createElementBlock(
Fragment,
{
key: 0
},
[createCommentVNode(" 前置元素 "), _ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), _ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input",
name: _ctx.name
}, _ctx.a(_ctx.$attrs, ["size", "class", "style", "^onw+"]), {
class: "tiny-mobile-input__inner",
tabindex: _ctx.tabindex,
type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
autocomplete: _ctx.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), null, 16, _hoisted_2)) : createCommentVNode("v-if", true), createCommentVNode(" 前置内容 "), _ctx.slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon), {
key: 0,
class: "tiny-mobile-input__icon"
})) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), createCommentVNode(" 后置内容 "), _ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
Fragment,
{
key: 0
},
[renderSlot(_ctx.$slots, "suffix"), _ctx.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon), {
key: 0,
class: "tiny-mobile-input__icon"
})) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_operationfaild, {
key: 1,
class: "tiny-mobile-input__icon tiny-mobile-input__clear",
onMousedown: _cache[7] || (_cache[7] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.showPwdVisible ? (openBlock(), createBlock(_component_icon_eyeopen, {
key: 2,
class: "tiny-mobile-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_6, [createElementVNode(
"span",
_hoisted_7,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
"i",
{
key: 0,
class: normalizeClass(["tiny-mobile-input__icon", ["tiny-mobile-input__validateIcon", _ctx.validateIcon]])
},
null,
2
/* CLASS */
)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), createCommentVNode(" 后置元素 "), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.type === "form" ? (openBlock(), createElementBlock(
Fragment,
{
key: 1
},
[createElementVNode("div", _hoisted_9, [_ctx.isSelect ? (openBlock(), createElementBlock("div", {
key: 0,
class: "tiny-mobile-input-form__select",
onClick: _cache[10] || (_cache[10] = function() {
return _ctx.showBox && _ctx.showBox.apply(_ctx, arguments);
})
}, [createElementVNode("input", mergeProps({
type: "text",
disabled: _ctx.state.inputDisabled,
value: _ctx.state.checkedLable
}, _ctx.a(_ctx.$attrs, ["size", "class", "style", "^on[A-Z]"]), {
onInput: _cache[8] || (_cache[8] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
name: _ctx.name,
onChange: _cache[9] || (_cache[9] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label,
readonly: "",
class: "tiny-mobile-input-form__input tiny-mobile-input__inner",
tabindex: _ctx.tabindex
}), null, 16, _hoisted_10), createElementVNode(
"div",
{
class: "tiny-mobile-input-form__icon",
style: normalizeStyle({
transform: _ctx.state.boxVisibility ? "rotate(90deg)" : "none"
})
},
[createVNode(_component_IconChevronRight)],
4
/* STYLE */
)])) : (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input"
}, _ctx.a(_ctx.$attrs, ["size", "class", "style", "^on[A-Z]"]), {
type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : "text",
name: _ctx.name,
class: "tiny-mobile-input-form__input tiny-mobile-input__inner",
tabindex: _ctx.tabindex,
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
onCompositionstart: _cache[11] || (_cache[11] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[12] || (_cache[12] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[13] || (_cache[13] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[14] || (_cache[14] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[15] || (_cache[15] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[16] || (_cache[16] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[17] || (_cache[17] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), null, 16, _hoisted_11)), createVNode(_component_tiny_action_sheet, {
modelValue: _ctx.state.sheetvalue,
"onUpdate:modelValue": _cache[18] || (_cache[18] = function($event) {
return _ctx.state.sheetvalue = $event;
}),
menus: _ctx.selectMenu,
ellipsis: "",
visible: _ctx.state.boxVisibility,
"onUpdate:visible": _cache[19] || (_cache[19] = function($event) {
return _ctx.state.boxVisibility = $event;
})
}, null, 8, ["modelValue", "menus", "visible"])]), _ctx.mobileTips ? (openBlock(), createElementBlock(
"div",
_hoisted_12,
toDisplayString(_ctx.mobileTips),
1
/* TEXT */
)) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.showTitle && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
"div",
_hoisted_13,
toDisplayString(_ctx.textareaTitle),
1
/* TEXT */
)) : createCommentVNode("v-if", true), _ctx.slots.content && _ctx.type === "textarea" ? (openBlock(), createElementBlock("div", _hoisted_14, [renderSlot(_ctx.$slots, "content")])) : createCommentVNode("v-if", true), _ctx.type === "textarea" ? (openBlock(), createElementBlock("textarea", mergeProps({
key: 4,
ref: "textarea",
name: _ctx.name
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
class: "tiny-mobile-textarea__inner",
tabindex: _ctx.tabindex,
onCompositionstart: _cache[20] || (_cache[20] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[21] || (_cache[21] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[22] || (_cache[22] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[23] || (_cache[23] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
autocomplete: _ctx.autocomplete,
style: _ctx.state.textareaStyle,
onFocus: _cache[24] || (_cache[24] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[25] || (_cache[25] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[26] || (_cache[26] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), "\n ", 16, _hoisted_15)) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
"span",
_hoisted_16,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)) : createCommentVNode("v-if", true)],
34
/* CLASS, HYDRATE_EVENTS */
);
}
script.render = render;
export { script as default };
var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
mobile as default
};

505

lib/pc.js

@@ -1,65 +0,55 @@

import { renderless as renderless$1, api as api$1 } from '@opentiny/vue-renderless/input/vue';
import { $prefix, setup, props } from '@opentiny/vue-common';
import { renderless, api } from '@opentiny/vue-renderless/tall-storage/vue';
import { openBlock, createElementBlock, createElementVNode, withKeys, Fragment, renderList, normalizeClass, toDisplayString, resolveComponent, normalizeStyle, renderSlot, createCommentVNode, mergeProps, createBlock, resolveDynamicComponent, createVNode, Transition, withCtx, withModifiers } from 'vue';
import { iconClose, iconEyeopen, iconEyeclose } from '@opentiny/vue-icon';
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
import { renderless as renderless$1, api as api$1 } from "@opentiny/vue-renderless/input/vue";
import { $prefix, setup as _setup, defineComponent, props } from "@opentiny/vue-common";
import { renderless, api } from "@opentiny/vue-renderless/tall-storage/vue";
import "@opentiny/vue-theme/tall-storage/index.css";
import { openBlock, createElementBlock, createElementVNode, withKeys, Fragment, renderList, normalizeClass, toDisplayString, resolveComponent, normalizeStyle, createCommentVNode, renderSlot, mergeProps, createBlock, resolveDynamicComponent, createVNode, Transition, withCtx, withModifiers } from "vue";
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)
o = it;
var i = 0;
return function() {
if (i >= o.length)
return { done: true };
return { done: false, value: o[i++] };
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
if (n === "Object" && o.constructor)
n = o.constructor.name;
if (n === "Map" || n === "Set")
return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
if (len == null || len > arr.length)
len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++)
arr2[i] = arr[i];
return arr2;
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') { return; }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
var _export_sfc = function _export_sfc2(sfc, props) {
var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
target[key] = val;
}
return target;
};
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z$1 = ".tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-base-color-light);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal);--ti-tall-storage-item-height:var(--ti-base-size-height-minor);--ti-tall-storage-item-bg-color:var(--ti-base-color-hover-background);position:relative;margin-top:2px}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-base-box-shadow);box-shadow:var(--ti-base-box-shadow);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}";
styleInject(css_248z$1);
var script$1 = {
name: $prefix + 'TallStorage',
import { iconClose, iconEyeopen, iconEyeclose } from "@opentiny/vue-icon";
import "@opentiny/vue-theme/input/index.css";
var _sfc_main$1 = {
name: $prefix + "TallStorage",
inheritAttrs: false,

@@ -70,8 +60,8 @@ props: {

},
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
renderless: renderless,
api: api,
setup: function setup(props2, context) {
return _setup({
props: props2,
context,
renderless,
api,
mono: true

@@ -81,3 +71,2 @@ });

};
var _hoisted_1$1 = {

@@ -87,32 +76,45 @@ class: "tiny-storage-list-style"

var _hoisted_2$1 = ["onClick"];
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: "tiny-tall-storage",
onMousedown: _cache[1] || (_cache[1] = function () {
return _ctx.mousedown && _ctx.mousedown.apply(_ctx, arguments);
})
}, [createElementVNode("div", _hoisted_1$1, [createElementVNode("ul", {
onKeydown: _cache[0] || (_cache[0] = withKeys(function () {
return _ctx.keydownEvent && _ctx.keydownEvent.apply(_ctx, arguments);
}, ["enter"])),
class: "tiny-storage-list"
}, [(openBlock(true), createElementBlock(Fragment, null, renderList($props.localstorageData, function (item) {
return openBlock(), createElementBlock("li", {
key: item,
class: normalizeClass(["tiny-storage-item", [_ctx.state.hoverValue === item ? 'item-hover' : '']]),
onClick: function onClick($event) {
return _ctx.selectItem(item);
}
}, toDisplayString(item), 11, _hoisted_2$1);
}), 128))], 32)])], 32);
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock(
"div",
{
class: "tiny-tall-storage",
onMousedown: _cache[1] || (_cache[1] = function() {
return _ctx.mousedown && _ctx.mousedown.apply(_ctx, arguments);
})
},
[createElementVNode("div", _hoisted_1$1, [createElementVNode(
"ul",
{
onKeydown: _cache[0] || (_cache[0] = withKeys(function() {
return _ctx.keydownEvent && _ctx.keydownEvent.apply(_ctx, arguments);
}, ["enter"])),
class: "tiny-storage-list"
},
[(openBlock(true), createElementBlock(
Fragment,
null,
renderList($props.localstorageData, function(item) {
return openBlock(), createElementBlock("li", {
key: item,
class: normalizeClass(["tiny-storage-item", [_ctx.state.hoverValue === item ? "item-hover" : ""]]),
onClick: function onClick($event) {
return _ctx.selectItem(item);
}
}, toDisplayString(item), 11, _hoisted_2$1);
}),
128
/* KEYED_FRAGMENT */
))],
32
/* HYDRATE_EVENTS */
)])],
32
/* HYDRATE_EVENTS */
);
}
script$1.render = render$1;
var css_248z = ".tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-textarea{--ti-input-text-color:var(--ti-base-color-info-normal);--ti-input-bg-color:var(--ti-base-color-light);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-base-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-base-color-border);--ti-input-hover-border-color:var(--ti-base-color-border-hover);--ti-input-active-border-color:var(--ti-base-color-brand-5);--ti-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-input-disabled-text-color:var(--ti-base-color-placeholder);--ti-input-medium-height:var(--ti-base-size-height-medium);--ti-input-small-height:var(--ti-base-size-height-small);--ti-input-mini-height:var(--ti-base-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-base-color-bg-8);--ti-input-clear-text-color:#c0c4cc;--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:#bfbfbf;--ti-input-clear-text-color-hover:var(--ti-base-color-brand-6);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--ti-input-font-size)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--ti-input-disabled-bg-color);border-color:var(--ti-input-border-color);color:var(--ti-input-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--ti-input-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--ti-input-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--ti-input-exceed-text-color)}.tiny-textarea .tiny-input__count{color:#909399;background:var(--ti-input-bg-color);font-size:var(--ti-input-font-size);position:absolute;bottom:5px;right:16px}.tiny-textarea__inner{display:block;width:100%;min-height:60px;min-height:calc(var(--ti-input-height,30px) * 2);color:var(--ti-input-text-color);border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);background:var(--ti-input-bg-color);padding:8px;line-height:1.5;font-size:inherit;resize:vertical;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-textarea__inner::-moz-placeholder{color:var(--ti-input-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--ti-input-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--ti-input-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}.tiny-input{--ti-input-text-color:var(--ti-base-color-info-normal);--ti-input-bg-color:var(--ti-base-color-light);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-base-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-base-color-border);--ti-input-hover-border-color:var(--ti-base-color-border-hover);--ti-input-active-border-color:var(--ti-base-color-brand-5);--ti-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-input-disabled-text-color:var(--ti-base-color-placeholder);--ti-input-medium-height:var(--ti-base-size-height-medium);--ti-input-small-height:var(--ti-base-size-height-small);--ti-input-mini-height:var(--ti-base-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-base-color-bg-8);--ti-input-clear-text-color:#c0c4cc;--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:#bfbfbf;--ti-input-clear-text-color-hover:var(--ti-base-color-brand-6);position:relative;font-size:var(--ti-input-font-size);display:inline-table;width:100%}.tiny-input::-webkit-scrollbar{z-index:11;width:6px}.tiny-input::-webkit-scrollbar:horizontal{height:6px}.tiny-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.tiny-input::-webkit-scrollbar-corner{background:#fff}.tiny-input::-webkit-scrollbar-track{background:#fff}.tiny-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.tiny-input.is-exceed .tiny-input__suffix .tiny-input__count{color:var(--ti-input-exceed-text-color)}.tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed;border:1px solid var(--ti-input-disabled-border-color);color:var(--ti-input-disabled-text-color);background:var(--ti-input-disabled-bg-color)}.tiny-input.is-disabled .tiny-input__inner::-moz-placeholder{color:#999;opacity:1}.tiny-input.is-disabled .tiny-input__inner:-ms-input-placeholder{color:#999}.tiny-input.is-disabled .tiny-input__inner::-webkit-input-placeholder{color:#999}.tiny-input.is-disabled .tiny-input__inner::-ms-input-placeholder{color:#999}.tiny-input.is-disabled .tiny-input__inner::placeholder{color:#999}.tiny-input.is-disabled .tiny-input__icon{cursor:not-allowed}.tiny-input.is-disabled .tiny-input__icon.tiny-svg,.tiny-input.is-disabled .tiny-input__icon.tiny-svg:hover{fill:var(--ti-input-disabled-text-color)}.tiny-input.is-disabled .tiny-input__prefix .tiny-svg,.tiny-input.is-disabled .tiny-input__prefix .tiny-svg:hover,.tiny-input.is-disabled .tiny-input__suffix .tiny-svg,.tiny-input.is-disabled .tiny-input__suffix .tiny-svg:hover{fill:var(--ti-input-disabled-text-color)}.tiny-input.is-exceed .tiny-input__inner{border-color:var(--ti-input-exceed-text-color)}.tiny-input .tiny-input__clear{font-size:var(--ti-input-icon-font-size);cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.tiny-input .tiny-input__clear,.tiny-input .tiny-input__clear:hover{fill:var(--ti-input-icon-close-text-color)}.tiny-input .tiny-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:var(--ti-input-font-size)}.tiny-input .tiny-input__count .tiny-input__count-inner{background:var(--ti-input-bg-color);line-height:initial;display:inline-block}.tiny-input__inner{width:100%;border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);color:var(--ti-input-text-color);background:var(--ti-input-bg-color);font-size:inherit;height:var(--ti-input-height);line-height:var(--ti-input-height);padding:0 8px;outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-input__inner::-moz-placeholder{color:var(--ti-input-placeholder-text-color);opacity:1}.tiny-input__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner:active,.tiny-input__inner:focus,.tiny-input__inner:hover{outline:0;border-color:var(--ti-input-hover-border-color)}.tiny-input__inner::-ms-clear{display:none;width:0;height:0}.tiny-input__prefix,.tiny-input__suffix{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s;transition:all .3s;text-align:center;color:var(--ti-input-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-input.is-active .tiny-input__inner,.tiny-input__inner:focus{border-color:var(--ti-input-active-border-color);outline:0}.tiny-input__suffix{right:8px;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.tiny-input__suffix:hover{cursor:pointer}.tiny-input__suffix-inner{pointer-events:all;font-size:var(--ti-common-font-size-1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-input__prefix{left:8px;-webkit-transition:all .3s;transition:all .3s;font-size:var(--ti-input-icon-font-size)}.tiny-input__prefix>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-input__icon{height:100%;line-height:var(--ti-input-height);text-align:center;-webkit-transition:all .3s;transition:all .3s;font-size:var(--ti-input-icon-font-size);fill:var(--ti-input-hover-border-color)}.tiny-input__icon:hover{fill:var(--ti-input-active-border-color)}.tiny-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.tiny-input__icon .svg-operationfaild,.tiny-input__icon .svg-operationfaild:hover{fill:var(--ti-input-icon-close-text-color)}.tiny-input__validateIcon{pointer-events:none}.tiny-input-suffix .tiny-input__inner{padding-right:30px;padding-left:8px}.tiny-input-prefix .tiny-input__inner{padding-left:30px;padding-right:28px}.tiny-input-medium .tiny-input__inner{height:var(--ti-input-medium-height);line-height:var(--ti-input-medium-height)}.tiny-input-medium .tiny-input__suffix{line-height:calc(var(--ti-input-medium-height) - 2px)}.tiny-input-small .tiny-input__inner{height:var(--ti-input-small-height);line-height:var(--ti-input-small-height)}.tiny-input-small .tiny-input__suffix{line-height:calc(var(--ti-input-small-height) - 2px)}.tiny-input-mini .tiny-input__inner{height:var(--ti-input-mini-height);line-height:var(--ti-input-mini-height)}.tiny-input-mini .tiny-input__suffix{line-height:calc(var(--ti-input-mini-height) - 2px)}.tiny-input-group{--ti-input-text-color:var(--ti-base-color-info-normal);--ti-input-bg-color:var(--ti-base-color-light);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-base-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-base-color-border);--ti-input-hover-border-color:var(--ti-base-color-border-hover);--ti-input-active-border-color:var(--ti-base-color-brand-5);--ti-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-input-disabled-text-color:var(--ti-base-color-placeholder);--ti-input-medium-height:var(--ti-base-size-height-medium);--ti-input-small-height:var(--ti-base-size-height-small);--ti-input-mini-height:var(--ti-base-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-base-color-bg-8);--ti-input-clear-text-color:#c0c4cc;--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:#bfbfbf;--ti-input-clear-text-color-hover:var(--ti-base-color-brand-6);line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.tiny-input-group>.tiny-input__inner{vertical-align:middle;display:table-cell}.tiny-input-group__append,.tiny-input-group__prepend{background-color:var(--ti-input-disabled-bg-color);color:var(--ti-input-placeholder-text-color);border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);padding:0 20px;width:1px;vertical-align:middle;display:table-cell;position:relative;white-space:nowrap}.tiny-input-group__append:focus,.tiny-input-group__prepend:focus{outline:0}.tiny-input-group__append .tiny-button,.tiny-input-group__append .tiny-select,.tiny-input-group__prepend .tiny-button,.tiny-input-group__prepend .tiny-select{display:inline-block;margin:-10px -20px}.tiny-input-group__append .tiny-button,.tiny-input-group__append .tiny-input,.tiny-input-group__prepend .tiny-button,.tiny-input-group__prepend .tiny-input{font-size:inherit}.tiny-input-group__append button.tiny-button,.tiny-input-group__append div.tiny-select .tiny-input__inner,.tiny-input-group__append div.tiny-select:hover .tiny-input__inner,.tiny-input-group__prepend button.tiny-button,.tiny-input-group__prepend div.tiny-select .tiny-input__inner,.tiny-input-group__prepend div.tiny-select:hover .tiny-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.tiny-input-group__append .tiny-select .tiny-input.is-focus .tiny-input__inner,.tiny-input-group__prepend .tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:transparent}.tiny-input-group-prepend .tiny-input__inner,.tiny-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.tiny-input-group-append .tiny-input__suffix{top:calc(50% - 7px)}.tiny-input-group-append .tiny-input__inner,.tiny-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.tiny-input-group__prepend{border-right:0}.tiny-input-group__append{border-left:0}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;vertical-align:text-top;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}";
styleInject(css_248z);
var script = {
var TinyTallStorage = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
var _sfc_main = /* @__PURE__ */ defineComponent({
inheritAttrs: false,
emits: ['update:modelValue', 'change', 'clear', 'focus', 'blur', 'keyup', 'input', 'keydown', 'paste', 'mouseenter', 'mouseleave', 'click'],
emits: ["update:modelValue", "change", "clear", "focus", "blur", "keyup", "input", "keydown", "paste", "mouseenter", "mouseleave", "click"],
components: {

@@ -122,9 +124,9 @@ IconClose: iconClose(),

IconEyeclose: iconEyeclose(),
TinyTallStorage: script$1
TinyTallStorage
},
props: [].concat(_toConsumableArray(props), ['name', 'size', 'form', 'type', 'label', 'modelValue', 'height', 'resize', 'counter', 'autosize', 'disabled', 'readonly', 'tabindex', 'clearable', 'suffixIcon', 'prefixIcon', 'autocomplete', 'showPassword', 'validateEvent', 'showWordLimit']),
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
props: [].concat(props, ["name", "size", "form", "type", "label", "modelValue", "height", "resize", "counter", "autosize", "disabled", "readonly", "tabindex", "clearable", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit"]),
setup: function setup2(props2, context) {
return _setup({
props: props2,
context,
renderless: renderless$1,

@@ -134,4 +136,3 @@ api: api$1

}
};
});
var _hoisted_1 = {

@@ -173,143 +174,181 @@ key: 0,

};
function render(_ctx, _cache, $props, $setup, $data, $options) {
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_tiny_tall_storage = resolveComponent("tiny-tall-storage");
var _component_icon_close = resolveComponent("icon-close");
return openBlock(), createElementBlock("div", {
class: normalizeClass([_ctx.$attrs.class, $props.type === 'textarea' ? 'tiny-textarea' : 'tiny-input', _ctx.state.inputSize ? 'tiny-input-' + _ctx.state.inputSize : '', {
'is-disabled': _ctx.state.inputDisabled,
'is-exceed': _ctx.state.inputExceed,
'tiny-input-group': _ctx.slots.prepend || _ctx.slots.append,
'tiny-input-group-append': _ctx.slots.append,
'tiny-input-group-prepend': _ctx.slots.prepend,
'tiny-input-prefix': _ctx.slots.prefix || $props.prefixIcon,
'tiny-input-suffix': _ctx.slots.suffix || $props.suffixIcon || $props.clearable || $props.showPassword
}]),
style: normalizeStyle(_ctx.$attrs.style),
onMouseenter: _cache[18] || (_cache[18] = function ($event) {
_ctx.state.hovering = true;
_ctx.$emit('mouseenter', $event);
}),
onMouseleave: _cache[19] || (_cache[19] = function ($event) {
_ctx.state.hovering = false;
_ctx.$emit('mouseleave', $event);
}),
onClick: _cache[20] || (_cache[20] = function ($event) {
return _ctx.$emit('click', $event);
})
}, [$props.type !== 'textarea' ? (openBlock(), createElementBlock(Fragment, {
key: 0
}, [_ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("", true), $props.type !== 'textarea' ? (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input",
name: $props.name
}, _ctx.a(_ctx.$attrs, ['type', 'class', 'style', '^on\w+']), {
class: "tiny-input__inner",
tabindex: $props.tabindex,
type: $props.showPassword ? _ctx.state.passwordVisible ? 'text' : 'password' : $props.type,
disabled: _ctx.state.inputDisabled,
readonly: $props.readonly,
unselectable: $props.readonly ? 'on' : 'off',
autocomplete: $props.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function () {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function () {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function () {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function () {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function () {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function () {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function () {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": $props.label,
onKeyup: _cache[7] || (_cache[7] = function ($event) {
return _ctx.$emit('keyup', $event);
}),
onKeydown: _cache[8] || (_cache[8] = function ($event) {
return _ctx.$emit('keydown', $event);
}),
onPaste: _cache[9] || (_cache[9] = function ($event) {
return _ctx.$emit('paste', $event);
})
}), null, 16, _hoisted_2)) : createCommentVNode("", true), _ctx.isMemoryStorage ? (openBlock(), createBlock(_component_tiny_tall_storage, {
key: 2,
name: $props.name,
"localstorage-data": _ctx.storageData,
"is-memory-storage": _ctx.isMemoryStorage,
onSelected: _ctx.selectedMemory
}, null, 8, ["name", "localstorage-data", "is-memory-storage", "onSelected"])) : createCommentVNode("", true), _ctx.slots.prefix || $props.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prefix"), $props.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent($props.prefixIcon), {
key: 0,
class: "tiny-svg-size tiny-input__icon"
})) : createCommentVNode("", true)])) : createCommentVNode("", true), createVNode(Transition, {
name: "tiny-transition-icon-out-in"
}, {
default: withCtx(function () {
return [_ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, {
return openBlock(), createElementBlock(
"div",
{
class: normalizeClass([_ctx.$attrs.class, _ctx.type === "textarea" ? "tiny-textarea" : "tiny-input", _ctx.state.inputSize ? "tiny-input-" + _ctx.state.inputSize : "", {
"is-disabled": _ctx.state.inputDisabled,
"is-exceed": _ctx.state.inputExceed,
"tiny-input-group": _ctx.slots.prepend || _ctx.slots.append,
"tiny-input-group-append": _ctx.slots.append,
"tiny-input-group-prepend": _ctx.slots.prepend,
"tiny-input-prefix": _ctx.slots.prefix || _ctx.prefixIcon,
"tiny-input-suffix": _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword
}]),
style: normalizeStyle(_ctx.$attrs.style),
onMouseenter: _cache[18] || (_cache[18] = function($event) {
_ctx.state.hovering = true;
_ctx.$emit("mouseenter", $event);
}),
onMouseleave: _cache[19] || (_cache[19] = function($event) {
_ctx.state.hovering = false;
_ctx.$emit("mouseleave", $event);
}),
onClick: _cache[20] || (_cache[20] = function($event) {
return _ctx.$emit("click", $event);
})
},
[_ctx.type !== "textarea" ? (openBlock(), createElementBlock(
Fragment,
{
key: 0
}, [renderSlot(_ctx.$slots, "suffix"), $props.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent($props.suffixIcon), {
key: 0,
class: "tiny-svg-size tiny-input__icon"
})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
},
[createCommentVNode(" 前置元素 "), _ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), _ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
key: 1,
class: "tiny-svg-size tiny-input__icon tiny-input__clear",
onMousedown: _cache[10] || (_cache[10] = withModifiers(function () {}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("", true), $props.showPassword ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.passwordVisible ? 'icon-eyeopen' : 'icon-eyeclose'), {
ref: "input",
name: _ctx.name
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^onw+"]), {
class: "tiny-input__inner",
tabindex: _ctx.tabindex,
type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
unselectable: _ctx.readonly ? "on" : "off",
autocomplete: _ctx.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label,
onKeyup: _cache[7] || (_cache[7] = function($event) {
return _ctx.$emit("keyup", $event);
}),
onKeydown: _cache[8] || (_cache[8] = function($event) {
return _ctx.$emit("keydown", $event);
}),
onPaste: _cache[9] || (_cache[9] = function($event) {
return _ctx.$emit("paste", $event);
})
}), null, 16, _hoisted_2)) : createCommentVNode("v-if", true), _ctx.isMemoryStorage ? (openBlock(), createBlock(_component_tiny_tall_storage, {
key: 2,
class: "tiny-svg-size tiny-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(_ctx.state.showWordLimit ? "".concat(_ctx.state.textLength, "/").concat(_ctx.state.upperLimit) : _ctx.state.textLength), 1)])) : createCommentVNode("", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock("i", {
name: _ctx.name,
"localstorage-data": _ctx.storageData,
"is-memory-storage": _ctx.isMemoryStorage,
onSelected: _ctx.selectedMemory
}, null, 8, ["name", "localstorage-data", "is-memory-storage", "onSelected"])) : createCommentVNode("v-if", true), createCommentVNode(" 前置内容 "), _ctx.slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon), {
key: 0,
class: normalizeClass(["tiny-input__icon", ['tiny-input__validateIcon', _ctx.validateIcon]])
}, null, 2)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
}),
_: 3
}), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("", true), _ctx.slots.panel ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "panel")])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("textarea", mergeProps({
key: 1,
ref: "textarea"
}, _ctx.a(_ctx.$attrs, ['type', 'class', 'style', '^on[A-Z]']), {
tabindex: $props.tabindex,
class: "tiny-textarea__inner",
onCompositionstart: _cache[11] || (_cache[11] = function () {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[12] || (_cache[12] = function () {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[13] || (_cache[13] = function () {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[14] || (_cache[14] = function () {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
disabled: _ctx.state.inputDisabled,
readonly: $props.readonly,
unselectable: $props.readonly ? 'on' : 'off',
autocomplete: $props.autocomplete,
style: _ctx.state.textareaStyle,
onFocus: _cache[15] || (_cache[15] = function () {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[16] || (_cache[16] = function () {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[17] || (_cache[17] = function () {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": $props.label
}), "\r\n ", 16, _hoisted_10)), _ctx.state.isWordLimitVisible && $props.type === 'textarea' ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(_ctx.state.showWordLimit ? "".concat(_ctx.state.textLength, "/").concat(_ctx.state.upperLimit) : _ctx.state.textLength), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 38);
class: "tiny-svg-size tiny-input__icon"
})) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), createCommentVNode(" 后置内容 "), createVNode(Transition, {
name: "tiny-transition-icon-out-in"
}, {
default: withCtx(function() {
return [_ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
Fragment,
{
key: 0
},
[renderSlot(_ctx.$slots, "suffix"), _ctx.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon), {
key: 0,
class: "tiny-svg-size tiny-input__icon"
})) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
key: 1,
class: "tiny-svg-size tiny-input__icon tiny-input__clear",
onMousedown: _cache[10] || (_cache[10] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.showPassword ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.passwordVisible ? "icon-eyeopen" : "icon-eyeclose"), {
key: 2,
class: "tiny-svg-size tiny-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_6, [createElementVNode(
"span",
_hoisted_7,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
"i",
{
key: 0,
class: normalizeClass(["tiny-input__icon", ["tiny-input__validateIcon", _ctx.validateIcon]])
},
null,
2
/* CLASS */
)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)];
}),
_: 3
/* FORWARDED */
}), createCommentVNode(" 后置元素 "), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true), createCommentVNode(" Panel弹窗（例如时间组件的非范围选择窗口） "), _ctx.slots.panel ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "panel")])) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : (openBlock(), createElementBlock("textarea", mergeProps({
key: 1,
ref: "textarea"
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
tabindex: _ctx.tabindex,
class: "tiny-textarea__inner",
onCompositionstart: _cache[11] || (_cache[11] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[12] || (_cache[12] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[13] || (_cache[13] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[14] || (_cache[14] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
unselectable: _ctx.readonly ? "on" : "off",
autocomplete: _ctx.autocomplete,
style: _ctx.state.textareaStyle,
onFocus: _cache[15] || (_cache[15] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[16] || (_cache[16] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[17] || (_cache[17] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), "\n ", 16, _hoisted_10)), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
"span",
_hoisted_11,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")],
38
/* CLASS, STYLE, HYDRATE_EVENTS */
);
}
script.render = render;
export { script as default };
var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
pc as default
};

24

package.json
{
"name": "@opentiny/vue-input",
"version": "3.6.0",
"version": "3.6.1-alpha.0",
"description": "",
"main": "lib/index.js",
"scripts": {
"lint": "eslint src/**/*{.js,.html,.vue} --quiet",
"build:ui2": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../build/build-ui.js",
"build:ui3": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../example/build/build-ui.js"
},
"main": "./lib/index.js",
"dependencies": {
"@opentiny/vue-action-sheet": "~3.6.0",
"@opentiny/vue-common": "~3.6.0",
"@opentiny/vue-icon": "~3.6.0",
"@opentiny/vue-renderless": "~3.6.0",
"@opentiny/vue-theme": "~3.6.0",
"@opentiny/vue-theme-mobile": "~3.6.0"
"@opentiny/vue-action-sheet": "~3.6.1-alpha.0",
"@opentiny/vue-common": "~3.6.1-alpha.0",
"@opentiny/vue-icon": "~3.6.1-alpha.0",
"@opentiny/vue-renderless": "~3.6.1-alpha.0"
},
"license": "MIT",
"types": "index.d.ts",
"sideEffects": false
"scripts": {
"build": "pnpm -w build:ui $npm_package_name",
"//postversion": "pnpm build"
}
}

60

src/index.d.ts

@@ -1,2 +0,2 @@

declare const _default: import("vue").DefineComponent<{
declare const _default: import("@vue/runtime-core").DefineComponent<{
_constants: {

@@ -34,4 +34,4 @@ type: ObjectConstructor;

readonly: BooleanConstructor;
suffixIcon: (ObjectConstructor | StringConstructor)[];
prefixIcon: (ObjectConstructor | StringConstructor)[];
suffixIcon: (StringConstructor | ObjectConstructor)[];
prefixIcon: (StringConstructor | ObjectConstructor)[];
modelValue: (StringConstructor | NumberConstructor)[];

@@ -60,3 +60,3 @@ type: {

autosize: {
type: (ObjectConstructor | BooleanConstructor)[];
type: (BooleanConstructor | ObjectConstructor)[];
default: boolean;

@@ -92,11 +92,5 @@ };

};
rows: {
type: NumberConstructor;
default: number;
};
placeholder: {
type: StringConstructor;
default: string;
};
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "focus" | "blur")[], "input" | "change" | "clear" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
_constants: {

@@ -134,4 +128,4 @@ type: ObjectConstructor;

readonly: BooleanConstructor;
suffixIcon: (ObjectConstructor | StringConstructor)[];
prefixIcon: (ObjectConstructor | StringConstructor)[];
suffixIcon: (StringConstructor | ObjectConstructor)[];
prefixIcon: (StringConstructor | ObjectConstructor)[];
modelValue: (StringConstructor | NumberConstructor)[];

@@ -160,3 +154,3 @@ type: {

autosize: {
type: (ObjectConstructor | BooleanConstructor)[];
type: (BooleanConstructor | ObjectConstructor)[];
default: boolean;

@@ -192,37 +186,21 @@ };

};
rows: {
type: NumberConstructor;
default: number;
};
placeholder: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
}, {
}>>, {
type: string;
tabindex: string;
disabled: boolean;
_constants: Record<string, any>;
type: string;
readonly: boolean;
vertical: boolean;
selectMenu: unknown[];
vertical: boolean;
isSelect: boolean;
disabled: boolean;
readonly: boolean;
counter: boolean;
autosize: boolean | Record<string, any>;
clearable: boolean;
autocomplete: string;
showPassword: boolean;
validateEvent: boolean;
showWordLimit: boolean;
showTitle: boolean;
validateEvent: boolean;
textareaTitle: string;
counter: boolean;
autosize: boolean | Record<string, any>;
tabindex: string;
rows: number;
placeholder: string;
}>;
export default _default;

17

src/mobile.vue.d.ts

@@ -1,6 +0,5 @@

import '@opentiny/vue-theme-mobile/input/index.css';
declare const _default: import("vue").DefineComponent<Readonly<{
declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
[x: string]: any;
}>, {
t: any;
t: (this: any, path: any, options?: any) => any;
vm: any;

@@ -11,18 +10,18 @@ f: (props: any, attrs?: {}) => {};

dp: (props: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "focus" | "blur" | "keyup" | "keydown" | "paste" | "mouseenter" | "mouseleave")[], "update:modelValue" | "change" | "clear" | "focus" | "blur" | "keyup" | "keydown" | "paste" | "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "mouseenter" | "update:modelValue" | "change" | "clear" | "blur" | "keydown" | "mouseleave" | "keyup" | "paste")[], "focus" | "mouseenter" | "update:modelValue" | "change" | "clear" | "blur" | "keydown" | "mouseleave" | "keyup" | "paste", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
[x: string]: any;
}>>> & {
onMouseenter?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onPaste?: ((...args: any[]) => any) | undefined;
onKeydown?: ((...args: any[]) => any) | undefined;
onKeyup?: ((...args: any[]) => any) | undefined;
onKeydown?: ((...args: any[]) => any) | undefined;
onPaste?: ((...args: any[]) => any) | undefined;
onMouseenter?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
}, {
[x: string]: any;
}>;
export default _default;
export default _sfc_main;

21

src/pc.vue.d.ts

@@ -1,6 +0,5 @@

import '@opentiny/vue-theme/input/index.css';
declare const _default: import("vue").DefineComponent<Readonly<{
declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
[x: string]: any;
}>, {
t: any;
t: (this: any, path: any, options?: any) => any;
vm: any;

@@ -11,20 +10,20 @@ f: (props: any, attrs?: {}) => {};

dp: (props: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "clear" | "focus" | "blur" | "keyup" | "keydown" | "paste" | "mouseenter" | "mouseleave" | "click")[], "input" | "update:modelValue" | "change" | "clear" | "focus" | "blur" | "keyup" | "keydown" | "paste" | "mouseenter" | "mouseleave" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "mouseenter" | "update:modelValue" | "change" | "clear" | "blur" | "input" | "keydown" | "mouseleave" | "keyup" | "paste")[], "click" | "focus" | "mouseenter" | "update:modelValue" | "change" | "clear" | "blur" | "input" | "keydown" | "mouseleave" | "keyup" | "paste", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
[x: string]: any;
}>>> & {
onInput?: ((...args: any[]) => any) | undefined;
onMouseenter?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
onClick?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onPaste?: ((...args: any[]) => any) | undefined;
onKeydown?: ((...args: any[]) => any) | undefined;
onKeyup?: ((...args: any[]) => any) | undefined;
onKeydown?: ((...args: any[]) => any) | undefined;
onPaste?: ((...args: any[]) => any) | undefined;
onMouseenter?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onClick?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
}, {
[x: string]: any;
}>;
export default _default;
export default _sfc_main;

41

src/tall-storage.vue.d.ts

@@ -1,24 +0,17 @@

import '@opentiny/vue-theme/tall-storage/index.css';
declare const _default: import("vue").DefineComponent<{
isMemoryStorage: BooleanConstructor;
localstorageData: ArrayConstructor;
}, {
t: any;
vm: any;
f: (props: any, attrs?: {}) => {};
a: (attrs: any, filters: any, include: any) => {};
d: (props: any) => void;
dp: (props: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "focus" | "blur")[], "input" | "change" | "clear" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
isMemoryStorage: BooleanConstructor;
localstorageData: ArrayConstructor;
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
}, {
isMemoryStorage: boolean;
}>;
export default _default;
declare const _sfc_main: {
name: string;
inheritAttrs: boolean;
props: {
isMemoryStorage: BooleanConstructor;
localstorageData: ArrayConstructor;
};
setup(props: any, context: any): {
t: (this: any, path: any, options?: any) => any;
vm: any;
f: (props: any, attrs?: {}) => {};
a: (attrs: any, filters: any, include: any) => {};
d: (props: any) => void;
dp: (props: any) => void;
};
};
export default _sfc_main;
lib/tall-storage.js
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc