diff --git a/components/input/demos/js-demo/index.html b/components/input/demos/js-demo/index.html index c3f9ea6d8..11970db5d 100644 --- a/components/input/demos/js-demo/index.html +++ b/components/input/demos/js-demo/index.html @@ -24,54 +24,54 @@
- +
- +
- +
- +
- +
- + - + - + - +
- + - + - + - +
- + diff --git a/components/input/src/index.css b/components/input/src/index.css index 078626658..1e1446250 100644 --- a/components/input/src/index.css +++ b/components/input/src/index.css @@ -1,6 +1,9 @@ :host { display: inline-block; } +:host([block]) { + display: block; } + .o-textarea { position: relative; display: inline-block; @@ -395,3 +398,7 @@ position: absolute; top: 0px; right: 4px; } + +.o-input.is-block { + display: block; + width: 100%; } diff --git a/components/input/src/index.esm.js b/components/input/src/index.esm.js index 0518143e1..d437be8a5 100644 --- a/components/input/src/index.esm.js +++ b/components/input/src/index.esm.js @@ -71,6 +71,9 @@ function __decorate(decorators, target, key, desc) { var css = `:host { display: inline-block; } +:host([block]) { + display: block; } + .o-textarea { position: relative; display: inline-block; @@ -465,6 +468,10 @@ var css = `:host { position: absolute; top: 0px; right: 4px; } + +.o-input.is-block { + display: block; + width: 100%; } ` @@ -507,6 +514,7 @@ var Input = /** @class */ (function (_super) { _a['is-disabled'] = this.props.disabled, _a['o-input-suffix'] = suffixIcon, _a['o-input-prefix'] = prefixIcon, + _a['is-block'] = props.block, _a)), { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }), (prefixIcon || suffixIcon) && h(this._tempTagName, __assign({ css: "svg{\n\t\t\t\t\t\twidth: 1em;\n\t\t\t\t\t}" }, extractClass(props, 'o-input__icon', { 'is-prefix': prefixIcon, diff --git a/components/input/src/index.esm.js.map b/components/input/src/index.esm.js.map index 8654349b8..e76f54f31 100644 --- a/components/input/src/index.esm.js.map +++ b/components/input/src/index.esm.js.map @@ -1 +1 @@ -{"version":3,"file":"index.esm.js","sources":["../node_modules/_tslib@1.11.1@tslib/tslib.es6.js","index.tsx"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import { tag, WeElement, h, extractClass, classNames } from 'omi'\nimport * as css from './index.scss'\n\ninterface Props {\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tplaceholder?: string\n\tclearable?: boolean\n\tsize?: 'medium' | 'small' | 'mini'\n\tsuffixIcon?: string\n\tprefixIcon?: string\n\tmaxLength?: number\n\tautoComplete?: string\n\tblock?: boolean\n}\n\n\n\n@tag('o-input')\nexport default class Input extends WeElement{\n\tstatic css = css\n\n\tstatic defaultProps = {\n\t\ttype: 'text',\n\t\tautosize: false,\n\t\trows: 2,\n\t\ttrim: false,\n\t\tautoComplete: 'off',\n\t\tblock: false\n\t}\n\n\n\tstatic propTypes = {\n\t\tdisabled: Boolean,\n\t\ttype: String,\n\t\tplaceholder: String,\n\t\tclearable: Boolean,\n\t\tsuffixIcon: String,\n\t\tsize: String,\n\t\tprefixIcon: String,\n\t\tmaxLength: Number,\n\t\tautoComplete: String,\n\t\tblock: Boolean\n\t}\n\n\t_tempTagName: string\n\tvalueLength = 0\n\n\thandleBlur = () => {\n\t\tthis.fire('blur', this.props.value)\n\t}\n\thandleFocus = () => {\n\t\tthis.fire('focus', this.props.value)\n\t}\n\thandleChange = (evt) => {\n\n\t\tthis.props.value = evt.target.value\n\t\tthis.fire('change', this.props.value)\n\t}\n\n\thandleInput = (evt) => {\n\t\tthis.props.value = evt.target.value\n\t\tthis.fire('change', this.props.value)\n\t\tif (this.props.maxLength) {\n\t\t\tthis.valueLength = evt.target.value.length\n\t\t\tthis.update()\n\t\t}\n\t}\n\tclearInput = () => {\n\t\tthis.updateProps({\n\t\t\tvalue: ''\n\t\t})\n\t}\n\n\trender(props) {\n\t\tconst { type, size, suffixIcon, prefixIcon, autoComplete, validating, onMouseEnter, onMouseLeave, trim,\n\t\t\t...otherProps\n\t\t} = props;\n\n\t\tthis._tempTagName = 'o-icon-' + (suffixIcon || prefixIcon)\n\n\t\treturn (\n\t\t\t
\n\n\n\t\t\t\t{(prefixIcon || suffixIcon) && }\n\n\t\t\t\t\n\t\t\t\t{props.clearable && }\n\n\t\t\t\t{props.maxLength && \n\t\t\t\t\t{this.valueLength}/{props.maxLength}\n\t\t\t\t}\n\n\n\t\t\t
\n\t\t)\n\t}\n}\n"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"index.esm.js","sources":["../node_modules/_tslib@1.11.1@tslib/tslib.es6.js","index.tsx"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import { tag, WeElement, h, extractClass, classNames } from 'omi'\nimport * as css from './index.scss'\n\ninterface Props {\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tplaceholder?: string\n\tclearable?: boolean\n\tsize?: 'medium' | 'small' | 'mini'\n\tsuffixIcon?: string\n\tprefixIcon?: string\n\tmaxLength?: number\n\tautoComplete?: string\n\tblock?: boolean\n}\n\n\n\n@tag('o-input')\nexport default class Input extends WeElement{\n\tstatic css = css\n\n\tstatic defaultProps = {\n\t\ttype: 'text',\n\t\tautosize: false,\n\t\trows: 2,\n\t\ttrim: false,\n\t\tautoComplete: 'off',\n\t\tblock: false\n\t}\n\n\n\tstatic propTypes = {\n\t\tdisabled: Boolean,\n\t\ttype: String,\n\t\tplaceholder: String,\n\t\tclearable: Boolean,\n\t\tsuffixIcon: String,\n\t\tsize: String,\n\t\tprefixIcon: String,\n\t\tmaxLength: Number,\n\t\tautoComplete: String,\n\t\tblock: Boolean\n\t}\n\n\t_tempTagName: string\n\tvalueLength = 0\n\n\thandleBlur = () => {\n\t\tthis.fire('blur', this.props.value)\n\t}\n\thandleFocus = () => {\n\t\tthis.fire('focus', this.props.value)\n\t}\n\thandleChange = (evt) => {\n\n\t\tthis.props.value = evt.target.value\n\t\tthis.fire('change', this.props.value)\n\t}\n\n\thandleInput = (evt) => {\n\t\tthis.props.value = evt.target.value\n\t\tthis.fire('change', this.props.value)\n\t\tif (this.props.maxLength) {\n\t\t\tthis.valueLength = evt.target.value.length\n\t\t\tthis.update()\n\t\t}\n\t}\n\tclearInput = () => {\n\t\tthis.updateProps({\n\t\t\tvalue: ''\n\t\t})\n\t}\n\n\trender(props) {\n\t\tconst { type, size, suffixIcon, prefixIcon, autoComplete, validating, onMouseEnter, onMouseLeave, trim,\n\t\t\t...otherProps\n\t\t} = props;\n\n\t\tthis._tempTagName = 'o-icon-' + (suffixIcon || prefixIcon)\n\n\t\treturn (\n\t\t\t
\n\n\n\t\t\t\t{(prefixIcon || suffixIcon) && }\n\n\t\t\t\t\n\t\t\t\t{props.clearable && }\n\n\t\t\t\t{props.maxLength && \n\t\t\t\t\t{this.valueLength}/{props.maxLength}\n\t\t\t\t}\n\n\n\t\t\t
\n\t\t)\n\t}\n}\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/components/input/src/index.js b/components/input/src/index.js index 2db0b9dbb..fcfb0f05f 100644 --- a/components/input/src/index.js +++ b/components/input/src/index.js @@ -108,7 +108,7 @@ exports = module.exports = __webpack_require__(/*! ../node_modules/_css-loader@1 // module -exports.push([module.i, ":host {\n display: inline-block; }\n\n.o-textarea {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: bottom;\n font-size: 14px; }\n\n.o-textarea__inner {\n display: block;\n resize: vertical;\n padding: 5px 15px;\n line-height: 1.5;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n font-size: inherit;\n color: #606266;\n background-color: #FFF;\n background-image: none;\n border: 1px solid #DCDFE6;\n border-radius: 4px;\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.o-textarea__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner::placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner:hover {\n border-color: #C0C4CC; }\n\n.o-textarea__inner:focus {\n outline: 0;\n border-color: #07c160;\n border-color: var(--o-primary, #07c160); }\n\n.o-textarea .o-input__count {\n color: #909399;\n background: #FFF;\n position: absolute;\n font-size: 12px;\n bottom: 5px;\n right: 10px; }\n\n.o-textarea.is-disabled .o-textarea__inner {\n background-color: #F5F7FA;\n border-color: #E4E7ED;\n color: #C0C4CC;\n cursor: not-allowed; }\n\n.o-textarea.is-disabled .o-textarea__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-disabled .o-textarea__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-disabled .o-textarea__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-disabled .o-textarea__inner::placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-exceed .o-textarea__inner {\n border-color: #F56C6C; }\n\n.o-textarea.is-exceed .o-input__count {\n color: #F56C6C; }\n\n.o-input {\n position: relative;\n font-size: 14px;\n display: inline-block;\n width: 100%; }\n\n.o-input::-webkit-scrollbar {\n z-index: 11;\n width: 6px; }\n\n.o-input::-webkit-scrollbar:horizontal {\n height: 6px; }\n\n.o-input::-webkit-scrollbar-thumb {\n border-radius: 5px;\n width: 6px;\n background: #b4bccc; }\n\n.o-input::-webkit-scrollbar-corner {\n background: #fff; }\n\n.o-input::-webkit-scrollbar-track {\n background: #fff; }\n\n.o-input::-webkit-scrollbar-track-piece {\n background: #fff;\n width: 6px; }\n\n.o-input .o-input__clear {\n color: #C0C4CC;\n font-size: 14px;\n cursor: pointer;\n -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.o-input .o-input__clear:hover {\n color: #909399; }\n\n.o-input .o-input__count {\n height: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #909399;\n font-size: 12px; }\n\n.o-input .o-input__count .o-input__count-inner {\n background: #FFF;\n line-height: initial;\n display: inline-block;\n padding: 0 5px; }\n\n.o-input__inner {\n -webkit-appearance: none;\n background-color: #FFF;\n background-image: none;\n border-radius: 4px;\n border: 1px solid #DCDFE6;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #606266;\n display: inline-block;\n font-size: inherit;\n height: 40px;\n line-height: 40px;\n outline: 0;\n padding: 0 15px;\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n width: 100%; }\n\n.o-input__prefix,\n.o-input__suffix {\n position: absolute;\n top: 0;\n -webkit-transition: all .3s;\n text-align: center;\n height: 100%;\n color: #C0C4CC; }\n\n.o-input__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-input__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input__inner::placeholder {\n color: #C0C4CC; }\n\n.o-input__inner:hover {\n border-color: #C0C4CC; }\n\n.o-input.is-active .o-input__inner,\n.o-input__inner:focus {\n border-color: #07c160;\n border-color: var(--o-primary, #07c160);\n outline: 0; }\n\n.o-input__suffix {\n right: 5px;\n transition: all .3s;\n pointer-events: none; }\n\n.o-input__suffix-inner {\n pointer-events: all; }\n\n.o-input__prefix {\n left: 5px;\n transition: all .3s; }\n\n.o-input__icon {\n position: absolute;\n width: 35px;\n height: 100%;\n right: 0;\n top: 0;\n padding-top: 0.215em;\n text-align: center;\n color: #bfcbd9;\n transition: all .3s; }\n\n.o-input--small .o-input__icon,\n.o-input--medium .o-input__icon {\n padding-top: 0.135em; }\n\n.o-input--mini .o-input__icon {\n padding-top: 0.125em; }\n\n.o-input__icon.is-prefix {\n left: 0; }\n\n.o-input.o-input-prefix input {\n padding-left: 30px; }\n\n.o-input.o-input-suffix input {\n padding-right: 30px; }\n\n.o-input__icon:after {\n content: '';\n height: 100%;\n width: 0;\n display: inline-block;\n vertical-align: middle; }\n\n.o-input__validateIcon {\n pointer-events: none; }\n\n.o-input.is-disabled .o-input__inner {\n background-color: #F5F7FA;\n border-color: #E4E7ED;\n color: #C0C4CC;\n cursor: not-allowed; }\n\n.o-input.is-disabled .o-input__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__inner::placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__icon {\n cursor: not-allowed; }\n\n.o-input.is-exceed .o-input__inner {\n border-color: #F56C6C; }\n\n.o-input.is-exceed .o-input__suffix .o-input__count {\n color: #F56C6C; }\n\n.o-input--suffix .o-input__inner {\n padding-right: 30px; }\n\n.o-input--prefix .o-input__inner {\n padding-left: 30px; }\n\n.o-input--medium {\n font-size: 14px; }\n\n.o-input--medium .o-input__inner {\n height: 36px;\n line-height: 36px; }\n\n.o-input--medium .o-input__icon {\n line-height: 36px; }\n\n.o-input--small {\n font-size: 13px; }\n\n.o-input--small .o-input__inner {\n height: 32px;\n line-height: 32px; }\n\n.o-input--small .o-input__icon {\n line-height: 32px; }\n\n.o-input--mini {\n font-size: 12px; }\n\n.o-input--mini .o-input__inner {\n height: 28px;\n line-height: 28px; }\n\n.o-input--mini .o-input__icon {\n line-height: 28px; }\n\n.o-input-group {\n line-height: normal;\n display: inline-table;\n width: 100%;\n border-collapse: separate;\n border-spacing: 0; }\n\n.o-input-group > .o-input__inner {\n vertical-align: middle;\n display: table-cell; }\n\n.o-input-group__append,\n.o-input-group__prepend {\n background-color: #F5F7FA;\n color: #909399;\n vertical-align: middle;\n display: table-cell;\n position: relative;\n border: 1px solid #DCDFE6;\n border-radius: 4px;\n padding: 0 20px;\n width: 1px;\n white-space: nowrap; }\n\n.o-input-group--prepend .o-input__inner,\n.o-input-group__append {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.o-input-group--append .o-input__inner,\n.o-input-group__prepend {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.o-input-group__append:focus,\n.o-input-group__prepend:focus {\n outline: 0; }\n\n.o-input-group__append .o-button,\n.o-input-group__append .o-select,\n.o-input-group__prepend .o-button,\n.o-input-group__prepend .o-select {\n display: inline-block;\n margin: -10px -20px; }\n\n.o-input-group__append button.o-button,\n.o-input-group__append div.o-select .o-input__inner,\n.o-input-group__append div.o-select:hover .o-input__inner,\n.o-input-group__prepend button.o-button,\n.o-input-group__prepend div.o-select .o-input__inner,\n.o-input-group__prepend div.o-select:hover .o-input__inner {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n border-top: 0;\n border-bottom: 0; }\n\n.o-input-group__append .o-button,\n.o-input-group__append .o-input,\n.o-input-group__prepend .o-button,\n.o-input-group__prepend .o-input {\n font-size: inherit; }\n\n.o-input-group__prepend {\n border-right: 0; }\n\n.o-input-group__append {\n border-left: 0; }\n\n.o-input-group--append .o-select .o-input.is-focus .o-input__inner,\n.o-input-group--prepend .o-select .o-input.is-focus .o-input__inner {\n border-color: transparent; }\n\n.o-input__inner::-ms-clear {\n display: none;\n width: 0;\n height: 0; }\n\n.o-icon-clear {\n position: absolute;\n right: 10px;\n top: 50%;\n margin-top: -0.5em;\n cursor: pointer;\n color: #bfcbd9;\n display: none;\n border-radius: 50%;\n width: 1em;\n height: 1em; }\n\n.o-icon-clear:hover {\n background: #b1b4b9;\n color: white; }\n\n.o-input:hover .o-icon-clear {\n display: block;\n cursor: pointer; }\n\n.o-input .o-input__count {\n position: absolute;\n top: 0px;\n right: 4px; }\n", ""]); +exports.push([module.i, ":host {\n display: inline-block; }\n\n:host([block]) {\n display: block; }\n\n.o-textarea {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: bottom;\n font-size: 14px; }\n\n.o-textarea__inner {\n display: block;\n resize: vertical;\n padding: 5px 15px;\n line-height: 1.5;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n font-size: inherit;\n color: #606266;\n background-color: #FFF;\n background-image: none;\n border: 1px solid #DCDFE6;\n border-radius: 4px;\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.o-textarea__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner::placeholder {\n color: #C0C4CC; }\n\n.o-textarea__inner:hover {\n border-color: #C0C4CC; }\n\n.o-textarea__inner:focus {\n outline: 0;\n border-color: #07c160;\n border-color: var(--o-primary, #07c160); }\n\n.o-textarea .o-input__count {\n color: #909399;\n background: #FFF;\n position: absolute;\n font-size: 12px;\n bottom: 5px;\n right: 10px; }\n\n.o-textarea.is-disabled .o-textarea__inner {\n background-color: #F5F7FA;\n border-color: #E4E7ED;\n color: #C0C4CC;\n cursor: not-allowed; }\n\n.o-textarea.is-disabled .o-textarea__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-disabled .o-textarea__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-disabled .o-textarea__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-disabled .o-textarea__inner::placeholder {\n color: #C0C4CC; }\n\n.o-textarea.is-exceed .o-textarea__inner {\n border-color: #F56C6C; }\n\n.o-textarea.is-exceed .o-input__count {\n color: #F56C6C; }\n\n.o-input {\n position: relative;\n font-size: 14px;\n display: inline-block;\n width: 100%; }\n\n.o-input::-webkit-scrollbar {\n z-index: 11;\n width: 6px; }\n\n.o-input::-webkit-scrollbar:horizontal {\n height: 6px; }\n\n.o-input::-webkit-scrollbar-thumb {\n border-radius: 5px;\n width: 6px;\n background: #b4bccc; }\n\n.o-input::-webkit-scrollbar-corner {\n background: #fff; }\n\n.o-input::-webkit-scrollbar-track {\n background: #fff; }\n\n.o-input::-webkit-scrollbar-track-piece {\n background: #fff;\n width: 6px; }\n\n.o-input .o-input__clear {\n color: #C0C4CC;\n font-size: 14px;\n cursor: pointer;\n -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.o-input .o-input__clear:hover {\n color: #909399; }\n\n.o-input .o-input__count {\n height: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #909399;\n font-size: 12px; }\n\n.o-input .o-input__count .o-input__count-inner {\n background: #FFF;\n line-height: initial;\n display: inline-block;\n padding: 0 5px; }\n\n.o-input__inner {\n -webkit-appearance: none;\n background-color: #FFF;\n background-image: none;\n border-radius: 4px;\n border: 1px solid #DCDFE6;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #606266;\n display: inline-block;\n font-size: inherit;\n height: 40px;\n line-height: 40px;\n outline: 0;\n padding: 0 15px;\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n width: 100%; }\n\n.o-input__prefix,\n.o-input__suffix {\n position: absolute;\n top: 0;\n -webkit-transition: all .3s;\n text-align: center;\n height: 100%;\n color: #C0C4CC; }\n\n.o-input__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-input__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input__inner::placeholder {\n color: #C0C4CC; }\n\n.o-input__inner:hover {\n border-color: #C0C4CC; }\n\n.o-input.is-active .o-input__inner,\n.o-input__inner:focus {\n border-color: #07c160;\n border-color: var(--o-primary, #07c160);\n outline: 0; }\n\n.o-input__suffix {\n right: 5px;\n transition: all .3s;\n pointer-events: none; }\n\n.o-input__suffix-inner {\n pointer-events: all; }\n\n.o-input__prefix {\n left: 5px;\n transition: all .3s; }\n\n.o-input__icon {\n position: absolute;\n width: 35px;\n height: 100%;\n right: 0;\n top: 0;\n padding-top: 0.215em;\n text-align: center;\n color: #bfcbd9;\n transition: all .3s; }\n\n.o-input--small .o-input__icon,\n.o-input--medium .o-input__icon {\n padding-top: 0.135em; }\n\n.o-input--mini .o-input__icon {\n padding-top: 0.125em; }\n\n.o-input__icon.is-prefix {\n left: 0; }\n\n.o-input.o-input-prefix input {\n padding-left: 30px; }\n\n.o-input.o-input-suffix input {\n padding-right: 30px; }\n\n.o-input__icon:after {\n content: '';\n height: 100%;\n width: 0;\n display: inline-block;\n vertical-align: middle; }\n\n.o-input__validateIcon {\n pointer-events: none; }\n\n.o-input.is-disabled .o-input__inner {\n background-color: #F5F7FA;\n border-color: #E4E7ED;\n color: #C0C4CC;\n cursor: not-allowed; }\n\n.o-input.is-disabled .o-input__inner::-webkit-input-placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__inner:-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__inner::-ms-input-placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__inner::placeholder {\n color: #C0C4CC; }\n\n.o-input.is-disabled .o-input__icon {\n cursor: not-allowed; }\n\n.o-input.is-exceed .o-input__inner {\n border-color: #F56C6C; }\n\n.o-input.is-exceed .o-input__suffix .o-input__count {\n color: #F56C6C; }\n\n.o-input--suffix .o-input__inner {\n padding-right: 30px; }\n\n.o-input--prefix .o-input__inner {\n padding-left: 30px; }\n\n.o-input--medium {\n font-size: 14px; }\n\n.o-input--medium .o-input__inner {\n height: 36px;\n line-height: 36px; }\n\n.o-input--medium .o-input__icon {\n line-height: 36px; }\n\n.o-input--small {\n font-size: 13px; }\n\n.o-input--small .o-input__inner {\n height: 32px;\n line-height: 32px; }\n\n.o-input--small .o-input__icon {\n line-height: 32px; }\n\n.o-input--mini {\n font-size: 12px; }\n\n.o-input--mini .o-input__inner {\n height: 28px;\n line-height: 28px; }\n\n.o-input--mini .o-input__icon {\n line-height: 28px; }\n\n.o-input-group {\n line-height: normal;\n display: inline-table;\n width: 100%;\n border-collapse: separate;\n border-spacing: 0; }\n\n.o-input-group > .o-input__inner {\n vertical-align: middle;\n display: table-cell; }\n\n.o-input-group__append,\n.o-input-group__prepend {\n background-color: #F5F7FA;\n color: #909399;\n vertical-align: middle;\n display: table-cell;\n position: relative;\n border: 1px solid #DCDFE6;\n border-radius: 4px;\n padding: 0 20px;\n width: 1px;\n white-space: nowrap; }\n\n.o-input-group--prepend .o-input__inner,\n.o-input-group__append {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.o-input-group--append .o-input__inner,\n.o-input-group__prepend {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.o-input-group__append:focus,\n.o-input-group__prepend:focus {\n outline: 0; }\n\n.o-input-group__append .o-button,\n.o-input-group__append .o-select,\n.o-input-group__prepend .o-button,\n.o-input-group__prepend .o-select {\n display: inline-block;\n margin: -10px -20px; }\n\n.o-input-group__append button.o-button,\n.o-input-group__append div.o-select .o-input__inner,\n.o-input-group__append div.o-select:hover .o-input__inner,\n.o-input-group__prepend button.o-button,\n.o-input-group__prepend div.o-select .o-input__inner,\n.o-input-group__prepend div.o-select:hover .o-input__inner {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n border-top: 0;\n border-bottom: 0; }\n\n.o-input-group__append .o-button,\n.o-input-group__append .o-input,\n.o-input-group__prepend .o-button,\n.o-input-group__prepend .o-input {\n font-size: inherit; }\n\n.o-input-group__prepend {\n border-right: 0; }\n\n.o-input-group__append {\n border-left: 0; }\n\n.o-input-group--append .o-select .o-input.is-focus .o-input__inner,\n.o-input-group--prepend .o-select .o-input.is-focus .o-input__inner {\n border-color: transparent; }\n\n.o-input__inner::-ms-clear {\n display: none;\n width: 0;\n height: 0; }\n\n.o-icon-clear {\n position: absolute;\n right: 10px;\n top: 50%;\n margin-top: -0.5em;\n cursor: pointer;\n color: #bfcbd9;\n display: none;\n border-radius: 50%;\n width: 1em;\n height: 1em; }\n\n.o-icon-clear:hover {\n background: #b1b4b9;\n color: white; }\n\n.o-input:hover .o-icon-clear {\n display: block;\n cursor: pointer; }\n\n.o-input .o-input__count {\n position: absolute;\n top: 0px;\n right: 4px; }\n\n.o-input.is-block {\n display: block;\n width: 100%; }\n", ""]); // exports @@ -313,6 +313,7 @@ var Input = /** @class */ (function (_super) { _a['is-disabled'] = this.props.disabled, _a['o-input-suffix'] = suffixIcon, _a['o-input-prefix'] = prefixIcon, + _a['is-block'] = props.block, _a)), { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }), (prefixIcon || suffixIcon) && omi_1.h(this._tempTagName, __assign({ css: "svg{\n\t\t\t\t\t\twidth: 1em;\n\t\t\t\t\t}" }, omi_1.extractClass(props, 'o-input__icon', { 'is-prefix': prefixIcon, diff --git a/components/input/src/index.js.map b/components/input/src/index.js.map index dca38688b..f0488ff49 100644 --- a/components/input/src/index.js.map +++ b/components/input/src/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack://OInput/webpack/universalModuleDefinition","webpack://OInput/webpack/bootstrap","webpack://OInput/./src/index.scss","webpack://OInput/./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js","webpack://OInput/./src/index.scss?56db","webpack://OInput/./src/index.tsx","webpack://OInput/external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"}"],"names":[],"mappings":"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AACA,cAAc,gBAAgB,sCAAsC,iBAAiB,EAAE;AACvF,6BAA6B,uDAAuD;AACpF;AACA;AACA;AACA;AACA,uBAAuB,sBAAsB;AAC7C;AACA;AACA,CAAC;AACD;AACA;AACA,gDAAgD,OAAO;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,QAAQ;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4DAA4D,cAAc;AAC1E;AACA;AACA;AACA;AACA;AACA,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,gBAAK;AACzB,UAAU,mBAAO,CAAC,sCAAc;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,+CAA+C;AACzF;AACA;AACA;AACA;AACA,mBAAmB,yDAAyD;AAC5E,+EAA+E,WAAW,yBAAyB,aAAa,GAAG;AACnI;AACA;AACA,aAAa;AACb,wCAAwC,e;AACxC;AACA,6NAA6N;AAC7N,+CAA+C,sKAAsK;AACrN,iCAAiC,6GAA6G;AAC9I,gDAAgD,0BAA0B;AAC1E,iCAAiC,gCAAgC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;;;;;;;;;;;AC9HA,iD","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"omi\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"omi\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"OInput\"] = factory(require(\"omi\"));\n\telse\n\t\troot[\"OInput\"] = factory(root[\"Omi\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_omi__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/index.tsx\");\n","exports = module.exports = require(\"../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host {\\n display: inline-block; }\\n\\n.o-textarea {\\n position: relative;\\n display: inline-block;\\n width: 100%;\\n vertical-align: bottom;\\n font-size: 14px; }\\n\\n.o-textarea__inner {\\n display: block;\\n resize: vertical;\\n padding: 5px 15px;\\n line-height: 1.5;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n width: 100%;\\n font-size: inherit;\\n color: #606266;\\n background-color: #FFF;\\n background-image: none;\\n border: 1px solid #DCDFE6;\\n border-radius: 4px;\\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\\n\\n.o-textarea__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner:hover {\\n border-color: #C0C4CC; }\\n\\n.o-textarea__inner:focus {\\n outline: 0;\\n border-color: #07c160;\\n border-color: var(--o-primary, #07c160); }\\n\\n.o-textarea .o-input__count {\\n color: #909399;\\n background: #FFF;\\n position: absolute;\\n font-size: 12px;\\n bottom: 5px;\\n right: 10px; }\\n\\n.o-textarea.is-disabled .o-textarea__inner {\\n background-color: #F5F7FA;\\n border-color: #E4E7ED;\\n color: #C0C4CC;\\n cursor: not-allowed; }\\n\\n.o-textarea.is-disabled .o-textarea__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-disabled .o-textarea__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-disabled .o-textarea__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-disabled .o-textarea__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-exceed .o-textarea__inner {\\n border-color: #F56C6C; }\\n\\n.o-textarea.is-exceed .o-input__count {\\n color: #F56C6C; }\\n\\n.o-input {\\n position: relative;\\n font-size: 14px;\\n display: inline-block;\\n width: 100%; }\\n\\n.o-input::-webkit-scrollbar {\\n z-index: 11;\\n width: 6px; }\\n\\n.o-input::-webkit-scrollbar:horizontal {\\n height: 6px; }\\n\\n.o-input::-webkit-scrollbar-thumb {\\n border-radius: 5px;\\n width: 6px;\\n background: #b4bccc; }\\n\\n.o-input::-webkit-scrollbar-corner {\\n background: #fff; }\\n\\n.o-input::-webkit-scrollbar-track {\\n background: #fff; }\\n\\n.o-input::-webkit-scrollbar-track-piece {\\n background: #fff;\\n width: 6px; }\\n\\n.o-input .o-input__clear {\\n color: #C0C4CC;\\n font-size: 14px;\\n cursor: pointer;\\n -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\\n\\n.o-input .o-input__clear:hover {\\n color: #909399; }\\n\\n.o-input .o-input__count {\\n height: 100%;\\n display: -webkit-inline-box;\\n display: -ms-inline-flexbox;\\n display: inline-flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n color: #909399;\\n font-size: 12px; }\\n\\n.o-input .o-input__count .o-input__count-inner {\\n background: #FFF;\\n line-height: initial;\\n display: inline-block;\\n padding: 0 5px; }\\n\\n.o-input__inner {\\n -webkit-appearance: none;\\n background-color: #FFF;\\n background-image: none;\\n border-radius: 4px;\\n border: 1px solid #DCDFE6;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n color: #606266;\\n display: inline-block;\\n font-size: inherit;\\n height: 40px;\\n line-height: 40px;\\n outline: 0;\\n padding: 0 15px;\\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n width: 100%; }\\n\\n.o-input__prefix,\\n.o-input__suffix {\\n position: absolute;\\n top: 0;\\n -webkit-transition: all .3s;\\n text-align: center;\\n height: 100%;\\n color: #C0C4CC; }\\n\\n.o-input__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner:hover {\\n border-color: #C0C4CC; }\\n\\n.o-input.is-active .o-input__inner,\\n.o-input__inner:focus {\\n border-color: #07c160;\\n border-color: var(--o-primary, #07c160);\\n outline: 0; }\\n\\n.o-input__suffix {\\n right: 5px;\\n transition: all .3s;\\n pointer-events: none; }\\n\\n.o-input__suffix-inner {\\n pointer-events: all; }\\n\\n.o-input__prefix {\\n left: 5px;\\n transition: all .3s; }\\n\\n.o-input__icon {\\n position: absolute;\\n width: 35px;\\n height: 100%;\\n right: 0;\\n top: 0;\\n padding-top: 0.215em;\\n text-align: center;\\n color: #bfcbd9;\\n transition: all .3s; }\\n\\n.o-input--small .o-input__icon,\\n.o-input--medium .o-input__icon {\\n padding-top: 0.135em; }\\n\\n.o-input--mini .o-input__icon {\\n padding-top: 0.125em; }\\n\\n.o-input__icon.is-prefix {\\n left: 0; }\\n\\n.o-input.o-input-prefix input {\\n padding-left: 30px; }\\n\\n.o-input.o-input-suffix input {\\n padding-right: 30px; }\\n\\n.o-input__icon:after {\\n content: '';\\n height: 100%;\\n width: 0;\\n display: inline-block;\\n vertical-align: middle; }\\n\\n.o-input__validateIcon {\\n pointer-events: none; }\\n\\n.o-input.is-disabled .o-input__inner {\\n background-color: #F5F7FA;\\n border-color: #E4E7ED;\\n color: #C0C4CC;\\n cursor: not-allowed; }\\n\\n.o-input.is-disabled .o-input__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__icon {\\n cursor: not-allowed; }\\n\\n.o-input.is-exceed .o-input__inner {\\n border-color: #F56C6C; }\\n\\n.o-input.is-exceed .o-input__suffix .o-input__count {\\n color: #F56C6C; }\\n\\n.o-input--suffix .o-input__inner {\\n padding-right: 30px; }\\n\\n.o-input--prefix .o-input__inner {\\n padding-left: 30px; }\\n\\n.o-input--medium {\\n font-size: 14px; }\\n\\n.o-input--medium .o-input__inner {\\n height: 36px;\\n line-height: 36px; }\\n\\n.o-input--medium .o-input__icon {\\n line-height: 36px; }\\n\\n.o-input--small {\\n font-size: 13px; }\\n\\n.o-input--small .o-input__inner {\\n height: 32px;\\n line-height: 32px; }\\n\\n.o-input--small .o-input__icon {\\n line-height: 32px; }\\n\\n.o-input--mini {\\n font-size: 12px; }\\n\\n.o-input--mini .o-input__inner {\\n height: 28px;\\n line-height: 28px; }\\n\\n.o-input--mini .o-input__icon {\\n line-height: 28px; }\\n\\n.o-input-group {\\n line-height: normal;\\n display: inline-table;\\n width: 100%;\\n border-collapse: separate;\\n border-spacing: 0; }\\n\\n.o-input-group > .o-input__inner {\\n vertical-align: middle;\\n display: table-cell; }\\n\\n.o-input-group__append,\\n.o-input-group__prepend {\\n background-color: #F5F7FA;\\n color: #909399;\\n vertical-align: middle;\\n display: table-cell;\\n position: relative;\\n border: 1px solid #DCDFE6;\\n border-radius: 4px;\\n padding: 0 20px;\\n width: 1px;\\n white-space: nowrap; }\\n\\n.o-input-group--prepend .o-input__inner,\\n.o-input-group__append {\\n border-top-left-radius: 0;\\n border-bottom-left-radius: 0; }\\n\\n.o-input-group--append .o-input__inner,\\n.o-input-group__prepend {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0; }\\n\\n.o-input-group__append:focus,\\n.o-input-group__prepend:focus {\\n outline: 0; }\\n\\n.o-input-group__append .o-button,\\n.o-input-group__append .o-select,\\n.o-input-group__prepend .o-button,\\n.o-input-group__prepend .o-select {\\n display: inline-block;\\n margin: -10px -20px; }\\n\\n.o-input-group__append button.o-button,\\n.o-input-group__append div.o-select .o-input__inner,\\n.o-input-group__append div.o-select:hover .o-input__inner,\\n.o-input-group__prepend button.o-button,\\n.o-input-group__prepend div.o-select .o-input__inner,\\n.o-input-group__prepend div.o-select:hover .o-input__inner {\\n border-color: transparent;\\n background-color: transparent;\\n color: inherit;\\n border-top: 0;\\n border-bottom: 0; }\\n\\n.o-input-group__append .o-button,\\n.o-input-group__append .o-input,\\n.o-input-group__prepend .o-button,\\n.o-input-group__prepend .o-input {\\n font-size: inherit; }\\n\\n.o-input-group__prepend {\\n border-right: 0; }\\n\\n.o-input-group__append {\\n border-left: 0; }\\n\\n.o-input-group--append .o-select .o-input.is-focus .o-input__inner,\\n.o-input-group--prepend .o-select .o-input.is-focus .o-input__inner {\\n border-color: transparent; }\\n\\n.o-input__inner::-ms-clear {\\n display: none;\\n width: 0;\\n height: 0; }\\n\\n.o-icon-clear {\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n margin-top: -0.5em;\\n cursor: pointer;\\n color: #bfcbd9;\\n display: none;\\n border-radius: 50%;\\n width: 1em;\\n height: 1em; }\\n\\n.o-icon-clear:hover {\\n background: #b1b4b9;\\n color: white; }\\n\\n.o-input:hover .o-icon-clear {\\n display: block;\\n cursor: pointer; }\\n\\n.o-input .o-input__count {\\n position: absolute;\\n top: 0px;\\n right: 4px; }\\n\", \"\"]);\n\n// exports\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","\n var result = require(\"!!../node_modules/_css-loader@1.0.1@css-loader/index.js!../node_modules/_resolve-url-loader@3.1.1@resolve-url-loader/index.js!../node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--4-3!./index.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n ","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar omi_1 = require(\"omi\");\nvar css = require(\"./index.scss\");\nvar Input = /** @class */ (function (_super) {\n __extends(Input, _super);\n function Input() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.valueLength = 0;\n _this.handleBlur = function () {\n _this.fire('blur', _this.props.value);\n };\n _this.handleFocus = function () {\n _this.fire('focus', _this.props.value);\n };\n _this.handleChange = function (evt) {\n _this.props.value = evt.target.value;\n _this.fire('change', _this.props.value);\n };\n _this.handleInput = function (evt) {\n _this.props.value = evt.target.value;\n _this.fire('change', _this.props.value);\n if (_this.props.maxLength) {\n _this.valueLength = evt.target.value.length;\n _this.update();\n }\n };\n _this.clearInput = function () {\n _this.updateProps({\n value: ''\n });\n };\n return _this;\n }\n Input.prototype.render = function (props) {\n var _a;\n var type = props.type, size = props.size, suffixIcon = props.suffixIcon, prefixIcon = props.prefixIcon, autoComplete = props.autoComplete, validating = props.validating, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, trim = props.trim, otherProps = __rest(props, [\"type\", \"size\", \"suffixIcon\", \"prefixIcon\", \"autoComplete\", \"validating\", \"onMouseEnter\", \"onMouseLeave\", \"trim\"]);\n this._tempTagName = 'o-icon-' + (suffixIcon || prefixIcon);\n return (omi_1.h(\"div\", __assign({}, omi_1.extractClass(props, 'o-input', (_a = {},\n _a[\"o-input--\" + size] = props.size,\n _a['is-disabled'] = this.props.disabled,\n _a['o-input-suffix'] = suffixIcon,\n _a['o-input-prefix'] = prefixIcon,\n _a)), { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }),\n (prefixIcon || suffixIcon) && omi_1.h(this._tempTagName, __assign({ css: \"svg{\\n\\t\\t\\t\\t\\t\\twidth: 1em;\\n\\t\\t\\t\\t\\t}\" }, omi_1.extractClass(props, 'o-input__icon', {\n 'is-prefix': prefixIcon,\n 'is-suffix': suffixIcon\n }))),\n omi_1.h(\"input\", __assign({}, otherProps, { \n // ref=\"input\"\n type: type, className: \"o-input__inner\", autocomplete: autoComplete, maxLength: props.maxLength, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput })),\n props.clearable && omi_1.h(\"svg\", { onClick: this.clearInput, class: \"o-icon-clear\", fill: \"currentColor\", width: \"1em\", height: \"1em\", focusable: \"false\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\" },\n omi_1.h(\"path\", { d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" })),\n props.maxLength && omi_1.h(\"span\", { class: \"o-input__count\" },\n omi_1.h(\"span\", { class: \"o-input__count-inner\" },\n this.valueLength,\n \"/\",\n props.maxLength))));\n };\n Input.css = css;\n Input.defaultProps = {\n type: 'text',\n autosize: false,\n rows: 2,\n trim: false,\n autoComplete: 'off',\n block: false\n };\n Input.propTypes = {\n disabled: Boolean,\n type: String,\n placeholder: String,\n clearable: Boolean,\n suffixIcon: String,\n size: String,\n prefixIcon: String,\n maxLength: Number,\n autoComplete: String,\n block: Boolean\n };\n Input = __decorate([\n omi_1.tag('o-input')\n ], Input);\n return Input;\n}(omi_1.WeElement));\nexports.default = Input;\n","module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack://OInput/webpack/universalModuleDefinition","webpack://OInput/webpack/bootstrap","webpack://OInput/./src/index.scss","webpack://OInput/./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js","webpack://OInput/./src/index.scss?56db","webpack://OInput/./src/index.tsx","webpack://OInput/external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"}"],"names":[],"mappings":"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AS;AACT;AACA;;;;;;;;;;;;;ACPa;AACb;AACA;AACA;AACA,cAAc,gBAAgB,sCAAsC,iBAAiB,EAAE;AACvF,6BAA6B,uDAAuD;AACpF;AACA;AACA;AACA;AACA,uBAAuB,sBAAsB;AAC7C;AACA;AACA,CAAC;AACD;AACA;AACA,gDAAgD,OAAO;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,QAAQ;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4DAA4D,cAAc;AAC1E;AACA;AACA;AACA;AACA;AACA,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,gBAAK;AACzB,UAAU,mBAAO,CAAC,sCAAc;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,+CAA+C;AACzF;AACA;AACA;AACA;AACA;AACA,mBAAmB,yDAAyD;AAC5E,+EAA+E,WAAW,yBAAyB,aAAa,GAAG;AACnI;AACA;AACA,aAAa;AACb,wCAAwC,e;AACxC;AACA,6NAA6N;AAC7N,+CAA+C,sKAAsK;AACrN,iCAAiC,6GAA6G;AAC9I,gDAAgD,0BAA0B;AAC1E,iCAAiC,gCAAgC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;;;;;;;;;;;AC/HA,iD","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"omi\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"omi\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"OInput\"] = factory(require(\"omi\"));\n\telse\n\t\troot[\"OInput\"] = factory(root[\"Omi\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_omi__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/index.tsx\");\n","exports = module.exports = require(\"../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host {\\n display: inline-block; }\\n\\n:host([block]) {\\n display: block; }\\n\\n.o-textarea {\\n position: relative;\\n display: inline-block;\\n width: 100%;\\n vertical-align: bottom;\\n font-size: 14px; }\\n\\n.o-textarea__inner {\\n display: block;\\n resize: vertical;\\n padding: 5px 15px;\\n line-height: 1.5;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n width: 100%;\\n font-size: inherit;\\n color: #606266;\\n background-color: #FFF;\\n background-image: none;\\n border: 1px solid #DCDFE6;\\n border-radius: 4px;\\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\\n\\n.o-textarea__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea__inner:hover {\\n border-color: #C0C4CC; }\\n\\n.o-textarea__inner:focus {\\n outline: 0;\\n border-color: #07c160;\\n border-color: var(--o-primary, #07c160); }\\n\\n.o-textarea .o-input__count {\\n color: #909399;\\n background: #FFF;\\n position: absolute;\\n font-size: 12px;\\n bottom: 5px;\\n right: 10px; }\\n\\n.o-textarea.is-disabled .o-textarea__inner {\\n background-color: #F5F7FA;\\n border-color: #E4E7ED;\\n color: #C0C4CC;\\n cursor: not-allowed; }\\n\\n.o-textarea.is-disabled .o-textarea__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-disabled .o-textarea__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-disabled .o-textarea__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-disabled .o-textarea__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-textarea.is-exceed .o-textarea__inner {\\n border-color: #F56C6C; }\\n\\n.o-textarea.is-exceed .o-input__count {\\n color: #F56C6C; }\\n\\n.o-input {\\n position: relative;\\n font-size: 14px;\\n display: inline-block;\\n width: 100%; }\\n\\n.o-input::-webkit-scrollbar {\\n z-index: 11;\\n width: 6px; }\\n\\n.o-input::-webkit-scrollbar:horizontal {\\n height: 6px; }\\n\\n.o-input::-webkit-scrollbar-thumb {\\n border-radius: 5px;\\n width: 6px;\\n background: #b4bccc; }\\n\\n.o-input::-webkit-scrollbar-corner {\\n background: #fff; }\\n\\n.o-input::-webkit-scrollbar-track {\\n background: #fff; }\\n\\n.o-input::-webkit-scrollbar-track-piece {\\n background: #fff;\\n width: 6px; }\\n\\n.o-input .o-input__clear {\\n color: #C0C4CC;\\n font-size: 14px;\\n cursor: pointer;\\n -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\\n\\n.o-input .o-input__clear:hover {\\n color: #909399; }\\n\\n.o-input .o-input__count {\\n height: 100%;\\n display: -webkit-inline-box;\\n display: -ms-inline-flexbox;\\n display: inline-flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n color: #909399;\\n font-size: 12px; }\\n\\n.o-input .o-input__count .o-input__count-inner {\\n background: #FFF;\\n line-height: initial;\\n display: inline-block;\\n padding: 0 5px; }\\n\\n.o-input__inner {\\n -webkit-appearance: none;\\n background-color: #FFF;\\n background-image: none;\\n border-radius: 4px;\\n border: 1px solid #DCDFE6;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n color: #606266;\\n display: inline-block;\\n font-size: inherit;\\n height: 40px;\\n line-height: 40px;\\n outline: 0;\\n padding: 0 15px;\\n -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\\n width: 100%; }\\n\\n.o-input__prefix,\\n.o-input__suffix {\\n position: absolute;\\n top: 0;\\n -webkit-transition: all .3s;\\n text-align: center;\\n height: 100%;\\n color: #C0C4CC; }\\n\\n.o-input__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-input__inner:hover {\\n border-color: #C0C4CC; }\\n\\n.o-input.is-active .o-input__inner,\\n.o-input__inner:focus {\\n border-color: #07c160;\\n border-color: var(--o-primary, #07c160);\\n outline: 0; }\\n\\n.o-input__suffix {\\n right: 5px;\\n transition: all .3s;\\n pointer-events: none; }\\n\\n.o-input__suffix-inner {\\n pointer-events: all; }\\n\\n.o-input__prefix {\\n left: 5px;\\n transition: all .3s; }\\n\\n.o-input__icon {\\n position: absolute;\\n width: 35px;\\n height: 100%;\\n right: 0;\\n top: 0;\\n padding-top: 0.215em;\\n text-align: center;\\n color: #bfcbd9;\\n transition: all .3s; }\\n\\n.o-input--small .o-input__icon,\\n.o-input--medium .o-input__icon {\\n padding-top: 0.135em; }\\n\\n.o-input--mini .o-input__icon {\\n padding-top: 0.125em; }\\n\\n.o-input__icon.is-prefix {\\n left: 0; }\\n\\n.o-input.o-input-prefix input {\\n padding-left: 30px; }\\n\\n.o-input.o-input-suffix input {\\n padding-right: 30px; }\\n\\n.o-input__icon:after {\\n content: '';\\n height: 100%;\\n width: 0;\\n display: inline-block;\\n vertical-align: middle; }\\n\\n.o-input__validateIcon {\\n pointer-events: none; }\\n\\n.o-input.is-disabled .o-input__inner {\\n background-color: #F5F7FA;\\n border-color: #E4E7ED;\\n color: #C0C4CC;\\n cursor: not-allowed; }\\n\\n.o-input.is-disabled .o-input__inner::-webkit-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__inner:-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__inner::-ms-input-placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__inner::placeholder {\\n color: #C0C4CC; }\\n\\n.o-input.is-disabled .o-input__icon {\\n cursor: not-allowed; }\\n\\n.o-input.is-exceed .o-input__inner {\\n border-color: #F56C6C; }\\n\\n.o-input.is-exceed .o-input__suffix .o-input__count {\\n color: #F56C6C; }\\n\\n.o-input--suffix .o-input__inner {\\n padding-right: 30px; }\\n\\n.o-input--prefix .o-input__inner {\\n padding-left: 30px; }\\n\\n.o-input--medium {\\n font-size: 14px; }\\n\\n.o-input--medium .o-input__inner {\\n height: 36px;\\n line-height: 36px; }\\n\\n.o-input--medium .o-input__icon {\\n line-height: 36px; }\\n\\n.o-input--small {\\n font-size: 13px; }\\n\\n.o-input--small .o-input__inner {\\n height: 32px;\\n line-height: 32px; }\\n\\n.o-input--small .o-input__icon {\\n line-height: 32px; }\\n\\n.o-input--mini {\\n font-size: 12px; }\\n\\n.o-input--mini .o-input__inner {\\n height: 28px;\\n line-height: 28px; }\\n\\n.o-input--mini .o-input__icon {\\n line-height: 28px; }\\n\\n.o-input-group {\\n line-height: normal;\\n display: inline-table;\\n width: 100%;\\n border-collapse: separate;\\n border-spacing: 0; }\\n\\n.o-input-group > .o-input__inner {\\n vertical-align: middle;\\n display: table-cell; }\\n\\n.o-input-group__append,\\n.o-input-group__prepend {\\n background-color: #F5F7FA;\\n color: #909399;\\n vertical-align: middle;\\n display: table-cell;\\n position: relative;\\n border: 1px solid #DCDFE6;\\n border-radius: 4px;\\n padding: 0 20px;\\n width: 1px;\\n white-space: nowrap; }\\n\\n.o-input-group--prepend .o-input__inner,\\n.o-input-group__append {\\n border-top-left-radius: 0;\\n border-bottom-left-radius: 0; }\\n\\n.o-input-group--append .o-input__inner,\\n.o-input-group__prepend {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0; }\\n\\n.o-input-group__append:focus,\\n.o-input-group__prepend:focus {\\n outline: 0; }\\n\\n.o-input-group__append .o-button,\\n.o-input-group__append .o-select,\\n.o-input-group__prepend .o-button,\\n.o-input-group__prepend .o-select {\\n display: inline-block;\\n margin: -10px -20px; }\\n\\n.o-input-group__append button.o-button,\\n.o-input-group__append div.o-select .o-input__inner,\\n.o-input-group__append div.o-select:hover .o-input__inner,\\n.o-input-group__prepend button.o-button,\\n.o-input-group__prepend div.o-select .o-input__inner,\\n.o-input-group__prepend div.o-select:hover .o-input__inner {\\n border-color: transparent;\\n background-color: transparent;\\n color: inherit;\\n border-top: 0;\\n border-bottom: 0; }\\n\\n.o-input-group__append .o-button,\\n.o-input-group__append .o-input,\\n.o-input-group__prepend .o-button,\\n.o-input-group__prepend .o-input {\\n font-size: inherit; }\\n\\n.o-input-group__prepend {\\n border-right: 0; }\\n\\n.o-input-group__append {\\n border-left: 0; }\\n\\n.o-input-group--append .o-select .o-input.is-focus .o-input__inner,\\n.o-input-group--prepend .o-select .o-input.is-focus .o-input__inner {\\n border-color: transparent; }\\n\\n.o-input__inner::-ms-clear {\\n display: none;\\n width: 0;\\n height: 0; }\\n\\n.o-icon-clear {\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n margin-top: -0.5em;\\n cursor: pointer;\\n color: #bfcbd9;\\n display: none;\\n border-radius: 50%;\\n width: 1em;\\n height: 1em; }\\n\\n.o-icon-clear:hover {\\n background: #b1b4b9;\\n color: white; }\\n\\n.o-input:hover .o-icon-clear {\\n display: block;\\n cursor: pointer; }\\n\\n.o-input .o-input__count {\\n position: absolute;\\n top: 0px;\\n right: 4px; }\\n\\n.o-input.is-block {\\n display: block;\\n width: 100%; }\\n\", \"\"]);\n\n// exports\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","\n var result = require(\"!!../node_modules/_css-loader@1.0.1@css-loader/index.js!../node_modules/_resolve-url-loader@3.1.1@resolve-url-loader/index.js!../node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--4-3!./index.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n ","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar omi_1 = require(\"omi\");\nvar css = require(\"./index.scss\");\nvar Input = /** @class */ (function (_super) {\n __extends(Input, _super);\n function Input() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.valueLength = 0;\n _this.handleBlur = function () {\n _this.fire('blur', _this.props.value);\n };\n _this.handleFocus = function () {\n _this.fire('focus', _this.props.value);\n };\n _this.handleChange = function (evt) {\n _this.props.value = evt.target.value;\n _this.fire('change', _this.props.value);\n };\n _this.handleInput = function (evt) {\n _this.props.value = evt.target.value;\n _this.fire('change', _this.props.value);\n if (_this.props.maxLength) {\n _this.valueLength = evt.target.value.length;\n _this.update();\n }\n };\n _this.clearInput = function () {\n _this.updateProps({\n value: ''\n });\n };\n return _this;\n }\n Input.prototype.render = function (props) {\n var _a;\n var type = props.type, size = props.size, suffixIcon = props.suffixIcon, prefixIcon = props.prefixIcon, autoComplete = props.autoComplete, validating = props.validating, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, trim = props.trim, otherProps = __rest(props, [\"type\", \"size\", \"suffixIcon\", \"prefixIcon\", \"autoComplete\", \"validating\", \"onMouseEnter\", \"onMouseLeave\", \"trim\"]);\n this._tempTagName = 'o-icon-' + (suffixIcon || prefixIcon);\n return (omi_1.h(\"div\", __assign({}, omi_1.extractClass(props, 'o-input', (_a = {},\n _a[\"o-input--\" + size] = props.size,\n _a['is-disabled'] = this.props.disabled,\n _a['o-input-suffix'] = suffixIcon,\n _a['o-input-prefix'] = prefixIcon,\n _a['is-block'] = props.block,\n _a)), { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }),\n (prefixIcon || suffixIcon) && omi_1.h(this._tempTagName, __assign({ css: \"svg{\\n\\t\\t\\t\\t\\t\\twidth: 1em;\\n\\t\\t\\t\\t\\t}\" }, omi_1.extractClass(props, 'o-input__icon', {\n 'is-prefix': prefixIcon,\n 'is-suffix': suffixIcon\n }))),\n omi_1.h(\"input\", __assign({}, otherProps, { \n // ref=\"input\"\n type: type, className: \"o-input__inner\", autocomplete: autoComplete, maxLength: props.maxLength, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput })),\n props.clearable && omi_1.h(\"svg\", { onClick: this.clearInput, class: \"o-icon-clear\", fill: \"currentColor\", width: \"1em\", height: \"1em\", focusable: \"false\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\" },\n omi_1.h(\"path\", { d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" })),\n props.maxLength && omi_1.h(\"span\", { class: \"o-input__count\" },\n omi_1.h(\"span\", { class: \"o-input__count-inner\" },\n this.valueLength,\n \"/\",\n props.maxLength))));\n };\n Input.css = css;\n Input.defaultProps = {\n type: 'text',\n autosize: false,\n rows: 2,\n trim: false,\n autoComplete: 'off',\n block: false\n };\n Input.propTypes = {\n disabled: Boolean,\n type: String,\n placeholder: String,\n clearable: Boolean,\n suffixIcon: String,\n size: String,\n prefixIcon: String,\n maxLength: Number,\n autoComplete: String,\n block: Boolean\n };\n Input = __decorate([\n omi_1.tag('o-input')\n ], Input);\n return Input;\n}(omi_1.WeElement));\nexports.default = Input;\n","module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;"],"sourceRoot":""} \ No newline at end of file diff --git a/components/input/src/index.scss b/components/input/src/index.scss index 32e20e5e0..cdbb8dd4e 100644 --- a/components/input/src/index.scss +++ b/components/input/src/index.scss @@ -4,6 +4,10 @@ display: inline-block; } +:host([block]) { + display: block; +} + .o-textarea { position: relative; display: inline-block; @@ -486,3 +490,8 @@ top:0px; right: 4px; } + +.o-input.is-block { + display: block; + width: 100%; + } diff --git a/components/input/src/index.tsx b/components/input/src/index.tsx index c17bd26f0..c42a69ed2 100644 --- a/components/input/src/index.tsx +++ b/components/input/src/index.tsx @@ -87,7 +87,8 @@ export default class Input extends WeElement{ [`o-input--${size}`]: props.size, 'is-disabled': this.props.disabled, 'o-input-suffix': suffixIcon, - 'o-input-prefix': prefixIcon + 'o-input-prefix': prefixIcon, + 'is-block': props.block } ) } onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>