@next-core/illustrations 0.5.20 → 0.7.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.7.0](https://github.com/easyops-cn/next-core/compare/@next-core/illustrations@0.6.0...@next-core/illustrations@0.7.0) (2022-06-10)
+
+
+### Features
+
+* add resources to illustrations library, and support GIF ([cffa82f](https://github.com/easyops-cn/next-core/commit/cffa82facfdb860f0c20c45f02864bb47db09f91))
+
+
+
+
+
+# [0.6.0](https://github.com/easyops-cn/next-core/compare/@next-core/illustrations@0.5.21...@next-core/illustrations@0.6.0) (2022-06-10)
+
+
+### Features
+
+* add resources to illustration lib ([09e8aba](https://github.com/easyops-cn/next-core/commit/09e8aba9e5ae2ce6d2747500d31ea88aad7912cf))
+
+
+
+
+
+## [0.5.21](https://github.com/easyops-cn/next-core/compare/@next-core/illustrations@0.5.20...@next-core/illustrations@0.5.21) (2022-05-26)
+
+**Note:** Version bump only for package @next-core/illustrations
+
+
+
+
+
 ## [0.5.20](https://github.com/easyops-cn/next-core/compare/@next-core/illustrations@0.5.19...@next-core/illustrations@0.5.20) (2022-05-10)
 
 **Note:** Version bump only for package @next-core/illustrations

package/dist/index.bundle.js

@@ -6,8 +6,13 @@
 
   var illustrationsByCategory = {
     default: ["browser-version-low-dark", "browser-version-low", "create-content-dark", "create-content", "no-content-dark", "no-content", "no-history-dark", "no-history", "search-empty-dark", "search-empty"],
+    easyops2: ["add-app-dark", "add-app-dynamic", "add-app", "internet-disconnected-dark", "internet-disconnected-dynamic", "internet-disconnected", "new-content-dark", "new-content", "no-content-dynamic", "no-data-dark", "no-data-dynamic", "no-data", "no-history-dynamic", "no-message-dark", "no-message", "no-permission-dark", "no-permission", "search-result-empty-dark", "search-result-empty-dynamic", "search-result-empty", "searching-dark", "searching-dynamic", "searching", "upload-success-dark", "upload-success"],
     exception: ["http-403-dark", "http-403", "http-404-dark", "http-404", "http-500-dark", "http-500"],
-    feedback: ["exception-dark", "exception", "fail-dark", "fail", "info-dark", "info", "success-dark", "success"]
+    feedback: ["exception-dark", "exception", "fail-dark", "fail", "info-dark", "info", "success-dark", "success"],
+    humaaans: ["communicate", "communication", "data-analysis", "empty-state", "guide", "project-board", "space", "task"],
+    ira: ["bg1-1", "bg1-2", "bg10-1", "bg10-2", "bg11-1", "bg11-2", "bg12-1", "bg12-2", "bg13-1", "bg13-2", "bg14-1", "bg14-2", "bg15-1", "bg15-2", "bg2-1", "bg2-2", "bg3-1", "bg3-2", "bg4-1", "bg4-2", "bg5-1", "bg5-2", "bg6-1", "bg6-2", "bg7-1", "bg7-2", "bg8-1", "bg8-2", "bg9-1", "bg9-2"],
+    pablo: ["pablo-1030", "pablo-814", "pablo-956", "pablo-961", "pablo-968", "pablo-business-thinking", "pablo-done-1", "pablo-education", "pablo-prohibited-content", "pablo-success-2", "pablo-technical-support"],
+    whoooa: ["developer", "e-commerce", "frequently-asked-question", "message", "not-found", "payment", "process", "product-launch", "search", "support", "team", "under-construction", "workspace"]
   };
 
   var DefaultBrowserVersionLowDark = "default/browser-version-low-dark.4331cde2bc39f898.png";
@@ -30,6 +35,56 @@
 
   var DefaultSearchEmpty = "default/search-empty.410138dc38087231.png";
 
+  var Easyops2AddAppDark = "easyops2/add-app-dark.a8d982ce5e763690.png";
+
+  var Easyops2AddAppDynamic = "easyops2/add-app-dynamic.c6ca70aec69c3d38.gif";
+
+  var Easyops2AddApp = "easyops2/add-app.85ec953aa605e480.png";
+
+  var Easyops2InternetDisconnectedDark = "easyops2/internet-disconnected-dark.d25c3bd1f1ec4a93.png";
+
+  var Easyops2InternetDisconnectedDynamic = "easyops2/internet-disconnected-dynamic.97a0561ce1a8209c.gif";
+
+  var Easyops2InternetDisconnected = "easyops2/internet-disconnected.88eb33670738031b.png";
+
+  var Easyops2NewContentDark = "easyops2/new-content-dark.3ef32941831a8bce.png";
+
+  var Easyops2NewContent = "easyops2/new-content.bfeaafab7394e0d1.png";
+
+  var Easyops2NoContentDynamic = "easyops2/no-content-dynamic.d13deefc962b0219.gif";
+
+  var Easyops2NoDataDark = "easyops2/no-data-dark.d573363a0c32c452.png";
+
+  var Easyops2NoDataDynamic = "easyops2/no-data-dynamic.79215acecc802b99.gif";
+
+  var Easyops2NoData = "easyops2/no-data.fbe402e14b2e6898.png";
+
+  var Easyops2NoHistoryDynamic = "easyops2/no-history-dynamic.e955b8efe0ca7dac.gif";
+
+  var Easyops2NoMessageDark = "easyops2/no-message-dark.b127a0839c946398.png";
+
+  var Easyops2NoMessage = "easyops2/no-message.2d37ca78ed961860.png";
+
+  var Easyops2NoPermissionDark = "easyops2/no-permission-dark.6c12aee597f6a713.png";
+
+  var Easyops2NoPermission = "easyops2/no-permission.5ac8c9607a3aeff3.png";
+
+  var Easyops2SearchResultEmptyDark = "easyops2/search-result-empty-dark.4a1658ad0ae4f620.png";
+
+  var Easyops2SearchResultEmptyDynamic = "easyops2/search-result-empty-dynamic.4f0bf6bdb43017dd.gif";
+
+  var Easyops2SearchResultEmpty = "easyops2/search-result-empty.60c63c9c63702be7.png";
+
+  var Easyops2SearchingDark = "easyops2/searching-dark.d50810962e4affaf.png";
+
+  var Easyops2SearchingDynamic = "easyops2/searching-dynamic.a6a05d3f3ea69416.gif";
+
+  var Easyops2Searching = "easyops2/searching.ab1860250a94cd8e.png";
+
+  var Easyops2UploadSuccessDark = "easyops2/upload-success-dark.18cc244954d8b2d6.png";
+
+  var Easyops2UploadSuccess = "easyops2/upload-success.69b8137915dfe774.png";
+
   var ExceptionHttp_403Dark = "exception/http-403-dark.336e2798a4b62601.png";
 
   var ExceptionHttp_403 = "exception/http-403.0f4fff991cd2fe6e.png";
@@ -58,6 +113,130 @@
 
   var FeedbackSuccess = "feedback/success.ebbbe99c569b3bf4.png";
 
+  var HumaaansCommunicate = "humaaans/communicate.f8d09e63c75b348b.png";
+
+  var HumaaansCommunication = "humaaans/communication.7397955add37e8b2.png";
+
+  var HumaaansDataAnalysis = "humaaans/data-analysis.50ec3807f82b20e1.png";
+
+  var HumaaansEmptyState = "humaaans/empty-state.3cd4089d85847c69.png";
+
+  var HumaaansGuide = "humaaans/guide.1f0937804138a574.png";
+
+  var HumaaansProjectBoard = "humaaans/project-board.81f1980b6a0e1806.png";
+
+  var HumaaansSpace = "humaaans/space.13b8e98bf2d7006f.png";
+
+  var HumaaansTask = "humaaans/task.175d127309813531.png";
+
+  var IraBg1_1 = "ira/bg1-1.b8313f1297a445c7.png";
+
+  var IraBg1_2 = "ira/bg1-2.5b3814f21cdadc03.png";
+
+  var IraBg10_1 = "ira/bg10-1.dce398632dd1a24d.png";
+
+  var IraBg10_2 = "ira/bg10-2.b36692fff8f572a6.png";
+
+  var IraBg11_1 = "ira/bg11-1.c404ac57a51ca9cb.png";
+
+  var IraBg11_2 = "ira/bg11-2.98d78fa37ad54c6e.png";
+
+  var IraBg12_1 = "ira/bg12-1.1bbec1d966d62292.png";
+
+  var IraBg12_2 = "ira/bg12-2.d3d32a3a36da982c.png";
+
+  var IraBg13_1 = "ira/bg13-1.17348b00f1ed4352.png";
+
+  var IraBg13_2 = "ira/bg13-2.1f84238c01ca4baa.png";
+
+  var IraBg14_1 = "ira/bg14-1.7064ba4db0f6cc74.png";
+
+  var IraBg14_2 = "ira/bg14-2.b3c5ee2e60174337.png";
+
+  var IraBg15_1 = "ira/bg15-1.8a50d2addb93d603.png";
+
+  var IraBg15_2 = "ira/bg15-2.90802cf9a0c863b5.png";
+
+  var IraBg2_1 = "ira/bg2-1.b0547770a996663d.png";
+
+  var IraBg2_2 = "ira/bg2-2.3de574574d372f8f.png";
+
+  var IraBg3_1 = "ira/bg3-1.eb99643173725158.png";
+
+  var IraBg3_2 = "ira/bg3-2.6ffe76c754a032da.png";
+
+  var IraBg4_1 = "ira/bg4-1.9ebef014f3b6f677.png";
+
+  var IraBg4_2 = "ira/bg4-2.9c83c6b750e8fb4c.png";
+
+  var IraBg5_1 = "ira/bg5-1.eab871aaf6b3e5c0.png";
+
+  var IraBg5_2 = "ira/bg5-2.749153e1f575fcbd.png";
+
+  var IraBg6_1 = "ira/bg6-1.77edffbe44c673b4.png";
+
+  var IraBg6_2 = "ira/bg6-2.4b3eefabdc5f973a.png";
+
+  var IraBg7_1 = "ira/bg7-1.823e9683d5f57e17.png";
+
+  var IraBg7_2 = "ira/bg7-2.6e597a6e0a6f0e48.png";
+
+  var IraBg8_1 = "ira/bg8-1.eadd410484b5e628.png";
+
+  var IraBg8_2 = "ira/bg8-2.ade980bdab319cb8.png";
+
+  var IraBg9_1 = "ira/bg9-1.d1a119abb4b02eff.png";
+
+  var IraBg9_2 = "ira/bg9-2.2daacbeb155f791d.png";
+
+  var PabloPablo_1030 = "pablo/pablo-1030.7825ad72f134af2c.png";
+
+  var PabloPablo_814 = "pablo/pablo-814.caed22d0a979ed96.png";
+
+  var PabloPablo_956 = "pablo/pablo-956.d28e458a173f3ab1.png";
+
+  var PabloPablo_961 = "pablo/pablo-961.bb4329c422410e39.png";
+
+  var PabloPablo_968 = "pablo/pablo-968.9d5aa08044513c5d.png";
+
+  var PabloPabloBusinessThinking = "pablo/pablo-business-thinking.11b67debaf50bcc4.png";
+
+  var PabloPabloDone_1 = "pablo/pablo-done-1.8dd5b2ee1c29954f.png";
+
+  var PabloPabloEducation = "pablo/pablo-education.7ac0fef6708d5df0.png";
+
+  var PabloPabloProhibitedContent = "pablo/pablo-prohibited-content.e4118e46d01acfae.png";
+
+  var PabloPabloSuccess_2 = "pablo/pablo-success-2.6e689937d8c6f3d3.png";
+
+  var PabloPabloTechnicalSupport = "pablo/pablo-technical-support.d98e26e9237c7f8d.png";
+
+  var WhoooaDeveloper = "whoooa/developer.e2b1835994e9b143.png";
+
+  var WhoooaECommerce = "whoooa/e-commerce.63ebe96609259970.png";
+
+  var WhoooaFrequentlyAskedQuestion = "whoooa/frequently-asked-question.40afc22ce5242688.png";
+
+  var WhoooaMessage = "whoooa/message.a6851dde912de047.png";
+
+  var WhoooaNotFound = "whoooa/not-found.a333bddd99cdb0cb.png";
+
+  var WhoooaPayment = "whoooa/payment.37e78541b3f7c8eb.png";
+
+  var WhoooaProcess = "whoooa/process.4acf9922a498e6d9.png";
+
+  var WhoooaProductLaunch = "whoooa/product-launch.281ce8730ceaa886.png";
+
+  var WhoooaSearch = "whoooa/search.e38bc97aba595ba6.png";
+
+  var WhoooaSupport = "whoooa/support.b13a4e81f2dc4731.png";
+
+  var WhoooaTeam = "whoooa/team.5697521518d72d77.png";
+
+  var WhoooaUnderConstruction = "whoooa/under-construction.4cc07bafa442e9ff.png";
+
+  var WhoooaWorkspace = "whoooa/workspace.eb99cdd2e2dcc107.png";
+
   var defaultCategory = {
     "browser-version-low-dark": DefaultBrowserVersionLowDark,
     "browser-version-low": DefaultBrowserVersionLow,
@@ -70,6 +249,33 @@
     "search-empty-dark": DefaultSearchEmptyDark,
     "search-empty": DefaultSearchEmpty
   };
+  var easyops2Category = {
+    "add-app-dark": Easyops2AddAppDark,
+    "add-app-dynamic": Easyops2AddAppDynamic,
+    "add-app": Easyops2AddApp,
+    "internet-disconnected-dark": Easyops2InternetDisconnectedDark,
+    "internet-disconnected-dynamic": Easyops2InternetDisconnectedDynamic,
+    "internet-disconnected": Easyops2InternetDisconnected,
+    "new-content-dark": Easyops2NewContentDark,
+    "new-content": Easyops2NewContent,
+    "no-content-dynamic": Easyops2NoContentDynamic,
+    "no-data-dark": Easyops2NoDataDark,
+    "no-data-dynamic": Easyops2NoDataDynamic,
+    "no-data": Easyops2NoData,
+    "no-history-dynamic": Easyops2NoHistoryDynamic,
+    "no-message-dark": Easyops2NoMessageDark,
+    "no-message": Easyops2NoMessage,
+    "no-permission-dark": Easyops2NoPermissionDark,
+    "no-permission": Easyops2NoPermission,
+    "search-result-empty-dark": Easyops2SearchResultEmptyDark,
+    "search-result-empty-dynamic": Easyops2SearchResultEmptyDynamic,
+    "search-result-empty": Easyops2SearchResultEmpty,
+    "searching-dark": Easyops2SearchingDark,
+    "searching-dynamic": Easyops2SearchingDynamic,
+    searching: Easyops2Searching,
+    "upload-success-dark": Easyops2UploadSuccessDark,
+    "upload-success": Easyops2UploadSuccess
+  };
   var exceptionCategory = {
     "http-403-dark": ExceptionHttp_403Dark,
     "http-403": ExceptionHttp_403,
@@ -88,22 +294,102 @@
     "success-dark": FeedbackSuccessDark,
     success: FeedbackSuccess
   };
+  var humaaansCategory = {
+    communicate: HumaaansCommunicate,
+    communication: HumaaansCommunication,
+    "data-analysis": HumaaansDataAnalysis,
+    "empty-state": HumaaansEmptyState,
+    guide: HumaaansGuide,
+    "project-board": HumaaansProjectBoard,
+    space: HumaaansSpace,
+    task: HumaaansTask
+  };
+  var iraCategory = {
+    "bg1-1": IraBg1_1,
+    "bg1-2": IraBg1_2,
+    "bg10-1": IraBg10_1,
+    "bg10-2": IraBg10_2,
+    "bg11-1": IraBg11_1,
+    "bg11-2": IraBg11_2,
+    "bg12-1": IraBg12_1,
+    "bg12-2": IraBg12_2,
+    "bg13-1": IraBg13_1,
+    "bg13-2": IraBg13_2,
+    "bg14-1": IraBg14_1,
+    "bg14-2": IraBg14_2,
+    "bg15-1": IraBg15_1,
+    "bg15-2": IraBg15_2,
+    "bg2-1": IraBg2_1,
+    "bg2-2": IraBg2_2,
+    "bg3-1": IraBg3_1,
+    "bg3-2": IraBg3_2,
+    "bg4-1": IraBg4_1,
+    "bg4-2": IraBg4_2,
+    "bg5-1": IraBg5_1,
+    "bg5-2": IraBg5_2,
+    "bg6-1": IraBg6_1,
+    "bg6-2": IraBg6_2,
+    "bg7-1": IraBg7_1,
+    "bg7-2": IraBg7_2,
+    "bg8-1": IraBg8_1,
+    "bg8-2": IraBg8_2,
+    "bg9-1": IraBg9_1,
+    "bg9-2": IraBg9_2
+  };
+  var pabloCategory = {
+    "pablo-1030": PabloPablo_1030,
+    "pablo-814": PabloPablo_814,
+    "pablo-956": PabloPablo_956,
+    "pablo-961": PabloPablo_961,
+    "pablo-968": PabloPablo_968,
+    "pablo-business-thinking": PabloPabloBusinessThinking,
+    "pablo-done-1": PabloPabloDone_1,
+    "pablo-education": PabloPabloEducation,
+    "pablo-prohibited-content": PabloPabloProhibitedContent,
+    "pablo-success-2": PabloPabloSuccess_2,
+    "pablo-technical-support": PabloPabloTechnicalSupport
+  };
+  var whoooaCategory = {
+    developer: WhoooaDeveloper,
+    "e-commerce": WhoooaECommerce,
+    "frequently-asked-question": WhoooaFrequentlyAskedQuestion,
+    message: WhoooaMessage,
+    "not-found": WhoooaNotFound,
+    payment: WhoooaPayment,
+    process: WhoooaProcess,
+    "product-launch": WhoooaProductLaunch,
+    search: WhoooaSearch,
+    support: WhoooaSupport,
+    team: WhoooaTeam,
+    "under-construction": WhoooaUnderConstruction,
+    workspace: WhoooaWorkspace
+  };
   var categories = {
     default: defaultCategory,
+    easyops2: easyops2Category,
     exception: exceptionCategory,
-    feedback: feedbackCategory
+    feedback: feedbackCategory,
+    humaaans: humaaansCategory,
+    ira: iraCategory,
+    pablo: pabloCategory,
+    whoooa: whoooaCategory
   };
 
+  function determineIllustrationName(category, theme, name) {
+    var isEasyopsIllustration = category === "default" || category === "exception" || category === "feedback" || category === "easyops2";
+    return isEasyopsIllustration && theme === "dark-v2" ? "".concat(name, "-dark") : name;
+  }
   function getIllustration(props) {
     var _category, _window$CORE_ROOT;
 
     var theme = (props === null || props === void 0 ? void 0 : props.theme) || "light";
     var category = (props === null || props === void 0 ? void 0 : props.category) || "default";
-    var name = theme === "dark-v2" ? "".concat(props.name, "-dark") : props.name;
+    var name = determineIllustrationName(category, theme, props.name);
     var url = categories === null || categories === void 0 ? void 0 : (_category = categories[category]) === null || _category === void 0 ? void 0 : _category[name];
     return url && "".concat((_window$CORE_ROOT = window.CORE_ROOT) !== null && _window$CORE_ROOT !== void 0 ? _window$CORE_ROOT : "", "assets/illustrations/").concat(url);
   }
 
+  exports.determineIllustrationName = determineIllustrationName;
   exports.getIllustration = getIllustration;
   exports.illustrationsByCategory = illustrationsByCategory;