@moneko/core 2.0.0-beta.20 → 2.0.0-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/webpack.common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _path=_interopRequireDefault(require("path"));var _fs=_interopRequireDefault(require("fs"));var _htmlWebpackPlugin=_interopRequireDefault(require("html-webpack-plugin"));var _webpack=require("webpack");var _webpackbar=_interopRequireDefault(require("webpackbar"));var _common=require("./common");var _moduleConfig=_interopRequireDefault(require("./module.config"));var _envFlags=_interopRequireDefault(require("./envFlags"));var _addAssetHtmlWebpackPlugin=_interopRequireDefault(require("add-asset-html-webpack-plugin"));var _htmlAddEntryAttr=_interopRequireDefault(require("./html-add-entry-attr"));var _moduleFederation=require("./module-federation");var _processEnv=require("./process-env");var _htmlPluginOption=_interopRequireDefault(require("./html-plugin-option"));function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var eslintrc=[".eslintrc.js",".eslintrc.json",".eslintrc.yaml",".eslintrc.json"];var stylelintrc=[".stylelintrc",".stylelintrc.json",".stylelintrc.yaml",".stylelintrc.yml",".stylelintrc.js","stylelint.config.js","stylelint.config.cjs"];var rootFiles=_fs.default.readdirSync(_processEnv.PROGRAMPATH);var hasEslint=false,hasStylelint=false;for(var i=0,len=rootFiles.length;i<len;i++){if(stylelintrc.includes(rootFiles[i])){hasStylelint=true}if(eslintrc.includes(rootFiles[i])){hasEslint=true}}if(!hasEslint){hasEslint=_processEnv.hasEslintConfig}if(!hasStylelint){hasStylelint=_processEnv.hasStylelintConfig}var StylelintPlugin=hasStylelint?require("stylelint-webpack-plugin"):null;var ESLintPlugin=hasEslint?require("eslint-webpack-plugin"):null;var alias={"@":_path.default.resolve(_processEnv.PROGRAMPATH,"./src")};Object.assign(alias,_common.CONFIG.alias);if(_processEnv.APPTYPE==="library"){Object.assign(alias,_defineProperty({"@":_path.default.resolve(_processEnv.PROGRAMPATH,"./site"),"@pkg":_path.default.resolve(_processEnv.PROGRAMPATH,"./components")},_processEnv.PACKAGENAME,_path.default.resolve(_processEnv.PROGRAMPATH,"./components")))}var assetHtmlOption=_common.CONFIG.assetHtml.map(function(item){return _objectSpread({publicPath:""},item)});var outputConfig={path:_path.default.join(_processEnv.PROGRAMPATH,_processEnv.APPTYPE==="library"?"./docs":"./dist"),filename:"js/[name].bundle.js",chunkFilename:"js/[name].chunk.js",assetModuleFilename:"assets/[name].[hash][ext]",library:_processEnv.PACKAGENAME,libraryTarget:"window",globalObject:"window",chunkLoadingGlobal:"webpackJsonp_".concat(_processEnv.PACKAGENAME),pathinfo:false,clean:true,publicPath:_common.PUBLICPATH};var mainEntry=_path.default.join(__dirname,"../lib/packages/".concat(_common.ENTRYPATH[_processEnv.APPTYPE],"/index.js"));if(_processEnv.APPTYPE==="single-component"){Object.assign(alias,_defineProperty({},_processEnv.PACKAGENAME,_path.default.resolve(_processEnv.PROGRAMPATH,"./umd")));mainEntry=_path.default.join(_processEnv.PROGRAMPATH,_processEnv.DEV?"./example/index.ts":"./src/index.ts");outputConfig.path=_path.default.join(_processEnv.PROGRAMPATH,_processEnv.DEV?"./dist":"./umd");outputConfig.filename="index.js";outputConfig.library=_processEnv.PACKAGENAME;outputConfig.libraryTarget="umd";outputConfig.libraryExport="default"}var entryMap={main:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _path=_interopRequireDefault(require("path"));var _fs=_interopRequireDefault(require("fs"));var _htmlWebpackPlugin=_interopRequireDefault(require("html-webpack-plugin"));var _webpack=require("webpack");var _webpackbar=_interopRequireDefault(require("webpackbar"));var _common=require("./common");var _moduleConfig=_interopRequireDefault(require("./module.config"));var _envFlags=_interopRequireDefault(require("./envFlags"));var _addAssetHtmlWebpackPlugin=_interopRequireDefault(require("add-asset-html-webpack-plugin"));var _htmlAddEntryAttr=_interopRequireDefault(require("./html-add-entry-attr"));var _moduleFederation=require("./module-federation");var _processEnv=require("./process-env");var _htmlPluginOption=_interopRequireDefault(require("./html-plugin-option"));function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var eslintrc=[".eslintrc.js",".eslintrc.json",".eslintrc.yaml",".eslintrc.json"];var stylelintrc=[".stylelintrc",".stylelintrc.json",".stylelintrc.yaml",".stylelintrc.yml",".stylelintrc.js","stylelint.config.js","stylelint.config.cjs"];var rootFiles=_fs.default.readdirSync(_processEnv.PROGRAMPATH);var hasEslint=false,hasStylelint=false;for(var i=0,len=rootFiles.length;i<len;i++){if(stylelintrc.includes(rootFiles[i])){hasStylelint=true}if(eslintrc.includes(rootFiles[i])){hasEslint=true}}if(!hasEslint){hasEslint=_processEnv.hasEslintConfig}if(!hasStylelint){hasStylelint=_processEnv.hasStylelintConfig}var StylelintPlugin=hasStylelint?require("stylelint-webpack-plugin"):null;var ESLintPlugin=hasEslint?require("eslint-webpack-plugin"):null;var alias={"@":_path.default.resolve(_processEnv.PROGRAMPATH,"./src")};Object.assign(alias,_common.CONFIG.alias);if(_processEnv.APPTYPE==="library"){Object.assign(alias,_defineProperty({"@":_path.default.resolve(_processEnv.PROGRAMPATH,"./site"),"@pkg":_path.default.resolve(_processEnv.PROGRAMPATH,"./components")},_processEnv.PACKAGENAME,_path.default.resolve(_processEnv.PROGRAMPATH,"./components")))}var assetHtmlOption=_common.CONFIG.assetHtml.map(function(item){return _objectSpread({publicPath:""},item)});var outputConfig={path:_path.default.join(_processEnv.PROGRAMPATH,_processEnv.APPTYPE==="library"?"./docs":"./dist"),filename:"js/[name].bundle.js",chunkFilename:"js/[name].chunk.js",assetModuleFilename:"assets/[name].[hash][ext]",library:_processEnv.PACKAGENAME,libraryTarget:"window",globalObject:"window",chunkLoadingGlobal:"webpackJsonp_".concat(_processEnv.PACKAGENAME),pathinfo:false,clean:true,publicPath:_common.PUBLICPATH};var mainEntry=_path.default.join(__dirname,"../lib/packages/".concat(_common.ENTRYPATH[_processEnv.APPTYPE],"/index.js"));if(_processEnv.APPTYPE==="single-component"){Object.assign(alias,_defineProperty({},_processEnv.PACKAGENAME,_path.default.resolve(_processEnv.PROGRAMPATH,"./umd")));mainEntry=_path.default.join(_processEnv.PROGRAMPATH,_processEnv.DEV?"./example/index.ts":"./src/index.ts");outputConfig.path=_path.default.join(_processEnv.PROGRAMPATH,_processEnv.DEV?"./dist":"./umd");outputConfig.filename="index.js";outputConfig.library=_processEnv.PACKAGENAME;outputConfig.libraryTarget="umd";outputConfig.libraryExport="default"}var entryMap={main:mainEntry};if(_common.CONFIG.entry){if(typeof _common.CONFIG.entry==="string"){entryMap=_common.CONFIG.entry}else if(Object.keys(_common.CONFIG.entry)){Object.assign(entryMap,_common.CONFIG.entry)}}if(_common.CONFIG.output){if(typeof _common.CONFIG.output==="string"){outputConfig.path=_common.CONFIG.output}else if(Object.keys(_common.CONFIG.output)){Object.assign(outputConfig,_common.CONFIG.output)}}var config={entry:entryMap,stats:"errors-only",infrastructureLogging:{level:"none"},target:"web",plugins:[new _webpack.AutomaticPrefetchPlugin].concat(_toConsumableArray(_moduleFederation.moduleFederation),[ESLintPlugin&&new ESLintPlugin({threads:true,extensions:["js","md","mdx","cjs","ejs","mjs","jsx","ts","tsx","json","html","coffee","vue"]}),StylelintPlugin&&new StylelintPlugin({fix:true,threads:true,extensions:["css","less"]}),new _htmlWebpackPlugin.default(_htmlPluginOption.default),new _addAssetHtmlWebpackPlugin.default(assetHtmlOption),_processEnv.APPTYPE==="single-spa"&&new _htmlAddEntryAttr.default(function(src){return!!(src.match(/main\.(.*)\.bundle.js$/)||src.match("main.bundle.js"))}),new _webpack.DefinePlugin(_envFlags.default),new _webpack.WatchIgnorePlugin({paths:[/\.d\.ts$/]}),_common.CONFIG.sourceMap&&new _webpack.SourceMapDevToolPlugin(_common.CONFIG.sourceMap),new _webpackbar.default({name:"编译中",color:"#6f42c1"})],_toConsumableArray(_common.CONFIG.plugins)).filter(Boolean),experiments:{topLevelAwait:true},resolve:{extensions:[".tsx",".ts",".js",".jsx"],alias:alias,fallback:{path:false,fs:false,crypto:false}},module:_moduleConfig.default,externals:_common.CONFIG.externals,output:outputConfig};var _default=config;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const normalizeCss:
|
|
1
|
+
declare const normalizeCss = "\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n pre {\n font-family: monospace;\n font-size: 1em;\n }\n a {\n background-color: transparent;\n text-decoration: none;\n cursor: pointer;\n }\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp {\n font-family: monospace;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n img {\n border-style: none;\n }\n img,\n button {\n /* \u6D88\u9664\u952F\u9F7F */\n outline: 1px solid transparent;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n button,\n input {\n overflow: visible;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: button;\n }\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n progress {\n vertical-align: baseline;\n }\n textarea {\n overflow: auto;\n }\n [type='checkbox'],\n [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n }\n [type='number']::-webkit-inner-spin-button,\n [type='number']::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n details {\n display: block;\n }\n summary {\n display: list-item;\n }\n template {\n display: none;\n }\n [hidden] {\n display: none;\n }\n";
|
|
2
2
|
export default normalizeCss;
|
package/lib/styles/normalize.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
var normalizeCss="\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n pre {\n font-family: monospace;\n font-size: 1em;\n }\n a {\n background-color: transparent;\n text-decoration: none;\n cursor: pointer;\n }\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp {\n font-family: monospace;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n img {\n border-style: none;\n }\n img,\n button {\n /* 消除锯齿 */\n outline: 1px solid transparent;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n button,\n input {\n overflow: visible;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: button;\n }\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n progress {\n vertical-align: baseline;\n }\n textarea {\n overflow: auto;\n }\n [type='checkbox'],\n [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n }\n [type='number']::-webkit-inner-spin-button,\n [type='number']::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n details {\n display: block;\n }\n summary {\n display: list-item;\n }\n template {\n display: none;\n }\n [hidden] {\n display: none;\n }\n";export default normalizeCss;
|
|
2
2
|
//# sourceMappingURL=normalize.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/styles/normalize.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../src/styles/normalize.ts"],"sourcesContent":["const normalizeCss = `\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n pre {\n font-family: monospace;\n font-size: 1em;\n }\n a {\n background-color: transparent;\n text-decoration: none;\n cursor: pointer;\n }\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp {\n font-family: monospace;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n img {\n border-style: none;\n }\n img,\n button {\n /* 消除锯齿 */\n outline: 1px solid transparent;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n button,\n input {\n overflow: visible;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: button;\n }\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n progress {\n vertical-align: baseline;\n }\n textarea {\n overflow: auto;\n }\n [type='checkbox'],\n [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n }\n [type='number']::-webkit-inner-spin-button,\n [type='number']::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n details {\n display: block;\n }\n summary {\n display: list-item;\n }\n template {\n display: none;\n }\n [hidden] {\n display: none;\n }\n`;\n\nexport default normalizeCss;\n"],"names":["normalizeCss"],"mappings":"AAAA,IAAMA,aAAgB,wkFAmJtB,gBAAeA,YAAa"}
|
package/lib/styles/vars.d.ts
CHANGED
|
@@ -13,5 +13,5 @@ export declare type ThemeColorOptions<T = 'light' | 'dark'> = {
|
|
|
13
13
|
};
|
|
14
14
|
export declare const setThemeColor: (options: ThemeColorOptions) => void;
|
|
15
15
|
export declare const rootVariables: string;
|
|
16
|
-
export declare const globalStyles:
|
|
16
|
+
export declare const globalStyles = "\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n";
|
|
17
17
|
export declare const rootStyle: string;
|
package/lib/styles/vars.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function
|
|
1
|
+
function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{routeInKeyframes}from"./animation";import tinycolor from"tinycolor2";import colorPalette from"../utils/color-palette";export var menuDarkBg="#1C222E";export var getColorPalette=function(name,color){var type=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"light",bg=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"#fff";var vars={};if(type==="light"){var i=1;while(i<=7){vars["--".concat(name,"-").concat(i)]=colorPalette(color,i);i++}}else{var _obj;Object.assign(vars,(_obj={},_defineProperty(_obj,"--".concat(name,"-1"),tinycolor.mix(colorPalette(color,8),bg,.15)),_defineProperty(_obj,"--".concat(name,"-2"),tinycolor.mix(colorPalette(color,7),bg,.25)),_defineProperty(_obj,"--".concat(name,"-3"),tinycolor.mix(color,bg,.3)),_defineProperty(_obj,"--".concat(name,"-4"),tinycolor.mix(color,bg,.45)),_defineProperty(_obj,"--".concat(name,"-5"),tinycolor.mix(color,bg,.65)),_defineProperty(_obj,"--".concat(name,"-6"),color),_defineProperty(_obj,"--".concat(name,"-7"),tinycolor.mix(colorPalette(color,5),bg,.9)),_obj))}var _obj1;return _objectSpreadProps(_objectSpread({},vars),(_obj1={},_defineProperty(_obj1,"--".concat(name,"-color-deprecated-bg"),"var(--".concat(name,"-1)")),_defineProperty(_obj1,"--".concat(name,"-color-deprecated-border"),"var(--".concat(name,"-3)")),_defineProperty(_obj1,"--".concat(name,"-color-hover"),"var(--".concat(name,"-5)")),_defineProperty(_obj1,"--".concat(name,"-color"),color),_defineProperty(_obj1,"--".concat(name,"-color-outline"),tinycolor(color).setAlpha(.2).toRgbString()),_defineProperty(_obj1,"--".concat(name,"-color-active"),"var(--".concat(name,"-7)")),_obj1))};var keyword=["primary","warning","error","success"];export var setThemeColor=function(options){keyword.forEach(function(name){var color=options[name];if(color){var colors=getColorPalette(name,color,options.type,options.componentBackground);if(name==="primary"||name==="error"){Object.assign(colors,_defineProperty({},name==="primary"?"--menu-dark-item-active-bg":"--menu-dark-item-active-danger-bg",tinycolor.mix(colorPalette(color,8),menuDarkBg||"#141414",.15).toRgbString()))}for(var key in colors){if(Object.prototype.hasOwnProperty.call(colors,key)){var newColor=colors[key];if(getComputedStyle(document.documentElement).getPropertyValue(key)!==newColor){document.documentElement.style.setProperty(key,newColor)}}}}});if(options.tableHeaderBg){document.documentElement.style.setProperty("--table-header-bg",options.tableHeaderBg)}};var rootStatusColor=_objectSpread({},getColorPalette("normal","rgba(0, 0, 0, 0.85)","light","#fff"),getColorPalette("primary","#1890ff","light","#fff"),getColorPalette("success","#52c41a","light","#fff"),getColorPalette("warning","#faad14","light","#fff"),getColorPalette("error","#ff4d4f","light","#fff"));var rootStatusColorVariables="";Object.entries(rootStatusColor).forEach(function(e){rootStatusColorVariables+="".concat(e.join(": "),";\n")});var rootStatusColorDark=_objectSpread({},getColorPalette("normal","rgba(255, 255, 255, 0.85)","dark","#141414"),getColorPalette("primary","#177ddc","dark","#141414"),getColorPalette("success","#49aa19","dark","#141414"),getColorPalette("warning","#d89614","dark","#141414"),getColorPalette("error","#a61d24","dark","#141414"));var rootStatusColorDarkVariables="";Object.entries(rootStatusColorDark).forEach(function(e){rootStatusColorDarkVariables+="".concat(e.join(": "),";\n")});export var rootVariables="\n :root {\n --text-shadow-color: rgba(0, 0, 0, 0.1);\n --font-size-base: 14px;\n --border-color-base: #d9d9d9;\n --border-radius-base: 4px;\n --body-background: #f8f8f8;\n --component-background: #fff;\n --table-header-bg: rgba(0, 0, 0, 0.02);\n --text-color: rgba(0, 0, 0, 0.65);\n --text-color-secondary: rgba(0, 0, 0, 0.45);\n --heading-color: rgba(0, 0, 0, 0.85);\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n --transition-duration: 0.3s;\n --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n --antd-wave-shadow-color: var(--primary-color-outline);\n --disable-color: rgba(0, 0, 0, 0.25);\n --btn-disable-bg: var(--disable-color);\n --btn-disable-border: var(--disable-color);\n --menu-dark-item-active-bg: #0e3ab3;\n ".concat(rootStatusColorVariables,"\n }\n [data-theme='dark'] {\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --text-color-secondary: rgba(255, 255, 255, 0.25);\n --text-shadow-color: rgba(255, 255, 255, 0.1);\n --header-shadow: rgba(255, 255, 255, 0.05);\n --body-background: #000;\n --component-background: #141414;\n --header-bg: rgba(20, 20, 20, 0.9);\n --text-color: #ffffffd9;\n --border-color-base: #303030;\n --heading-color: rgba(255, 255, 255, 0.85);\n --disabled-color: rgba(255, 255, 255, 0.3);\n ").concat(rootStatusColorDarkVariables,"\n }\n");export var globalStyles="\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n";export var rootStyle="\n #root {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n -webkit-overflow-scrolling: touch;\n\n > main {\n display: block;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n animation: ".concat(routeInKeyframes," var(--transition-duration);\n }\n }\n");
|
|
2
2
|
//# sourceMappingURL=vars.js.map
|
package/lib/styles/vars.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/styles/vars.ts"],"sourcesContent":["import { css } from '@emotion/css';\nimport { routeInKeyframes } from './animation';\nimport tinycolor from 'tinycolor2';\nimport colorPalette from '../utils/color-palette';\n\nexport const menuDarkBg = '#1C222E';\nexport const getColorPalette = (\n name: string,\n color: string,\n type: 'light' | 'dark' = 'light',\n bg = '#fff'\n) => {\n const vars: Record<string, string> = {};\n\n if (type === 'light') {\n let i = 1;\n\n while (i <= 7) {\n vars[`--${name}-${i}`] = colorPalette(color, i);\n i++;\n }\n } else {\n Object.assign(vars, {\n [`--${name}-1`]: tinycolor.mix(colorPalette(color, 8), bg, 0.15),\n [`--${name}-2`]: tinycolor.mix(colorPalette(color, 7), bg, 0.25),\n [`--${name}-3`]: tinycolor.mix(color, bg, 0.3),\n [`--${name}-4`]: tinycolor.mix(color, bg, 0.45),\n [`--${name}-5`]: tinycolor.mix(color, bg, 0.65),\n [`--${name}-6`]: color,\n [`--${name}-7`]: tinycolor.mix(colorPalette(color, 5), bg, 0.9),\n });\n }\n\n return {\n ...vars,\n [`--${name}-color-deprecated-bg`]: `var(--${name}-1)`,\n [`--${name}-color-deprecated-border`]: `var(--${name}-3)`,\n [`--${name}-color-hover`]: `var(--${name}-5)`,\n [`--${name}-color`]: color,\n [`--${name}-color-outline`]: tinycolor(color).setAlpha(0.2).toRgbString(),\n [`--${name}-color-active`]: `var(--${name}-7)`,\n };\n};\n\nexport type ThemeColorOptions<T = 'light' | 'dark'> = {\n primary?: string;\n warning?: string;\n error?: string;\n success?: string;\n componentBackground?: string;\n tableHeaderBg?: string;\n type?: T;\n};\n\nconst keyword = ['primary', 'warning', 'error', 'success'];\n\nexport const setThemeColor = (options: ThemeColorOptions) => {\n keyword.forEach((name) => {\n const color = options[name as 'primary' | 'warning' | 'error' | 'success'];\n\n if (color) {\n const colors = getColorPalette(name, color, options.type, options.componentBackground);\n\n if (name === 'primary' || name === 'error') {\n Object.assign(colors, {\n [name === 'primary' ? '--menu-dark-item-active-bg' : '--menu-dark-item-active-danger-bg']:\n tinycolor.mix(colorPalette(color, 8), menuDarkBg || '#141414', 0.15).toRgbString(),\n });\n }\n for (const key in colors) {\n if (Object.prototype.hasOwnProperty.call(colors, key)) {\n const newColor = colors[key as keyof typeof colors];\n\n if (getComputedStyle(document.documentElement).getPropertyValue(key) !== newColor) {\n document.documentElement.style.setProperty(key, newColor);\n }\n }\n }\n }\n });\n if (options.tableHeaderBg) {\n document.documentElement.style.setProperty('--table-header-bg', options.tableHeaderBg);\n }\n};\n\nconst rootStatusColor = {\n ...getColorPalette('normal', 'rgba(0, 0, 0, 0.85)', 'light', '#fff'),\n ...getColorPalette('primary', '#1890ff', 'light', '#fff'),\n ...getColorPalette('success', '#52c41a', 'light', '#fff'),\n ...getColorPalette('warning', '#faad14', 'light', '#fff'),\n ...getColorPalette('error', '#ff4d4f', 'light', '#fff'),\n};\nlet rootStatusColorVariables = '';\n\nObject.entries(rootStatusColor).forEach((e) => {\n rootStatusColorVariables += `${e.join(': ')};\\n`;\n});\nconst rootStatusColorDark = {\n ...getColorPalette('normal', 'rgba(255, 255, 255, 0.85)', 'dark', '#141414'),\n ...getColorPalette('primary', '#177ddc', 'dark', '#141414'),\n ...getColorPalette('success', '#49aa19', 'dark', '#141414'),\n ...getColorPalette('warning', '#d89614', 'dark', '#141414'),\n ...getColorPalette('error', '#a61d24', 'dark', '#141414'),\n};\nlet rootStatusColorDarkVariables = '';\n\nObject.entries(rootStatusColorDark).forEach((e) => {\n rootStatusColorDarkVariables += `${e.join(': ')};\\n`;\n});\n\nexport const rootVariables = css`\n :root {\n --text-shadow-color: rgba(0, 0, 0, 0.1);\n --font-size-base: 14px;\n --border-color-base: #d9d9d9;\n --border-radius-base: 4px;\n --body-background: #f8f8f8;\n --component-background: #fff;\n --table-header-bg: rgba(0, 0, 0, 0.02);\n --text-color: rgba(0, 0, 0, 0.65);\n --text-color-secondary: rgba(0, 0, 0, 0.45);\n --heading-color: rgba(0, 0, 0, 0.85);\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n --transition-duration: 0.3s;\n --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n --antd-wave-shadow-color: var(--primary-color-outline);\n --disable-color: rgba(0, 0, 0, 0.25);\n --btn-disable-bg: var(--disable-color);\n --btn-disable-border: var(--disable-color);\n --menu-dark-item-active-bg: #0e3ab3;\n ${rootStatusColorVariables}\n }\n [data-theme='dark'] {\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --text-color-secondary: rgba(255, 255, 255, 0.25);\n --text-shadow-color: rgba(255, 255, 255, 0.1);\n --header-shadow: rgba(255, 255, 255, 0.05);\n --body-background: #000;\n --component-background: #141414;\n --header-bg: rgba(20, 20, 20, 0.9);\n --text-color: #ffffffd9;\n --border-color-base: #303030;\n --heading-color: rgba(255, 255, 255, 0.85);\n --disabled-color: rgba(255, 255, 255, 0.3);\n ${rootStatusColorDarkVariables}\n }\n`;\n\nexport const globalStyles = css`\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n`;\nexport const rootStyle = css`\n #root {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n -webkit-overflow-scrolling: touch;\n\n > main {\n display: block;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n animation: ${routeInKeyframes} var(--transition-duration);\n }\n }\n`;\n"],"names":["css","routeInKeyframes","tinycolor","colorPalette","menuDarkBg","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg","rootStatusColor","rootStatusColorVariables","entries","e","join","rootStatusColorDark","rootStatusColorDarkVariables","rootVariables","globalStyles","rootStyle"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../src/styles/vars.ts"],"sourcesContent":["import { routeInKeyframes } from './animation';\nimport tinycolor from 'tinycolor2';\nimport colorPalette from '../utils/color-palette';\n\nexport const menuDarkBg = '#1C222E';\nexport const getColorPalette = (\n name: string,\n color: string,\n type: 'light' | 'dark' = 'light',\n bg = '#fff'\n) => {\n const vars: Record<string, string> = {};\n\n if (type === 'light') {\n let i = 1;\n\n while (i <= 7) {\n vars[`--${name}-${i}`] = colorPalette(color, i);\n i++;\n }\n } else {\n Object.assign(vars, {\n [`--${name}-1`]: tinycolor.mix(colorPalette(color, 8), bg, 0.15),\n [`--${name}-2`]: tinycolor.mix(colorPalette(color, 7), bg, 0.25),\n [`--${name}-3`]: tinycolor.mix(color, bg, 0.3),\n [`--${name}-4`]: tinycolor.mix(color, bg, 0.45),\n [`--${name}-5`]: tinycolor.mix(color, bg, 0.65),\n [`--${name}-6`]: color,\n [`--${name}-7`]: tinycolor.mix(colorPalette(color, 5), bg, 0.9),\n });\n }\n\n return {\n ...vars,\n [`--${name}-color-deprecated-bg`]: `var(--${name}-1)`,\n [`--${name}-color-deprecated-border`]: `var(--${name}-3)`,\n [`--${name}-color-hover`]: `var(--${name}-5)`,\n [`--${name}-color`]: color,\n [`--${name}-color-outline`]: tinycolor(color).setAlpha(0.2).toRgbString(),\n [`--${name}-color-active`]: `var(--${name}-7)`,\n };\n};\n\nexport type ThemeColorOptions<T = 'light' | 'dark'> = {\n primary?: string;\n warning?: string;\n error?: string;\n success?: string;\n componentBackground?: string;\n tableHeaderBg?: string;\n type?: T;\n};\n\nconst keyword = ['primary', 'warning', 'error', 'success'];\n\nexport const setThemeColor = (options: ThemeColorOptions) => {\n keyword.forEach((name) => {\n const color = options[name as 'primary' | 'warning' | 'error' | 'success'];\n\n if (color) {\n const colors = getColorPalette(name, color, options.type, options.componentBackground);\n\n if (name === 'primary' || name === 'error') {\n Object.assign(colors, {\n [name === 'primary' ? '--menu-dark-item-active-bg' : '--menu-dark-item-active-danger-bg']:\n tinycolor.mix(colorPalette(color, 8), menuDarkBg || '#141414', 0.15).toRgbString(),\n });\n }\n for (const key in colors) {\n if (Object.prototype.hasOwnProperty.call(colors, key)) {\n const newColor = colors[key as keyof typeof colors];\n\n if (getComputedStyle(document.documentElement).getPropertyValue(key) !== newColor) {\n document.documentElement.style.setProperty(key, newColor);\n }\n }\n }\n }\n });\n if (options.tableHeaderBg) {\n document.documentElement.style.setProperty('--table-header-bg', options.tableHeaderBg);\n }\n};\n\nconst rootStatusColor = {\n ...getColorPalette('normal', 'rgba(0, 0, 0, 0.85)', 'light', '#fff'),\n ...getColorPalette('primary', '#1890ff', 'light', '#fff'),\n ...getColorPalette('success', '#52c41a', 'light', '#fff'),\n ...getColorPalette('warning', '#faad14', 'light', '#fff'),\n ...getColorPalette('error', '#ff4d4f', 'light', '#fff'),\n};\nlet rootStatusColorVariables = '';\n\nObject.entries(rootStatusColor).forEach((e) => {\n rootStatusColorVariables += `${e.join(': ')};\\n`;\n});\nconst rootStatusColorDark = {\n ...getColorPalette('normal', 'rgba(255, 255, 255, 0.85)', 'dark', '#141414'),\n ...getColorPalette('primary', '#177ddc', 'dark', '#141414'),\n ...getColorPalette('success', '#49aa19', 'dark', '#141414'),\n ...getColorPalette('warning', '#d89614', 'dark', '#141414'),\n ...getColorPalette('error', '#a61d24', 'dark', '#141414'),\n};\nlet rootStatusColorDarkVariables = '';\n\nObject.entries(rootStatusColorDark).forEach((e) => {\n rootStatusColorDarkVariables += `${e.join(': ')};\\n`;\n});\n\nexport const rootVariables = `\n :root {\n --text-shadow-color: rgba(0, 0, 0, 0.1);\n --font-size-base: 14px;\n --border-color-base: #d9d9d9;\n --border-radius-base: 4px;\n --body-background: #f8f8f8;\n --component-background: #fff;\n --table-header-bg: rgba(0, 0, 0, 0.02);\n --text-color: rgba(0, 0, 0, 0.65);\n --text-color-secondary: rgba(0, 0, 0, 0.45);\n --heading-color: rgba(0, 0, 0, 0.85);\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n --transition-duration: 0.3s;\n --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n --antd-wave-shadow-color: var(--primary-color-outline);\n --disable-color: rgba(0, 0, 0, 0.25);\n --btn-disable-bg: var(--disable-color);\n --btn-disable-border: var(--disable-color);\n --menu-dark-item-active-bg: #0e3ab3;\n ${rootStatusColorVariables}\n }\n [data-theme='dark'] {\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --text-color-secondary: rgba(255, 255, 255, 0.25);\n --text-shadow-color: rgba(255, 255, 255, 0.1);\n --header-shadow: rgba(255, 255, 255, 0.05);\n --body-background: #000;\n --component-background: #141414;\n --header-bg: rgba(20, 20, 20, 0.9);\n --text-color: #ffffffd9;\n --border-color-base: #303030;\n --heading-color: rgba(255, 255, 255, 0.85);\n --disabled-color: rgba(255, 255, 255, 0.3);\n ${rootStatusColorDarkVariables}\n }\n`;\n\nexport const globalStyles = `\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n`;\nexport const rootStyle = `\n #root {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n -webkit-overflow-scrolling: touch;\n\n > main {\n display: block;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n animation: ${routeInKeyframes} var(--transition-duration);\n }\n }\n`;\n"],"names":["routeInKeyframes","tinycolor","colorPalette","menuDarkBg","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg","rootStatusColor","rootStatusColorVariables","entries","e","join","rootStatusColorDark","rootStatusColorDarkVariables","rootVariables","globalStyles","rootStyle"],"mappings":"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"}
|