diff --git a/components/badge/README.md b/components/badge/README.md index fbfae2121..9a1cb33e3 100644 --- a/components/badge/README.md +++ b/components/badge/README.md @@ -1,26 +1,26 @@ -## ActionSheet +## Badge -Mobile pop-up options list +Mark in the upper right corner of the icon -* [→ CodePen](https://codepen.io/omijs/pen/wvKdoNJ) +* [→ CodePen](https://codepen.io/omijs/pen/WNQOdaB) ## Import ```js -import '@omiu/action-sheet' +import '@omiu/badge' ``` Or use script tag to ref it. ```html - + ``` ## Usage ```html - + ``` ## API @@ -29,10 +29,10 @@ Or use script tag to ref it. ```tsx { - type: string, - menus: any[], - actions: any[], - show: boolean + dot?: boolean, + content?: string, + x?: number, + y?: number } ``` @@ -40,13 +40,7 @@ Or use script tag to ref it. ```tsx { - type: '', - menus: [], - actions: [], - show: false + x: 0, + y: 0 ) ``` -### Events - -* itemClick -* close diff --git a/components/badge/demos/js-demo/index.html b/components/badge/demos/js-demo/index.html index 494803374..c40a02e0a 100644 --- a/components/badge/demos/js-demo/index.html +++ b/components/badge/demos/js-demo/index.html @@ -14,49 +14,50 @@ - - - + + +
- - - + + + - - - +


+ + +


- - + - +


- - + - +


- - + - +


- - + - +
diff --git a/components/badge/package.json b/components/badge/package.json index 7b8bb58b8..bf56cefd2 100644 --- a/components/badge/package.json +++ b/components/badge/package.json @@ -1,11 +1,11 @@ { - "name": "@omiu/avatar", + "name": "@omiu/badge", "version": "0.0.1", - "description": "A head that symbolizes an image or personality", + "description": "Mark in the upper right corner of the icon", "docsExtend": { - "cnName": "头像", - "cnDescription": "象征着想象或者个性的头像", - "codepen": "wvKdoNJ", + "cnName": "徽章", + "cnDescription": "图标右上角的标记", + "codepen": "WNQOdaB", "codepenHeight": 351, "codepenDefaultTab": "html,result" }, diff --git a/components/badge/src/index.css b/components/badge/src/index.css new file mode 100644 index 000000000..74aef3efa --- /dev/null +++ b/components/badge/src/index.css @@ -0,0 +1,36 @@ +.o-badge { + position: relative; + display: inline-block; } + +.badge { + background-color: #F95050; + color: #FFFFFF; + line-height: 1.2; + top: 0; + right: 0; + height: 20px; + display: flex; + padding: 0 4px; + z-index: 1; + position: absolute; + flex-wrap: wrap; + font-size: 0.75rem; + min-width: 20px; + transform: scale(1) translate(50%, -50%); + box-sizing: border-box; + transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + align-items: center; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 500; + align-content: center; + border-radius: 10px; + flex-direction: row; + justify-content: center; + transform-origin: 100% 0%; } + +.circle { + width: 8px; + height: 8px; + border-radius: 50%; + min-width: 8px; + padding: 0; } diff --git a/components/badge/src/index.d.ts b/components/badge/src/index.d.ts index 674e934a0..bf70e2d42 100644 --- a/components/badge/src/index.d.ts +++ b/components/badge/src/index.d.ts @@ -1,6 +1,4 @@ import { WeElement } from 'omi'; -import '../icon'; -import '../theme.ts'; interface Props { dot?: boolean; content?: string; diff --git a/components/badge/src/index.esm.js b/components/badge/src/index.esm.js new file mode 100644 index 000000000..e610aa44f --- /dev/null +++ b/components/badge/src/index.esm.js @@ -0,0 +1,138 @@ +/** + * @omiu/badge v0.0.1 http://omijs.org + * Front End Cross-Frameworks Framework. + * By dntzhang https://github.com/dntzhang + * Github: https://github.com/Tencent/omi + * MIT Licensed. + */ + +import { h, extractClass, tag, WeElement } from 'omi'; + +/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. All rights reserved. +Licensed under the Apache License, Version 2.0 (the "License"); you may not use +this file except in compliance with the License. You may obtain a copy of the +License at http://www.apache.org/licenses/LICENSE-2.0 + +THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY +KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED +WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, +MERCHANTABLITY OR NON-INFRINGEMENT. + +See the Apache Version 2.0 License for specific language governing permissions +and limitations under the License. +***************************************************************************** */ +/* global Reflect, Promise */ + +var extendStatics = function(d, b) { + extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; + return extendStatics(d, b); +}; + +function __extends(d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); +} + +var __assign = function() { + __assign = Object.assign || function __assign(t) { + for (var s, i = 1, n = arguments.length; i < n; i++) { + s = arguments[i]; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; + } + return t; + }; + return __assign.apply(this, arguments); +}; + +function __decorate(decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + 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; + return c > 3 && r && Object.defineProperty(target, key, r), r; +} + + +var css = `.o-badge { + position: relative; + display: inline-block; } + +.badge { + background-color: #F95050; + color: #FFFFFF; + line-height: 1.2; + top: 0; + right: 0; + height: 20px; + display: flex; + padding: 0 4px; + z-index: 1; + position: absolute; + flex-wrap: wrap; + font-size: 0.75rem; + min-width: 20px; + transform: scale(1) translate(50%, -50%); + box-sizing: border-box; + transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + align-items: center; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 500; + align-content: center; + border-radius: 10px; + flex-direction: row; + justify-content: center; + transform-origin: 100% 0%; } + +.circle { + width: 8px; + height: 8px; + border-radius: 50%; + min-width: 8px; + padding: 0; } +` + + +var Badge = /** @class */ (function (_super) { + __extends(Badge, _super); + function Badge() { + return _super !== null && _super.apply(this, arguments) || this; + } + Badge.prototype.installed = function () { + }; + Badge.prototype.uninstall = function () { + }; + Badge.prototype.render = function (props) { + if (props.content) { + return h("div", __assign({}, extractClass(props, 'o-badge')), + props.children ? props.children[0] : h("slot", null), + h("span", { class: "badge", style: "right:" + props.x * -1 + "px;top:" + props.y + "px;" }, props.content)); + } + if (props.dot) { + return (h("div", { class: "o-badge" }, + props.children ? props.children[0] : h("slot", null), + h("span", { style: "right:" + props.x * -1 + "px;top:" + props.y + "px;", class: "circle badge" }))); + } + return h("div", { class: "o-badge" }, props.children ? props.children[0] : h("slot", null)); + }; + Badge.css = css; + Badge.defaultProps = { + x: 0, + y: 0 + }; + Badge.propTypes = { + dot: Boolean, + content: String, + x: Number, + y: Number + }; + Badge = __decorate([ + tag('o-badge') + ], Badge); + return Badge; +}(WeElement)); + +export default Badge; +//# sourceMappingURL=index.esm.js.map diff --git a/components/badge/src/index.esm.js.map b/components/badge/src/index.esm.js.map new file mode 100644 index 000000000..c855b3b96 --- /dev/null +++ b/components/badge/src/index.esm.js.map @@ -0,0 +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, h, WeElement, extractClass } from 'omi'\nimport * as css from './index.scss'\n\ninterface Props {\n dot?: boolean,\n content?: string,\n x?: number,\n y?: number\n}\n\n\n@tag('o-badge')\nexport default class Badge extends WeElement{\n static css = css\n\n static defaultProps = {\n x: 0,\n y: 0\n }\n\n static propTypes = {\n dot: Boolean,\n content: String,\n x: Number,\n y: Number\n }\n\n\n installed() {\n\n }\n\n uninstall() {\n\n }\n\n\n render(props) {\n if (props.content) {\n return
\n {props.children ? props.children[0] : }\n {props.content}\n
\n }\n\n if (props.dot) {\n return (\n
\n {props.children ? props.children[0] : }\n \n
\n )\n }\n return
{props.children ? props.children[0] : }
\n }\n}\n\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,aAAa,GAAG,SAAS,CAAC,EAAE,CAAC,EAAE;AACnC,IAAI,aAAa,GAAG,MAAM,CAAC,cAAc;AACzC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC;AACpF,QAAQ,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACnF,IAAI,OAAO,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC;AACF;AACO,SAAS,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE;AAChC,IAAI,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACxB,IAAI,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE;AAC3C,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,KAAK,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;AACzF,CAAC;AACD;AACO,IAAI,QAAQ,GAAG,WAAW;AACjC,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,QAAQ,CAAC,CAAC,EAAE;AACrD,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC7D,YAAY,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC7B,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACzF,SAAS;AACT,QAAQ,OAAO,CAAC,CAAC;AACjB,MAAK;AACL,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC3C,EAAC;AAaD;AACO,SAAS,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE;AAC1D,IAAI,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC,wBAAwB,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;AACjI,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AACnI,SAAS,KAAK,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACtJ,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAClE;;;;;;AC7CA;IAAmC,yBAAgB;IAAnD;;KA2CC;IA3BC,yBAAS,GAAT;KAEC;IAED,yBAAS,GAAT;KAEC;IAGD,sBAAM,GAAN,UAAO,KAAK;QACV,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,sBAAS,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC;gBAC3C,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,eAAa;gBACnD,YAAM,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,WAAS,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,eAAU,KAAK,CAAC,CAAC,QAAK,IAAG,KAAK,CAAC,OAAO,CAAQ,CAC1F,CAAA;SACP;QAED,IAAI,KAAK,CAAC,GAAG,EAAE;YACb,QACE,WAAK,KAAK,EAAC,SAAS;gBACjB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,eAAa;gBACnD,YAAM,KAAK,EAAE,WAAS,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,eAAU,KAAK,CAAC,CAAC,QAAK,EAAE,KAAK,EAAC,cAAc,GAAQ,CAClF,EACP;SACF;QACD,OAAO,WAAK,KAAK,EAAC,SAAS,IAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,eAAa,CAAO,CAAA;KACvF;IAzCM,SAAG,GAAG,GAAG,CAAA;IAET,kBAAY,GAAG;QACpB,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAA;IAEM,eAAS,GAAG;QACjB,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,MAAM;QACf,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;KACV,CAAA;IAbkB,KAAK;QADzB,GAAG,CAAC,SAAS,CAAC;OACM,KAAK,CA2CzB;IAAD,YAAC;CAAA,CA3CkC,SAAS;;"} \ No newline at end of file diff --git a/components/badge/src/index.js b/components/badge/src/index.js index 3745725d3..93bf509fc 100644 --- a/components/badge/src/index.js +++ b/components/badge/src/index.js @@ -4,10 +4,10 @@ else if(typeof define === 'function' && define.amd) define(["omi"], factory); else if(typeof exports === 'object') - exports["MBadge"] = factory(require("omi")); + exports["OBadge"] = factory(require("omi")); else - root["MBadge"] = factory(root["Omi"]); -})(window, function(__WEBPACK_EXTERNAL_MODULE_omi__) { + root["OBadge"] = factory(root["Omi"]); +})(this, function(__WEBPACK_EXTERNAL_MODULE_omi__) { return /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; @@ -91,34 +91,34 @@ return /******/ (function(modules) { // webpackBootstrap /******/ /******/ /******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./src/badge/index.tsx"); +/******/ return __webpack_require__(__webpack_require__.s = "./src/index.tsx"); /******/ }) /************************************************************************/ /******/ ({ -/***/ "./node_modules/css-loader/index.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/badge/index.scss": -/*!*******************************************************************************************************************************************!*\ - !*** ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--4-3!./src/badge/index.scss ***! - \*******************************************************************************************************************************************/ +/***/ "./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?!./src/index.scss": +/*!****************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/_css-loader@1.0.1@css-loader!./node_modules/_resolve-url-loader@3.1.1@resolve-url-loader!./node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--4-3!./src/index.scss ***! + \****************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false); +exports = module.exports = __webpack_require__(/*! ../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js */ "./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js")(false); // imports // module -exports.push([module.i, ".m-badge {\n position: relative;\n display: inline-block; }\n\n.badge {\n background-color: #F95050;\n color: #FFFFFF;\n line-height: 1.2;\n top: 0;\n right: 0;\n height: 20px;\n display: flex;\n padding: 0 4px;\n z-index: 1;\n position: absolute;\n flex-wrap: wrap;\n font-size: 0.75rem;\n min-width: 20px;\n transform: scale(1) translate(50%, -50%);\n box-sizing: border-box;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n align-items: center;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-weight: 500;\n align-content: center;\n border-radius: 10px;\n flex-direction: row;\n justify-content: center;\n transform-origin: 100% 0%; }\n\n.circle {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n min-width: 8px;\n padding: 0; }\n", ""]); +exports.push([module.i, ".o-badge {\n position: relative;\n display: inline-block; }\n\n.badge {\n background-color: #F95050;\n color: #FFFFFF;\n line-height: 1.2;\n top: 0;\n right: 0;\n height: 20px;\n display: flex;\n padding: 0 4px;\n z-index: 1;\n position: absolute;\n flex-wrap: wrap;\n font-size: 0.75rem;\n min-width: 20px;\n transform: scale(1) translate(50%, -50%);\n box-sizing: border-box;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n align-items: center;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-weight: 500;\n align-content: center;\n border-radius: 10px;\n flex-direction: row;\n justify-content: center;\n transform-origin: 100% 0%; }\n\n.circle {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n min-width: 8px;\n padding: 0; }\n", ""]); // exports /***/ }), -/***/ "./node_modules/css-loader/lib/css-base.js": -/*!*************************************************!*\ - !*** ./node_modules/css-loader/lib/css-base.js ***! - \*************************************************/ +/***/ "./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js": +/*!*******************************************************************!*\ + !*** ./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js ***! + \*******************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { @@ -202,15 +202,15 @@ function toComment(sourceMap) { /***/ }), -/***/ "./src/badge/index.scss": -/*!******************************!*\ - !*** ./src/badge/index.scss ***! - \******************************/ +/***/ "./src/index.scss": +/*!************************!*\ + !*** ./src/index.scss ***! + \************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { - var result = __webpack_require__(/*! !../../node_modules/css-loader!../../node_modules/resolve-url-loader!../../node_modules/sass-loader/dist/cjs.js??ref--4-3!./index.scss */ "./node_modules/css-loader/index.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/badge/index.scss"); + var result = __webpack_require__(/*! !../node_modules/_css-loader@1.0.1@css-loader!../node_modules/_resolve-url-loader@3.1.1@resolve-url-loader!../node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--4-3!./index.scss */ "./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?!./src/index.scss"); if (typeof result === "string") { module.exports = result; @@ -221,10 +221,10 @@ function toComment(sourceMap) { /***/ }), -/***/ "./src/badge/index.tsx": -/*!*****************************!*\ - !*** ./src/badge/index.tsx ***! - \*****************************/ +/***/ "./src/index.tsx": +/*!***********************!*\ + !*** ./src/index.tsx ***! + \***********************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { @@ -262,10 +262,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, }; Object.defineProperty(exports, "__esModule", { value: true }); var omi_1 = __webpack_require__(/*! omi */ "omi"); -var css = __webpack_require__(/*! ./index.scss */ "./src/badge/index.scss"); -__webpack_require__(/*! ../icon */ "./src/icon/index.js"); -//@ts-ignore -__webpack_require__(/*! ../theme.ts */ "./src/theme.ts"); +var css = __webpack_require__(/*! ./index.scss */ "./src/index.scss"); var Badge = /** @class */ (function (_super) { __extends(Badge, _super); function Badge() { @@ -277,16 +274,16 @@ var Badge = /** @class */ (function (_super) { }; Badge.prototype.render = function (props) { if (props.content) { - return omi_1.h("div", __assign({}, omi_1.extractClass(props, 'm-badge')), + return omi_1.h("div", __assign({}, omi_1.extractClass(props, 'o-badge')), props.children ? props.children[0] : omi_1.h("slot", null), omi_1.h("span", { class: "badge", style: "right:" + props.x * -1 + "px;top:" + props.y + "px;" }, props.content)); } if (props.dot) { - return (omi_1.h("div", { class: "m-badge" }, + return (omi_1.h("div", { class: "o-badge" }, props.children ? props.children[0] : omi_1.h("slot", null), omi_1.h("span", { style: "right:" + props.x * -1 + "px;top:" + props.y + "px;", class: "circle badge" }))); } - return omi_1.h("div", { class: "m-badge" }, props.children ? props.children[0] : omi_1.h("slot", null)); + return omi_1.h("div", { class: "o-badge" }, props.children ? props.children[0] : omi_1.h("slot", null)); }; Badge.css = css; Badge.defaultProps = { @@ -300,389 +297,13 @@ var Badge = /** @class */ (function (_super) { y: Number }; Badge = __decorate([ - omi_1.tag('m-badge') + omi_1.tag('o-badge') ], Badge); return Badge; }(omi_1.WeElement)); exports.default = Badge; -/***/ }), - -/***/ "./src/icon/index.js": -/*!***************************!*\ - !*** ./src/icon/index.js ***! - \***************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -(function webpackUniversalModuleDefinition(root, factory) { - if (true) - module.exports = factory(__webpack_require__(/*! omi */ "omi")); - else {} -})(window, function (__WEBPACK_EXTERNAL_MODULE_omi__) { - return /******/ (function (modules) { - /******/ // The module cache - /******/ var installedModules = {}; - /******/ - /******/ // The require function - /******/ function __webpack_require__(moduleId) { - /******/ - /******/ // Check if module is in cache - /******/ if (installedModules[moduleId]) { - /******/ return installedModules[moduleId].exports; - /******/ } - /******/ // Create a new module (and put it into the cache) - /******/ var module = installedModules[moduleId] = { - /******/ i: moduleId, - /******/ l: false, - /******/ exports: {} - /******/ - }; - /******/ - /******/ // Execute the module function - /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); - /******/ - /******/ // Flag the module as loaded - /******/ module.l = true; - /******/ - /******/ // Return the exports of the module - /******/ return module.exports; - /******/ - } - /******/ - /******/ - /******/ // expose the modules object (__webpack_modules__) - /******/ __webpack_require__.m = modules; - /******/ - /******/ // expose the module cache - /******/ __webpack_require__.c = installedModules; - /******/ - /******/ // define getter function for harmony exports - /******/ __webpack_require__.d = function (exports, name, getter) { - /******/ if (!__webpack_require__.o(exports, name)) { - /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); - /******/ } - /******/ - }; - /******/ - /******/ // define __esModule on exports - /******/ __webpack_require__.r = function (exports) { - /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { - /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); - /******/ } - /******/ Object.defineProperty(exports, '__esModule', { value: true }); - /******/ - }; - /******/ - /******/ // create a fake namespace object - /******/ // mode & 1: value is a module id, require it - /******/ // mode & 2: merge all properties of value into the ns - /******/ // mode & 4: return value when already ns object - /******/ // mode & 8|1: behave like require - /******/ __webpack_require__.t = function (value, mode) { - /******/ if (mode & 1) - value = __webpack_require__(value); - /******/ if (mode & 8) - return value; - /******/ if ((mode & 4) && typeof value === 'object' && value && value.__esModule) - return value; - /******/ var ns = Object.create(null); - /******/ __webpack_require__.r(ns); - /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); - /******/ if (mode & 2 && typeof value != 'string') - for (var key in value) - __webpack_require__.d(ns, key, function (key) { return value[key]; }.bind(null, key)); - /******/ return ns; - /******/ - }; - /******/ - /******/ // getDefaultExport function for compatibility with non-harmony modules - /******/ __webpack_require__.n = function (module) { - /******/ var getter = module && module.__esModule ? - /******/ function getDefault() { return module['default']; } : - /******/ function getModuleExports() { return module; }; - /******/ __webpack_require__.d(getter, 'a', getter); - /******/ return getter; - /******/ - }; - /******/ - /******/ // Object.prototype.hasOwnProperty.call - /******/ __webpack_require__.o = function (object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; - /******/ - /******/ // __webpack_public_path__ - /******/ __webpack_require__.p = ""; - /******/ - /******/ - /******/ // Load entry module and return exports - /******/ return __webpack_require__(__webpack_require__.s = "./src/icon/index.tsx"); - /******/ - })({ - /***/ "./node_modules/_css-loader@1.0.1@css-loader/index.js!./node_modules/_resolve-url-loader@3.1.0@resolve-url-loader/index.js!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js?!./src/icon/index.scss": - /*!***********************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/_css-loader@1.0.1@css-loader!./node_modules/_resolve-url-loader@3.1.0@resolve-url-loader!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js??ref--4-3!./src/icon/index.scss ***! - \***********************************************************************************************************************************************************************************************************/ - /*! no static exports found */ - /***/ (function (module, exports, __webpack_require__) { - exports = module.exports = __webpack_require__(/*! ../../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js */ "./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js")(false); - // imports - // module - exports.push([module.i, ":host {\n display: inline-block; }\n\n.m-icon {\n text-align: center;\n display: inline-block; }\n\n.m-icon svg {\n display: inline-block;\n vertical-align: top; }\n\n.rotate {\n display: inline-block;\n -webkit-animation: rotate 1s infinite linear;\n animation: rotate 1s infinite linear; }\n\ni div {\n font-style: normal; }\n\n@-webkit-keyframes rotate {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n", ""]); - // exports - /***/ - }), - /***/ "./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js": - /*!*******************************************************************!*\ - !*** ./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js ***! - \*******************************************************************/ - /*! no static exports found */ - /***/ (function (module, exports) { - /* - MIT License http://www.opensource.org/licenses/mit-license.php - Author Tobias Koppers @sokra - */ - // css base code, injected by the css-loader - module.exports = function (useSourceMap) { - var list = []; - // return the list of modules as css string - list.toString = function toString() { - return this.map(function (item) { - var content = cssWithMappingToString(item, useSourceMap); - if (item[2]) { - return "@media " + item[2] + "{" + content + "}"; - } - else { - return content; - } - }).join(""); - }; - // import a list of modules into the list - list.i = function (modules, mediaQuery) { - if (typeof modules === "string") - modules = [[null, modules, ""]]; - var alreadyImportedModules = {}; - for (var i = 0; i < this.length; i++) { - var id = this[i][0]; - if (typeof id === "number") - alreadyImportedModules[id] = true; - } - for (i = 0; i < modules.length; i++) { - var item = modules[i]; - // skip already imported module - // this implementation is not 100% perfect for weird media query combinations - // when a module is imported multiple times with different media queries. - // I hope this will never occur (Hey this way we have smaller bundles) - if (typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) { - if (mediaQuery && !item[2]) { - item[2] = mediaQuery; - } - else if (mediaQuery) { - item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"; - } - list.push(item); - } - } - }; - return list; - }; - function cssWithMappingToString(item, useSourceMap) { - var content = item[1] || ''; - var cssMapping = item[3]; - if (!cssMapping) { - return content; - } - if (useSourceMap && typeof btoa === 'function') { - var sourceMapping = toComment(cssMapping); - var sourceURLs = cssMapping.sources.map(function (source) { - return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'; - }); - return [content].concat(sourceURLs).concat([sourceMapping]).join('\n'); - } - return [content].join('\n'); - } - // Adapted from convert-source-map (MIT) - function toComment(sourceMap) { - // eslint-disable-next-line no-undef - var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))); - var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64; - return '/*# ' + data + ' */'; - } - /***/ - }), - /***/ "./src/icon/index.scss": - /*!*****************************!*\ - !*** ./src/icon/index.scss ***! - \*****************************/ - /*! no static exports found */ - /***/ (function (module, exports, __webpack_require__) { - var result = __webpack_require__(/*! !../../node_modules/_css-loader@1.0.1@css-loader!../../node_modules/_resolve-url-loader@3.1.0@resolve-url-loader!../../node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js??ref--4-3!./index.scss */ "./node_modules/_css-loader@1.0.1@css-loader/index.js!./node_modules/_resolve-url-loader@3.1.0@resolve-url-loader/index.js!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js?!./src/icon/index.scss"); - if (typeof result === "string") { - module.exports = result; - } - else { - module.exports = result.toString(); - } - /***/ - }), - /***/ "./src/icon/index.tsx": - /*!****************************!*\ - !*** ./src/icon/index.tsx ***! - \****************************/ - /*! no static exports found */ - /***/ (function (module, exports, __webpack_require__) { - "use strict"; - var __extends = (this && this.__extends) || (function () { - var extendStatics = function (d, b) { - extendStatics = Object.setPrototypeOf || - ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || - function (d, b) { for (var p in b) - if (b.hasOwnProperty(p)) - d[p] = b[p]; }; - return extendStatics(d, b); - }; - return function (d, b) { - extendStatics(d, b); - function __() { this.constructor = d; } - d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); - }; - })(); - var __assign = (this && this.__assign) || function () { - __assign = Object.assign || function (t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) - if (Object.prototype.hasOwnProperty.call(s, p)) - t[p] = s[p]; - } - return t; - }; - return __assign.apply(this, arguments); - }; - var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { - var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; - if (typeof Reflect === "object" && typeof Reflect.decorate === "function") - r = Reflect.decorate(decorators, target, key, desc); - 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; - return c > 3 && r && Object.defineProperty(target, key, r), r; - }; - Object.defineProperty(exports, "__esModule", { value: true }); - var omi_1 = __webpack_require__(/*! omi */ "omi"); - var css = __webpack_require__(/*! ./index.scss */ "./src/icon/index.scss"); - //@ts-ignore - __webpack_require__(/*! ../theme.ts */ "./src/theme.ts"); - var Icon = /** @class */ (function (_super) { - __extends(Icon, _super); - function Icon() { - return _super !== null && _super.apply(this, arguments) || this; - } - Icon.prototype.render = function (props) { - return (omi_1.h("i", __assign({}, omi_1.extractClass(props, 'm-icon')), omi_1.h("svg", { viewBox: '0 0 ' + props.view + ' ' + props.view, class: omi_1.classNames({ rotate: props.rotate }), width: props.scale + 'em', height: props.scale + 'em', fill: props.color, "aria-hidden": "true" }, props.paths ? (props.paths.map(function (item) { - var attrs = { d: item.path, fill: props.color || 'black' }; - if (item.color) - attrs.fill = item.color; - return omi_1.h("path", __assign({}, attrs)); - })) : omi_1.h("path", { d: props.path })), props.children && (omi_1.h("div", { style: "color:" + (props.color || 'black') + ";" }, props.children[0])))); - }; - Icon.css = css; - Icon.defaultProps = { - view: 1024, - scale: 2 - }; - Icon.propTypes = { - path: String, - paths: Object, - view: Number, - scale: Number, - color: String, - rotate: Boolean - }; - Icon = __decorate([ - omi_1.tag('m-icon') - ], Icon); - return Icon; - }(omi_1.WeElement)); - exports.default = Icon; - /***/ - }), - /***/ "./src/theme.ts": - /*!**********************!*\ - !*** ./src/theme.ts ***! - \**********************/ - /*! no static exports found */ - /***/ (function (module, exports) { - theme(); - document.addEventListener('DOMContentLoaded', function () { - theme(); - }); - function theme() { - if (document.body && !document.body.style.getPropertyValue('--mdc-theme-primary')) { - document.body.style.setProperty('--mdc-theme-primary', '#0072d9'); - document.body.style.setProperty('--mdc-theme-secondary', '#2170b8'); - document.body.style.setProperty('--mdc-theme-error', '#f5222d'); - document.body.style.setProperty('--mdc-theme-surface', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-primary', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-secondary', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-error', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-surface', '#000000'); - document.body.style.setProperty('--mdc-theme-background', '#ffffff'); - document.body.style.setProperty('--mdc-shape-small-component-radius', '4px'); - document.body.style.setProperty('--mdc-shape-medium-component-radius', '4px'); - document.body.style.setProperty('--mdc-shape-large-component-radius', '0px'); - document.body.style.setProperty('--mdc-typography--font-family', 'Roboto, sans-serif'); - } - } - /***/ - }), - /***/ "omi": - /*!******************************************************************************!*\ - !*** external {"commonjs":"omi","commonjs2":"omi","amd":"omi","root":"Omi"} ***! - \******************************************************************************/ - /*! no static exports found */ - /***/ (function (module, exports) { - module.exports = __WEBPACK_EXTERNAL_MODULE_omi__; - /***/ - }) - /******/ - })["default"]; -}); -//# sourceMappingURL=index.js.map - - -/***/ }), - -/***/ "./src/theme.ts": -/*!**********************!*\ - !*** ./src/theme.ts ***! - \**********************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -theme(); -document.addEventListener('DOMContentLoaded', function () { - theme(); -}); -function theme() { - if (document.body && !document.body.style.getPropertyValue('--mdc-theme-primary')) { - document.body.style.setProperty('--mdc-theme-primary', '#0072d9'); - document.body.style.setProperty('--mdc-theme-secondary', '#2170b8'); - document.body.style.setProperty('--mdc-theme-error', '#f5222d'); - document.body.style.setProperty('--mdc-theme-surface', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-primary', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-secondary', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-error', '#ffffff'); - document.body.style.setProperty('--mdc-theme-on-surface', '#000000'); - document.body.style.setProperty('--mdc-theme-background', '#ffffff'); - document.body.style.setProperty('--mdc-shape-small-component-radius', '4px'); - document.body.style.setProperty('--mdc-shape-medium-component-radius', '4px'); - document.body.style.setProperty('--mdc-shape-large-component-radius', '0px'); - document.body.style.setProperty('--mdc-typography--font-family', 'Roboto, sans-serif'); - } -} - - /***/ }), /***/ "omi": diff --git a/components/badge/src/index.js.map b/components/badge/src/index.js.map index 5853512fb..eff2c03c3 100644 --- a/components/badge/src/index.js.map +++ b/components/badge/src/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack://MBadge/webpack/universalModuleDefinition","webpack://MBadge/webpack/bootstrap","webpack://MBadge/./src/badge/index.scss","webpack://MBadge/./node_modules/css-loader/lib/css-base.js","webpack://MBadge/./src/badge/index.scss?dd53","webpack://MBadge/./src/badge/index.tsx","webpack://MBadge/./src/icon/index.js","webpack://MBadge/./src/theme.ts","webpack://MBadge/external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"}"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;AClFA,2BAA2B,mBAAO,CAAC,gGAA+C;AAClF;;;AAGA;AACA,cAAc,QAAS,aAAa,uBAAuB,0BAA0B,EAAE,YAAY,8BAA8B,mBAAmB,qBAAqB,WAAW,aAAa,iBAAiB,kBAAkB,mBAAmB,eAAe,uBAAuB,oBAAoB,uBAAuB,oBAAoB,6CAA6C,2BAA2B,iEAAiE,wBAAwB,kEAAkE,qBAAqB,0BAA0B,wBAAwB,wBAAwB,4BAA4B,8BAA8B,EAAE,aAAa,eAAe,gBAAgB,uBAAuB,mBAAmB,eAAe,EAAE;;AAEj0B;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;;;;;;;AC1EA,qBAAqB,mBAAO,CAAC,4RAA2J;;AAExL;AACA;AACA,SAAS;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,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,gBAAK;AACzB,UAAU,mBAAO,CAAC,4CAAc;AAChC,mBAAO,CAAC,oCAAS;AACjB;AACA,mBAAO,CAAC,mCAAa;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA,iCAAiC,sDAAsD,sBAAsB,GAAG;AAChH;AACA;AACA,oCAAoC,mBAAmB;AACvD;AACA,iCAAiC,sCAAsC,sBAAsB,0BAA0B;AACvH;AACA,+BAA+B,mBAAmB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;;;;;;;;;;;AC3EA;AACA,QAAQ,IAAyD;AACjE,iCAAiC,mBAAO,CAAC,gBAAK;AAC9C,SAAS,EAKoC;AAC7C,CAAC;AACD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D,gCAAgC;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6EAA6E,kBAAkB;AAC/F;AACA,mEAAmE,cAAc;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D,iCAAiC;AAC5F;AACA;AACA,mEAAmE,mBAAmB,EAAE;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgD,0BAA0B,EAAE;AAC5E,sDAAsD,eAAe;AACrE;AACA;AACA;AACA;AACA;AACA;AACA,sEAAsE,+DAA+D;AACrI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,0BAA0B,EAAE,aAAa,uBAAuB,0BAA0B,EAAE,iBAAiB,0BAA0B,wBAAwB,EAAE,aAAa,0BAA0B,iDAAiD,yCAAyC,EAAE,WAAW,uBAAuB,EAAE,+BAA+B,UAAU,wCAAwC,gCAAgC,EAAE,EAAE,uBAAuB,UAAU,wCAAwC,gCAAgC,EAAE,EAAE;AACtlB;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D,gBAAgB;AAC3E;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,iBAAiB;AACpD;AACA;AACA;AACA;AACA,+BAA+B,oBAAoB;AACnD;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,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE,cAAc;AACjF;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,gBAAgB,sCAAsC,iBAAiB,EAAE;AACnG,yCAAyC;AACzC;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA,mCAAmC,sBAAsB;AACzD;AACA;AACA,aAAa;AACb;AACA;AACA,4DAA4D,OAAO;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD,QAAQ;AAC/D;AACA;AACA;AACA;AACA,0DAA0D,cAAc;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oDAAoD,wDAAwD,2EAA2E,uBAAuB,oGAAoG;AAClT,qCAAqC;AACrC;AACA;AACA,0DAA0D;AAC1D,qBAAqB,sBAAsB,gBAAgB,uCAAuC,gDAAgD,GAAG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,yBAAyB,4DAA4D;AACrF;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA,KAAK;AACL,CAAC;AACD;;;;;;;;;;;;ACjVA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACpBA,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[\"MBadge\"] = factory(require(\"omi\"));\n\telse\n\t\troot[\"MBadge\"] = factory(root[\"Omi\"]);\n})(window, 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/badge/index.tsx\");\n","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".m-badge {\\n position: relative;\\n display: inline-block; }\\n\\n.badge {\\n background-color: #F95050;\\n color: #FFFFFF;\\n line-height: 1.2;\\n top: 0;\\n right: 0;\\n height: 20px;\\n display: flex;\\n padding: 0 4px;\\n z-index: 1;\\n position: absolute;\\n flex-wrap: wrap;\\n font-size: 0.75rem;\\n min-width: 20px;\\n transform: scale(1) translate(50%, -50%);\\n box-sizing: border-box;\\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n align-items: center;\\n font-family: \\\"Roboto\\\", \\\"Helvetica\\\", \\\"Arial\\\", sans-serif;\\n font-weight: 500;\\n align-content: center;\\n border-radius: 10px;\\n flex-direction: row;\\n justify-content: center;\\n transform-origin: 100% 0%; }\\n\\n.circle {\\n width: 8px;\\n height: 8px;\\n border-radius: 50%;\\n min-width: 8px;\\n padding: 0; }\\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/index.js!../../node_modules/resolve-url-loader/index.js!../../node_modules/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};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar omi_1 = require(\"omi\");\nvar css = require(\"./index.scss\");\nrequire(\"../icon\");\n//@ts-ignore\nrequire(\"../theme.ts\");\nvar Badge = /** @class */ (function (_super) {\n __extends(Badge, _super);\n function Badge() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Badge.prototype.installed = function () {\n };\n Badge.prototype.uninstall = function () {\n };\n Badge.prototype.render = function (props) {\n if (props.content) {\n return omi_1.h(\"div\", __assign({}, omi_1.extractClass(props, 'm-badge')),\n props.children ? props.children[0] : omi_1.h(\"slot\", null),\n omi_1.h(\"span\", { class: \"badge\", style: \"right:\" + props.x * -1 + \"px;top:\" + props.y + \"px;\" }, props.content));\n }\n if (props.dot) {\n return (omi_1.h(\"div\", { class: \"m-badge\" },\n props.children ? props.children[0] : omi_1.h(\"slot\", null),\n omi_1.h(\"span\", { style: \"right:\" + props.x * -1 + \"px;top:\" + props.y + \"px;\", class: \"circle badge\" })));\n }\n return omi_1.h(\"div\", { class: \"m-badge\" }, props.children ? props.children[0] : omi_1.h(\"slot\", null));\n };\n Badge.css = css;\n Badge.defaultProps = {\n x: 0,\n y: 0\n };\n Badge.propTypes = {\n dot: Boolean,\n content: String,\n x: Number,\n y: Number\n };\n Badge = __decorate([\n omi_1.tag('m-badge')\n ], Badge);\n return Badge;\n}(omi_1.WeElement));\nexports.default = Badge;\n","(function webpackUniversalModuleDefinition(root, factory) {\n if (typeof exports === 'object' && typeof module === 'object')\n module.exports = factory(require(\"omi\"));\n else if (typeof define === 'function' && define.amd)\n define([\"omi\"], factory);\n else if (typeof exports === 'object')\n exports[\"MIcon\"] = factory(require(\"omi\"));\n else\n root[\"MIcon\"] = factory(root[\"Omi\"]);\n})(window, function (__WEBPACK_EXTERNAL_MODULE_omi__) {\n return /******/ (function (modules) {\n /******/ // The module cache\n /******/ var installedModules = {};\n /******/\n /******/ // The require function\n /******/ function __webpack_require__(moduleId) {\n /******/\n /******/ // Check if module is in cache\n /******/ if (installedModules[moduleId]) {\n /******/ return installedModules[moduleId].exports;\n /******/ }\n /******/ // Create a new module (and put it into the cache)\n /******/ var module = installedModules[moduleId] = {\n /******/ i: moduleId,\n /******/ l: false,\n /******/ exports: {}\n /******/ \n };\n /******/\n /******/ // Execute the module function\n /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n /******/\n /******/ // Flag the module as loaded\n /******/ module.l = true;\n /******/\n /******/ // Return the exports of the module\n /******/ return module.exports;\n /******/ \n }\n /******/\n /******/\n /******/ // expose the modules object (__webpack_modules__)\n /******/ __webpack_require__.m = modules;\n /******/\n /******/ // expose the module cache\n /******/ __webpack_require__.c = installedModules;\n /******/\n /******/ // define getter function for harmony exports\n /******/ __webpack_require__.d = function (exports, name, getter) {\n /******/ if (!__webpack_require__.o(exports, name)) {\n /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });\n /******/ }\n /******/ \n };\n /******/\n /******/ // define __esModule on exports\n /******/ __webpack_require__.r = function (exports) {\n /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n /******/ }\n /******/ Object.defineProperty(exports, '__esModule', { value: true });\n /******/ \n };\n /******/\n /******/ // create a fake namespace object\n /******/ // mode & 1: value is a module id, require it\n /******/ // mode & 2: merge all properties of value into the ns\n /******/ // mode & 4: return value when already ns object\n /******/ // mode & 8|1: behave like require\n /******/ __webpack_require__.t = function (value, mode) {\n /******/ if (mode & 1)\n value = __webpack_require__(value);\n /******/ if (mode & 8)\n return value;\n /******/ if ((mode & 4) && typeof value === 'object' && value && value.__esModule)\n return value;\n /******/ var ns = Object.create(null);\n /******/ __webpack_require__.r(ns);\n /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });\n /******/ if (mode & 2 && typeof value != 'string')\n for (var key in value)\n __webpack_require__.d(ns, key, function (key) { return value[key]; }.bind(null, key));\n /******/ return ns;\n /******/ \n };\n /******/\n /******/ // getDefaultExport function for compatibility with non-harmony modules\n /******/ __webpack_require__.n = function (module) {\n /******/ var getter = module && module.__esModule ?\n /******/ function getDefault() { return module['default']; } :\n /******/ function getModuleExports() { return module; };\n /******/ __webpack_require__.d(getter, 'a', getter);\n /******/ return getter;\n /******/ \n };\n /******/\n /******/ // Object.prototype.hasOwnProperty.call\n /******/ __webpack_require__.o = function (object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n /******/\n /******/ // __webpack_public_path__\n /******/ __webpack_require__.p = \"\";\n /******/\n /******/\n /******/ // Load entry module and return exports\n /******/ return __webpack_require__(__webpack_require__.s = \"./src/icon/index.tsx\");\n /******/ \n })({\n /***/ \"./node_modules/_css-loader@1.0.1@css-loader/index.js!./node_modules/_resolve-url-loader@3.1.0@resolve-url-loader/index.js!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js?!./src/icon/index.scss\": \n /*!***********************************************************************************************************************************************************************************************************!*\\\n !*** ./node_modules/_css-loader@1.0.1@css-loader!./node_modules/_resolve-url-loader@3.1.0@resolve-url-loader!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js??ref--4-3!./src/icon/index.scss ***!\n \\***********************************************************************************************************************************************************************************************************/\n /*! no static exports found */\n /***/ (function (module, exports, __webpack_require__) {\n exports = module.exports = __webpack_require__(/*! ../../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js */ \"./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n // imports\n // module\n exports.push([module.i, \":host {\\n display: inline-block; }\\n\\n.m-icon {\\n text-align: center;\\n display: inline-block; }\\n\\n.m-icon svg {\\n display: inline-block;\\n vertical-align: top; }\\n\\n.rotate {\\n display: inline-block;\\n -webkit-animation: rotate 1s infinite linear;\\n animation: rotate 1s infinite linear; }\\n\\ni div {\\n font-style: normal; }\\n\\n@-webkit-keyframes rotate {\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n@keyframes rotate {\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\", \"\"]);\n // exports\n /***/ \n }),\n /***/ \"./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\": \n /*!*******************************************************************!*\\\n !*** ./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js ***!\n \\*******************************************************************/\n /*! no static exports found */\n /***/ (function (module, exports) {\n /*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n */\n // css base code, injected by the css-loader\n module.exports = function (useSourceMap) {\n var list = [];\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = cssWithMappingToString(item, useSourceMap);\n if (item[2]) {\n return \"@media \" + item[2] + \"{\" + content + \"}\";\n }\n else {\n return content;\n }\n }).join(\"\");\n };\n // import a list of modules into the list\n list.i = function (modules, mediaQuery) {\n if (typeof modules === \"string\")\n modules = [[null, modules, \"\"]];\n var alreadyImportedModules = {};\n for (var i = 0; i < this.length; i++) {\n var id = this[i][0];\n if (typeof id === \"number\")\n alreadyImportedModules[id] = true;\n }\n for (i = 0; i < modules.length; i++) {\n var item = modules[i];\n // skip already imported module\n // this implementation is not 100% perfect for weird media query combinations\n // when a module is imported multiple times with different media queries.\n // I hope this will never occur (Hey this way we have smaller bundles)\n if (typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n if (mediaQuery && !item[2]) {\n item[2] = mediaQuery;\n }\n else if (mediaQuery) {\n item[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n }\n list.push(item);\n }\n }\n };\n return list;\n };\n function cssWithMappingToString(item, useSourceMap) {\n var content = item[1] || '';\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (useSourceMap && typeof btoa === 'function') {\n var sourceMapping = toComment(cssMapping);\n var sourceURLs = cssMapping.sources.map(function (source) {\n return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */';\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n }\n return [content].join('\\n');\n }\n // Adapted from convert-source-map (MIT)\n function toComment(sourceMap) {\n // eslint-disable-next-line no-undef\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n return '/*# ' + data + ' */';\n }\n /***/ \n }),\n /***/ \"./src/icon/index.scss\": \n /*!*****************************!*\\\n !*** ./src/icon/index.scss ***!\n \\*****************************/\n /*! no static exports found */\n /***/ (function (module, exports, __webpack_require__) {\n var result = __webpack_require__(/*! !../../node_modules/_css-loader@1.0.1@css-loader!../../node_modules/_resolve-url-loader@3.1.0@resolve-url-loader!../../node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js??ref--4-3!./index.scss */ \"./node_modules/_css-loader@1.0.1@css-loader/index.js!./node_modules/_resolve-url-loader@3.1.0@resolve-url-loader/index.js!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js?!./src/icon/index.scss\");\n if (typeof result === \"string\") {\n module.exports = result;\n }\n else {\n module.exports = result.toString();\n }\n /***/ \n }),\n /***/ \"./src/icon/index.tsx\": \n /*!****************************!*\\\n !*** ./src/icon/index.tsx ***!\n \\****************************/\n /*! no static exports found */\n /***/ (function (module, exports, __webpack_require__) {\n \"use strict\";\n var __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)\n if (b.hasOwnProperty(p))\n 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 })();\n var __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)\n if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n };\n var __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\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n 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 };\n Object.defineProperty(exports, \"__esModule\", { value: true });\n var omi_1 = __webpack_require__(/*! omi */ \"omi\");\n var css = __webpack_require__(/*! ./index.scss */ \"./src/icon/index.scss\");\n //@ts-ignore\n __webpack_require__(/*! ../theme.ts */ \"./src/theme.ts\");\n var Icon = /** @class */ (function (_super) {\n __extends(Icon, _super);\n function Icon() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Icon.prototype.render = function (props) {\n return (omi_1.h(\"i\", __assign({}, omi_1.extractClass(props, 'm-icon')), omi_1.h(\"svg\", { viewBox: '0 0 ' + props.view + ' ' + props.view, class: omi_1.classNames({ rotate: props.rotate }), width: props.scale + 'em', height: props.scale + 'em', fill: props.color, \"aria-hidden\": \"true\" }, props.paths ? (props.paths.map(function (item) {\n var attrs = { d: item.path, fill: props.color || 'black' };\n if (item.color)\n attrs.fill = item.color;\n return omi_1.h(\"path\", __assign({}, attrs));\n })) : omi_1.h(\"path\", { d: props.path })), props.children && (omi_1.h(\"div\", { style: \"color:\" + (props.color || 'black') + \";\" }, props.children[0]))));\n };\n Icon.css = css;\n Icon.defaultProps = {\n view: 1024,\n scale: 2\n };\n Icon.propTypes = {\n path: String,\n paths: Object,\n view: Number,\n scale: Number,\n color: String,\n rotate: Boolean\n };\n Icon = __decorate([\n omi_1.tag('m-icon')\n ], Icon);\n return Icon;\n }(omi_1.WeElement));\n exports.default = Icon;\n /***/ \n }),\n /***/ \"./src/theme.ts\": \n /*!**********************!*\\\n !*** ./src/theme.ts ***!\n \\**********************/\n /*! no static exports found */\n /***/ (function (module, exports) {\n theme();\n document.addEventListener('DOMContentLoaded', function () {\n theme();\n });\n function theme() {\n if (document.body && !document.body.style.getPropertyValue('--mdc-theme-primary')) {\n document.body.style.setProperty('--mdc-theme-primary', '#0072d9');\n document.body.style.setProperty('--mdc-theme-secondary', '#2170b8');\n document.body.style.setProperty('--mdc-theme-error', '#f5222d');\n document.body.style.setProperty('--mdc-theme-surface', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-primary', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-secondary', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-error', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-surface', '#000000');\n document.body.style.setProperty('--mdc-theme-background', '#ffffff');\n document.body.style.setProperty('--mdc-shape-small-component-radius', '4px');\n document.body.style.setProperty('--mdc-shape-medium-component-radius', '4px');\n document.body.style.setProperty('--mdc-shape-large-component-radius', '0px');\n document.body.style.setProperty('--mdc-typography--font-family', 'Roboto, sans-serif');\n }\n }\n /***/ \n }),\n /***/ \"omi\": \n /*!******************************************************************************!*\\\n !*** external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"} ***!\n \\******************************************************************************/\n /*! no static exports found */\n /***/ (function (module, exports) {\n module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n /***/ \n })\n /******/ \n })[\"default\"];\n});\n//# sourceMappingURL=index.js.map\n","theme();\ndocument.addEventListener('DOMContentLoaded', function () {\n theme();\n});\nfunction theme() {\n if (document.body && !document.body.style.getPropertyValue('--mdc-theme-primary')) {\n document.body.style.setProperty('--mdc-theme-primary', '#0072d9');\n document.body.style.setProperty('--mdc-theme-secondary', '#2170b8');\n document.body.style.setProperty('--mdc-theme-error', '#f5222d');\n document.body.style.setProperty('--mdc-theme-surface', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-primary', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-secondary', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-error', '#ffffff');\n document.body.style.setProperty('--mdc-theme-on-surface', '#000000');\n document.body.style.setProperty('--mdc-theme-background', '#ffffff');\n document.body.style.setProperty('--mdc-shape-small-component-radius', '4px');\n document.body.style.setProperty('--mdc-shape-medium-component-radius', '4px');\n document.body.style.setProperty('--mdc-shape-large-component-radius', '0px');\n document.body.style.setProperty('--mdc-typography--font-family', 'Roboto, sans-serif');\n }\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack://OBadge/webpack/universalModuleDefinition","webpack://OBadge/webpack/bootstrap","webpack://OBadge/./src/index.scss","webpack://OBadge/./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js","webpack://OBadge/./src/index.scss?56db","webpack://OBadge/./src/index.tsx","webpack://OBadge/external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"}"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;AClFA,2BAA2B,mBAAO,CAAC,iIAA8D;AACjG;;;AAGA;AACA,cAAc,QAAS,aAAa,uBAAuB,0BAA0B,EAAE,YAAY,8BAA8B,mBAAmB,qBAAqB,WAAW,aAAa,iBAAiB,kBAAkB,mBAAmB,eAAe,uBAAuB,oBAAoB,uBAAuB,oBAAoB,6CAA6C,2BAA2B,iEAAiE,wBAAwB,kEAAkE,qBAAqB,0BAA0B,wBAAwB,wBAAwB,4BAA4B,8BAA8B,EAAE,aAAa,eAAe,gBAAgB,uBAAuB,mBAAmB,eAAe,EAAE;;AAEj0B;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;;;;;;;AC1EA,qBAAqB,mBAAO,CAAC,2YAAiN;;AAE9O;AACA;AACA,SAAS;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,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,gBAAK;AACzB,UAAU,mBAAO,CAAC,sCAAc;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA,iCAAiC,sDAAsD,sBAAsB,GAAG;AAChH;AACA;AACA,oCAAoC,mBAAmB;AACvD;AACA,iCAAiC,sCAAsC,sBAAsB,0BAA0B;AACvH;AACA,+BAA+B,mBAAmB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;;;;;;;;;;;ACxEA,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[\"OBadge\"] = factory(require(\"omi\"));\n\telse\n\t\troot[\"OBadge\"] = 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, \".o-badge {\\n position: relative;\\n display: inline-block; }\\n\\n.badge {\\n background-color: #F95050;\\n color: #FFFFFF;\\n line-height: 1.2;\\n top: 0;\\n right: 0;\\n height: 20px;\\n display: flex;\\n padding: 0 4px;\\n z-index: 1;\\n position: absolute;\\n flex-wrap: wrap;\\n font-size: 0.75rem;\\n min-width: 20px;\\n transform: scale(1) translate(50%, -50%);\\n box-sizing: border-box;\\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n align-items: center;\\n font-family: \\\"Roboto\\\", \\\"Helvetica\\\", \\\"Arial\\\", sans-serif;\\n font-weight: 500;\\n align-content: center;\\n border-radius: 10px;\\n flex-direction: row;\\n justify-content: center;\\n transform-origin: 100% 0%; }\\n\\n.circle {\\n width: 8px;\\n height: 8px;\\n border-radius: 50%;\\n min-width: 8px;\\n padding: 0; }\\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};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar omi_1 = require(\"omi\");\nvar css = require(\"./index.scss\");\nvar Badge = /** @class */ (function (_super) {\n __extends(Badge, _super);\n function Badge() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Badge.prototype.installed = function () {\n };\n Badge.prototype.uninstall = function () {\n };\n Badge.prototype.render = function (props) {\n if (props.content) {\n return omi_1.h(\"div\", __assign({}, omi_1.extractClass(props, 'o-badge')),\n props.children ? props.children[0] : omi_1.h(\"slot\", null),\n omi_1.h(\"span\", { class: \"badge\", style: \"right:\" + props.x * -1 + \"px;top:\" + props.y + \"px;\" }, props.content));\n }\n if (props.dot) {\n return (omi_1.h(\"div\", { class: \"o-badge\" },\n props.children ? props.children[0] : omi_1.h(\"slot\", null),\n omi_1.h(\"span\", { style: \"right:\" + props.x * -1 + \"px;top:\" + props.y + \"px;\", class: \"circle badge\" })));\n }\n return omi_1.h(\"div\", { class: \"o-badge\" }, props.children ? props.children[0] : omi_1.h(\"slot\", null));\n };\n Badge.css = css;\n Badge.defaultProps = {\n x: 0,\n y: 0\n };\n Badge.propTypes = {\n dot: Boolean,\n content: String,\n x: Number,\n y: Number\n };\n Badge = __decorate([\n omi_1.tag('o-badge')\n ], Badge);\n return Badge;\n}(omi_1.WeElement));\nexports.default = Badge;\n","module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;"],"sourceRoot":""} \ No newline at end of file diff --git a/components/badge/src/index.scss b/components/badge/src/index.scss index 38b8648d2..6e14f81b2 100644 --- a/components/badge/src/index.scss +++ b/components/badge/src/index.scss @@ -1,8 +1,8 @@ -@import "../theme.scss"; +@import "@omiu/common/theme.scss"; -.m-badge { +.o-badge { position: relative; display: inline-block; } @@ -45,4 +45,4 @@ border-radius: 50%; min-width: 8px; padding: 0; -} \ No newline at end of file +} diff --git a/components/badge/src/index.tsx b/components/badge/src/index.tsx index 447ad624a..6a00ef7a9 100644 --- a/components/badge/src/index.tsx +++ b/components/badge/src/index.tsx @@ -1,8 +1,5 @@ import { tag, h, WeElement, extractClass } from 'omi' import * as css from './index.scss' -import '../icon' -//@ts-ignore -import '../theme.ts' interface Props { dot?: boolean, @@ -12,7 +9,7 @@ interface Props { } -@tag('m-badge') +@tag('o-badge') export default class Badge extends WeElement{ static css = css @@ -40,7 +37,7 @@ export default class Badge extends WeElement{ render(props) { if (props.content) { - return
+ return
{props.children ? props.children[0] : } {props.content}
@@ -48,13 +45,13 @@ export default class Badge extends WeElement{ if (props.dot) { return ( -
+
{props.children ? props.children[0] : }
) } - return
{props.children ? props.children[0] : }
+ return
{props.children ? props.children[0] : }
} } diff --git a/components/docs-src/src/docs/en/badge.md b/components/docs-src/src/docs/en/badge.md new file mode 100644 index 000000000..df90d363b --- /dev/null +++ b/components/docs-src/src/docs/en/badge.md @@ -0,0 +1,49 @@ +## Badge + +Mark in the upper right corner of the icon + + + +## Import + +```js +import '@omiu/badge' +``` + +Or use script tag to ref it. + + +```html + +``` + +## Usage + +```html + +``` + +## API + +### Props + +```tsx +{ + dot?: boolean, + content?: string, + x?: number, + y?: number +} +``` + +### 默认属性 + +```tsx +{ + x: 0, + y: 0 +) +``` diff --git a/components/docs-src/src/docs/zh-cn/badge.md b/components/docs-src/src/docs/zh-cn/badge.md new file mode 100644 index 000000000..99bfb1a03 --- /dev/null +++ b/components/docs-src/src/docs/zh-cn/badge.md @@ -0,0 +1,49 @@ +## Badge 徽章 + +图标右上角的标记 + + + +## 导入 + +```js +import '@omiu/badge' +``` + +或者直接 script 标签引入。 + + +```html + +``` + +## 使用 + +```html + +``` + + +## API + +### 属性 + +```tsx +{ + dot?: boolean, + content?: string, + x?: number, + y?: number +} +``` + +### 默认属性 +```tsx +{ + x: 0, + y: 0 +) +```