@fe-free/core 2.1.6 → 2.1.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @fe-free/core
 
+## 2.1.7
+
+### Patch Changes
+
+- feat: tailwindcss
+  - @fe-free/tool@2.1.7
+
 ## 2.1.6
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -39,7 +39,7 @@
     "remark-gfm": "^4.0.1",
     "vanilla-jsoneditor": "^0.23.1",
     "zustand": "^4.5.4",
-    "@fe-free/tool": "2.1.6"
+    "@fe-free/tool": "2.1.7"
   },
   "peerDependencies": {
     "@ant-design/pro-components": "^2.8.7",

package/src/index.ts

@@ -1,3 +1,5 @@
+import './style.scss';
+
 export { useGlobalInfiniteScroll } from './ahooks/use_global_infinite_scroll';
 export { useGlobalRequest } from './ahooks/use_global_request';
 export { LoadingButton } from './button';

package/src/style.scss

@@ -0,0 +1,41 @@
+/** 和 antd 冲突，不开启 */
+/* stylelint-disable-next-line at-rule-no-unknown */
+// @tailwind base;
+
+/* stylelint-disable-next-line at-rule-no-unknown */
+@tailwind components;
+
+/* stylelint-disable-next-line at-rule-no-unknown */
+@tailwind utilities;
+
+.c-border {
+  border: 1px solid #f0f0f0;
+}
+
+.c-border-bottom {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.c-border-top {
+  border-top: 1px solid #f0f0f0;
+}
+
+.c-border-left {
+  border-left: 1px solid #f0f0f0;
+}
+
+.c-border-right {
+  border-right: 1px solid #f0f0f0;
+}
+
+.c-bg {
+  background-color: #f3f5f6;
+}
+
+.c-bg-hover {
+  background-color: #f3f5f6;
+
+  &:hover {
+    background-color: #e9ebec;
+  }
+}

package/src/tailwindcss.stories.tsx

@@ -12,6 +12,14 @@ export const Default = () => {
         <span className="text-secondary">text-secondary</span>
         <span className="text-desc">text-desc</span>
       </div>
+      <div>
+        <div className="c-border-bottom">c-border-bottom</div>
+        <div className="c-border-top">c-border-top</div>
+        <div className="c-border-left">c-border-left</div>
+        <div className="c-border-right">c-border-right</div>
+        <div className="c-bg">c-bg</div>
+        <div className="c-bg-hover">c-bg-hover</div>
+      </div>
     </div>
   );
 };