@aliwind/rc-console-menu
Version:
React component for Alibaba Cloud.
1 lines • 13 kB
JSON
{"remainingRequest":"/Users/csr/workspace/open-component/node_modules/thread-loader/dist/cjs.js??ref--9-1!/Users/csr/workspace/open-component/node_modules/@breezr/plugin-typescript/node_modules/ts-loader/index.js??ref--9-2!/Users/csr/workspace/open-component/packages/rc-console-menu/src/styles/Menu.tsx","dependencies":[{"path":"/Users/csr/workspace/open-component/packages/rc-console-menu/src/styles/Menu.tsx","mtime":1572849729648},{"path":"/Users/csr/workspace/open-component/node_modules/cache-loader/dist/cjs.js","mtime":1571812248602},{"path":"/Users/csr/workspace/open-component/node_modules/thread-loader/dist/cjs.js","mtime":1571812248618},{"path":"/Users/csr/workspace/open-component/node_modules/@breezr/plugin-typescript/node_modules/ts-loader/index.js","mtime":1571882237140}],"contextDependencies":[],"result":["var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\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 __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Nav } from '@aliwind/component';\nimport Item from './Item';\nimport SubMenu from './SubMenu';\nimport { getPriority } from '../utils';\n/**\n * @public\n */\nvar PrimaryMenu = styled(NavFilterProps)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n \", \" {\\n padding: 0;\\n border: 0;\\n border-radius: 0;\\n box-shadow: none;\\n background-color: #f5f5f5;\\n\\n .\", \"menu-header {\\n box-sizing: border-box;\\n border-bottom: 1px solid #ebebeb;\\n padding: 15px 0 14px;\\n }\\n\\n \", \" {\\n background-color: #f5f5f5;\\n\\n .\", \"nav-item.\", \"menu-item {\\n background-color: #f5f5f5;\\n color: #555555;\\n padding: 0 16px 0 16px;\\n\\n &:hover {\\n background-color: #ebebeb;\\n color: #111111;\\n }\\n\\n &.\", \"opened {\\n color: #555555;\\n }\\n\\n .\", \"menu-item-inner {\\n position: relative;\\n .\", \"menu-icon-arrow {\\n color: #a8a8a8;\\n right: 0;\\n }\\n }\\n }\\n }\\n\\n \", \" {\\n color: #555555;\\n background-color: #f5f5f5;\\n padding: 0 24px 0 16px;\\n\\n &:hover {\\n background-color: #ebebeb;\\n color: #111111;\\n }\\n\\n a {\\n color: #555555;\\n &:hover {\\n text-decoration: none;\\n }\\n }\\n\\n &.\", \"nav-item.\", \"menu-item.\", \"selected.\", \"selected {\\n background-color: #dedede;\\n color: #333333;\\n }\\n\\n &.\", \"nav-item.\", \"menu-item.\", \"disabled {\\n color: #c1c1c1;\\n\\n a {\\n background-color: #f5f5f5;\\n }\\n\\n &:hover {\\n background-color: #f5f5f5;\\n color: #c1c1c1;\\n }\\n }\\n }\\n }\\n\"], [\"\\n \", \" {\\n padding: 0;\\n border: 0;\\n border-radius: 0;\\n box-shadow: none;\\n background-color: #f5f5f5;\\n\\n .\", \"menu-header {\\n box-sizing: border-box;\\n border-bottom: 1px solid #ebebeb;\\n padding: 15px 0 14px;\\n }\\n\\n \", \" {\\n background-color: #f5f5f5;\\n\\n .\", \"nav-item.\", \"menu-item {\\n background-color: #f5f5f5;\\n color: #555555;\\n padding: 0 16px 0 16px;\\n\\n &:hover {\\n background-color: #ebebeb;\\n color: #111111;\\n }\\n\\n &.\", \"opened {\\n color: #555555;\\n }\\n\\n .\", \"menu-item-inner {\\n position: relative;\\n .\", \"menu-icon-arrow {\\n color: #a8a8a8;\\n right: 0;\\n }\\n }\\n }\\n }\\n\\n \", \" {\\n color: #555555;\\n background-color: #f5f5f5;\\n padding: 0 24px 0 16px;\\n\\n &:hover {\\n background-color: #ebebeb;\\n color: #111111;\\n }\\n\\n a {\\n color: #555555;\\n &:hover {\\n text-decoration: none;\\n }\\n }\\n\\n &.\", \"nav-item.\", \"menu-item.\", \"selected.\", \"selected {\\n background-color: #dedede;\\n color: #333333;\\n }\\n\\n &.\", \"nav-item.\", \"menu-item.\", \"disabled {\\n color: #c1c1c1;\\n\\n a {\\n background-color: #f5f5f5;\\n }\\n\\n &:hover {\\n background-color: #f5f5f5;\\n color: #c1c1c1;\\n }\\n }\\n }\\n }\\n\"])), getPriority(5), getPrefix, SubMenu, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, Item, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix);\nexport default PrimaryMenu;\n/**\n * @public\n */\nexport var SecondaryMenu = styled(NavFilterProps)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n \", \" {\\n \", \" {\\n padding: 0 24px 0 0;\\n\\n &.\", \"nav-item.\", \"menu-item.\", \"disabled {\\n color: #c1c1c1;\\n\\n &:hover {\\n color: #c1c1c1;\\n }\\n }\\n\\n .\", \"menu-item-inner {\\n height: 32px;\\n line-height: 32px;\\n }\\n }\\n\\n \", \" {\\n .\", \"nav-item.\", \"menu-item {\\n padding: 0 24px 0 0;\\n\\n &.\", \"opened {\\n color: #555555;\\n }\\n\\n .\", \"menu-icon-arrow.\", \"icon:before {\\n transform: scale(0.7);\\n }\\n\\n .\", \"menu-item-inner {\\n height: 32px;\\n line-height: 32px;\\n }\\n }\\n\\n .\", \"menu-sub-menu {\\n \", \" {\\n padding: 0 24px 0 16px;\\n\\n .\", \"menu-item-inner {\\n height: 32px;\\n line-height: 32px;\\n }\\n }\\n }\\n }\\n }\\n\"], [\"\\n \", \" {\\n \", \" {\\n padding: 0 24px 0 0;\\n\\n &.\", \"nav-item.\", \"menu-item.\", \"disabled {\\n color: #c1c1c1;\\n\\n &:hover {\\n color: #c1c1c1;\\n }\\n }\\n\\n .\", \"menu-item-inner {\\n height: 32px;\\n line-height: 32px;\\n }\\n }\\n\\n \", \" {\\n .\", \"nav-item.\", \"menu-item {\\n padding: 0 24px 0 0;\\n\\n &.\", \"opened {\\n color: #555555;\\n }\\n\\n .\", \"menu-icon-arrow.\", \"icon:before {\\n transform: scale(0.7);\\n }\\n\\n .\", \"menu-item-inner {\\n height: 32px;\\n line-height: 32px;\\n }\\n }\\n\\n .\", \"menu-sub-menu {\\n \", \" {\\n padding: 0 24px 0 16px;\\n\\n .\", \"menu-item-inner {\\n height: 32px;\\n line-height: 32px;\\n }\\n }\\n }\\n }\\n }\\n\"])), getPriority(5), Item, getPrefix, getPrefix, getPrefix, getPrefix, SubMenu, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, Item, getPrefix);\nfunction getPrefix(_a) {\n var fusionPrefix = _a.fusionPrefix;\n return fusionPrefix;\n}\nfunction NavFilterProps(_a) {\n var fusionPrefix = _a.fusionPrefix, props = __rest(_a, [\"fusionPrefix\"]);\n return React.createElement(Nav, __assign({}, props));\n}\nvar templateObject_1, templateObject_2;\n",{"version":3,"file":"/Users/csr/workspace/open-component/packages/rc-console-menu/src/styles/Menu.tsx","sourceRoot":"","sources":["/Users/csr/workspace/open-component/packages/rc-console-menu/src/styles/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AACxC,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC;;GAEG;AACH,IAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,qhDAExC,MACE,EAAc,4HAOX,EAAS,mIAMV,EAAO,iDAGJ,EAAS,WAAY,EAAS,0NAU3B,EAAS,6DAIV,EAAS,+DAEP,EAAS,uHAQhB,EAAI,gTAiBA,EAAS,WAAY,EAAS,YAAa,EAAS,WAAY,EAAS,8FAKzE,EAAS,WAAY,EAAS,YAAa,EAAS,6NAc7D,KA5EG,WAAW,CAAC,CAAC,CAAC,EAOX,SAAS,EAMV,OAAO,EAGJ,SAAS,EAAY,SAAS,EAU3B,SAAS,EAIV,SAAS,EAEP,SAAS,EAQhB,IAAI,EAiBA,SAAS,EAAY,SAAS,EAAa,SAAS,EAAY,SAAS,EAKzE,SAAS,EAAY,SAAS,EAAa,SAAS,CAc7D,CAAA;AACD,eAAe,WAAW,CAAA;AAE1B;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,w6BAA0B,MACzE,EAAc,UACZ,EAAI,4CAGA,EAAS,WAAY,EAAS,YAAa,EAAS,oHAQrD,EAAS,8FAMZ,EAAO,aACJ,EAAS,WAAY,EAAS,yDAG3B,EAAS,6DAIV,EAAS,kBAAmB,EAAS,yEAIrC,EAAS,yGAMX,EAAS,2BACR,EAAI,sDAGD,EAAS,6HAQrB,KAhDG,WAAW,CAAC,CAAC,CAAC,EACZ,IAAI,EAGA,SAAS,EAAY,SAAS,EAAa,SAAS,EAQrD,SAAS,EAMZ,OAAO,EACJ,SAAS,EAAY,SAAS,EAG3B,SAAS,EAIV,SAAS,EAAmB,SAAS,EAIrC,SAAS,EAMX,SAAS,EACR,IAAI,EAGD,SAAS,CAQrB,CAAA;AAED,SAAS,SAAS,CAAC,EAA0C;QAAxC,8BAAY;IAC/B,OAAO,YAAY,CAAA;AACrB,CAAC;AAED,SAAS,cAAc,CAAC,EAA+B;IAA7B,IAAA,8BAAY,EAAE,oCAAQ;IAC9C,OAAO,oBAAC,GAAG,eAAK,KAAK,EAAI,CAAA;AAC3B,CAAC","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Nav } from '@aliwind/component'\nimport Item from './Item'\nimport SubMenu from './SubMenu'\nimport { getPriority } from '../utils'\n\n/**\n * @public\n */\nconst PrimaryMenu = styled(NavFilterProps)<{\n fusionPrefix: string\n}>`\n ${getPriority(5)} {\n padding: 0;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n background-color: #f5f5f5;\n\n .${getPrefix}menu-header {\n box-sizing: border-box;\n border-bottom: 1px solid #ebebeb;\n padding: 15px 0 14px;\n }\n\n ${SubMenu} {\n background-color: #f5f5f5;\n\n .${getPrefix}nav-item.${getPrefix}menu-item {\n background-color: #f5f5f5;\n color: #555555;\n padding: 0 16px 0 16px;\n\n &:hover {\n background-color: #ebebeb;\n color: #111111;\n }\n\n &.${getPrefix}opened {\n color: #555555;\n }\n\n .${getPrefix}menu-item-inner {\n position: relative;\n .${getPrefix}menu-icon-arrow {\n color: #a8a8a8;\n right: 0;\n }\n }\n }\n }\n\n ${Item} {\n color: #555555;\n background-color: #f5f5f5;\n padding: 0 24px 0 16px;\n\n &:hover {\n background-color: #ebebeb;\n color: #111111;\n }\n\n a {\n color: #555555;\n &:hover {\n text-decoration: none;\n }\n }\n\n &.${getPrefix}nav-item.${getPrefix}menu-item.${getPrefix}selected.${getPrefix}selected {\n background-color: #dedede;\n color: #333333;\n }\n\n &.${getPrefix}nav-item.${getPrefix}menu-item.${getPrefix}disabled {\n color: #c1c1c1;\n\n a {\n background-color: #f5f5f5;\n }\n\n &:hover {\n background-color: #f5f5f5;\n color: #c1c1c1;\n }\n }\n }\n }\n`\nexport default PrimaryMenu\n\n/**\n * @public\n */\nexport const SecondaryMenu = styled(NavFilterProps)<{ fusionPrefix: string }>`\n ${getPriority(5)} {\n ${Item} {\n padding: 0 24px 0 0;\n\n &.${getPrefix}nav-item.${getPrefix}menu-item.${getPrefix}disabled {\n color: #c1c1c1;\n\n &:hover {\n color: #c1c1c1;\n }\n }\n\n .${getPrefix}menu-item-inner {\n height: 32px;\n line-height: 32px;\n }\n }\n\n ${SubMenu} {\n .${getPrefix}nav-item.${getPrefix}menu-item {\n padding: 0 24px 0 0;\n\n &.${getPrefix}opened {\n color: #555555;\n }\n\n .${getPrefix}menu-icon-arrow.${getPrefix}icon:before {\n transform: scale(0.7);\n }\n\n .${getPrefix}menu-item-inner {\n height: 32px;\n line-height: 32px;\n }\n }\n\n .${getPrefix}menu-sub-menu {\n ${Item} {\n padding: 0 24px 0 16px;\n\n .${getPrefix}menu-item-inner {\n height: 32px;\n line-height: 32px;\n }\n }\n }\n }\n }\n`\n\nfunction getPrefix({ fusionPrefix }: { fusionPrefix: string }) {\n return fusionPrefix\n}\n\nfunction NavFilterProps({ fusionPrefix, ...props }: any) {\n return <Nav {...props} />\n}\n"]}]}