wargerm 0.4.37 → 0.5.0

package/dist/components/Card/example/demo1.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/components/Card/example/demo2.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/components/Card/example/demo3.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/components/Card/index.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 import { ReactNode } from 'react';
 interface IsliderTabs {
-    tabs: Array<string>;
+    tabs?: Array<any>;
+    renderTab?: ReactNode | string;
     direction: 'left' | 'right';
     defaultValue?: number;
     className?: string;
     tabClassName?: string;
     activeTabClassName?: string;
-    components: Array<ReactNode>;
+    components?: Array<ReactNode>;
     onChange?: (event: any) => void;
 }
 declare type Props = {

package/dist/index.css

@@ -14619,6 +14619,45 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   transform: translate(-124px, -63px);
   padding: 12px 6px;
 }
+[data-prefers-color='light'] .card-container .container-in .sliderTabs {
+  position: absolute;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs.left {
+  right: -22px;
+  top: 80px;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs.right {
+  left: -22px;
+  top: 80px;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs.right .tab::before {
+  transform: skewy(-45deg);
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs .tab {
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
+  position: relative;
+  margin-bottom: 2px;
+  cursor: pointer;
+  padding: 10px 2px;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs .tab::before {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform: skewy(45deg);
+  left: 0;
+  top: 0;
+  background: rgba(81, 190, 246, 0.28);
+  border: 2px solid #51bef6;
+  transition: background 0.3s ease;
+  z-index: -1;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs .tab.active::before {
+  background: #51bef6;
+  border: none;
+}
 [data-prefers-color='light'] .card-container .container-in::before {
   content: '';
   position: absolute;

package/dist/index.esm.css

@@ -14619,6 +14619,45 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   transform: translate(-124px, -63px);
   padding: 12px 6px;
 }
+[data-prefers-color='light'] .card-container .container-in .sliderTabs {
+  position: absolute;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs.left {
+  right: -22px;
+  top: 80px;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs.right {
+  left: -22px;
+  top: 80px;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs.right .tab::before {
+  transform: skewy(-45deg);
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs .tab {
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
+  position: relative;
+  margin-bottom: 2px;
+  cursor: pointer;
+  padding: 10px 2px;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs .tab::before {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform: skewy(45deg);
+  left: 0;
+  top: 0;
+  background: rgba(81, 190, 246, 0.28);
+  border: 2px solid #51bef6;
+  transition: background 0.3s ease;
+  z-index: -1;
+}
+[data-prefers-color='light'] .card-container .container-in .sliderTabs .tab.active::before {
+  background: #51bef6;
+  border: none;
+}
 [data-prefers-color='light'] .card-container .container-in::before {
   content: '';
   position: absolute;

package/dist/index.esm.js

@@ -9518,7 +9518,7 @@ var Index$b = function Index(_ref) {
 var _excluded$d = ["title", "className", "headerTail", "headerCenter", "sliderTabs"];
 
 var Index$c = function Index(_ref, ref) {
-  var _classNames, _sliderTabs$component;
+  var _classNames, _sliderTabs$component, _sliderTabs$tabs;
 
   var title = _ref.title,
       _ref$className = _ref.className,
@@ -9555,9 +9555,9 @@ var Index$c = function Index(_ref, ref) {
     className: "body"
   }, (sliderTabs === null || sliderTabs === void 0 ? void 0 : (_sliderTabs$component = sliderTabs.components) === null || _sliderTabs$component === void 0 ? void 0 : _sliderTabs$component[activeTab]) || props.children)), sliderTabs && /*#__PURE__*/React.createElement("div", {
     className: "sliderTabs ".concat(sliderTabs.direction == 'left' ? "left  ".concat(sliderTabs.className || '') : "right  ".concat(sliderTabs.className || ''))
-  }, sliderTabs.tabs.map(function (item, index) {
+  }, (sliderTabs === null || sliderTabs === void 0 ? void 0 : sliderTabs.renderTab) ? sliderTabs === null || sliderTabs === void 0 ? void 0 : sliderTabs.renderTab : sliderTabs === null || sliderTabs === void 0 ? void 0 : (_sliderTabs$tabs = sliderTabs.tabs) === null || _sliderTabs$tabs === void 0 ? void 0 : _sliderTabs$tabs.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "tab ".concat(index == activeTab ? 'active' : '', "  ").concat(sliderTabs.tabClassName || '', "  ").concat(sliderTabs.activeTabClassName || '')
+      className: "tab ".concat(index == activeTab ? "active ".concat(sliderTabs.activeTabClassName || '') : '', "  ").concat(sliderTabs.tabClassName || '')
     }, /*#__PURE__*/React.createElement("span", {
       onClick: function onClick() {
         setActiveTab(index);

package/dist/index.js

@@ -9577,7 +9577,7 @@ var Index$b = function Index(_ref) {
 var _excluded$d = ["title", "className", "headerTail", "headerCenter", "sliderTabs"];
 
 var Index$c = function Index(_ref, ref) {
-  var _classNames, _sliderTabs$component;
+  var _classNames, _sliderTabs$component, _sliderTabs$tabs;
 
   var title = _ref.title,
       _ref$className = _ref.className,
@@ -9614,9 +9614,9 @@ var Index$c = function Index(_ref, ref) {
     className: "body"
   }, (sliderTabs === null || sliderTabs === void 0 ? void 0 : (_sliderTabs$component = sliderTabs.components) === null || _sliderTabs$component === void 0 ? void 0 : _sliderTabs$component[activeTab]) || props.children)), sliderTabs && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "sliderTabs ".concat(sliderTabs.direction == 'left' ? "left  ".concat(sliderTabs.className || '') : "right  ".concat(sliderTabs.className || ''))
-  }, sliderTabs.tabs.map(function (item, index) {
+  }, (sliderTabs === null || sliderTabs === void 0 ? void 0 : sliderTabs.renderTab) ? sliderTabs === null || sliderTabs === void 0 ? void 0 : sliderTabs.renderTab : sliderTabs === null || sliderTabs === void 0 ? void 0 : (_sliderTabs$tabs = sliderTabs.tabs) === null || _sliderTabs$tabs === void 0 ? void 0 : _sliderTabs$tabs.map(function (item, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "tab ".concat(index == activeTab ? 'active' : '', "  ").concat(sliderTabs.tabClassName || '', "  ").concat(sliderTabs.activeTabClassName || '')
+      className: "tab ".concat(index == activeTab ? "active ".concat(sliderTabs.activeTabClassName || '') : '', "  ").concat(sliderTabs.tabClassName || '')
     }, /*#__PURE__*/React__default['default'].createElement("span", {
       onClick: function onClick() {
         setActiveTab(index);

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "wargerm",
-  "version": "0.4.37",
+  "version": "0.5.0",
   "scripts": {
     "dev": "dumi dev",
     "docs:build": "dumi build",