cfel-base-components 2.2.0 → 2.2.2

package/demo/src/index.jsx

@@ -2,7 +2,7 @@ import React from "react"
 import { createRoot } from 'react-dom/client';
 import style from './index.module.less';
 import { SwapOutlined, } from '@ant-design/icons';
-
+import { ConfigProvider } from "antd"
 import './index.scss';
 import PageContainer from '../../src/components/base-component/PageContainer';
 import Layout from '../../src/components/layout';
@@ -12,7 +12,20 @@ import CpcRole from '../../src/components/universal-pages/cpcRole';
 // import RoleInfo from '../../src/components/universal-pages/roleInfo';
 
 const App = () => {
-  return <div >
+  return <ConfigProvider
+    theme={{
+      token: {
+        fontSize: 12
+      },
+      components: {
+        Form: {
+          itemMarginBottom: 12,
+        },
+        Descriptions: {
+          /* 这里是你的组件 token */
+        },
+      },
+    }}>
     <Layout
       appName="控制台"
       productList={false}
@@ -48,7 +61,7 @@ const App = () => {
     >
       <CpcRole></CpcRole>
     </Layout>
-  </div>
+  </ConfigProvider>
 }
 const container = document.getElementById('root');
 const root = createRoot(container);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfel-base-components",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "cfel-base-components",
   "main": "/src/index.tsx",
   "types": "src/index.d.ts",

package/src/components/base-component/CopyRight/index.module.less

@@ -0,0 +1,13 @@
+.copy-right {
+  height: 32px;
+  text-align: center;
+  color: rgba(0, 0, 0, .65);
+  font-size: 12px;
+  line-height: 20px;
+  padding: 4px 0 8px;
+  letter-spacing: .8px;
+
+  .company-name {
+    margin-right: 12px;
+  }
+}

package/src/components/base-component/CopyRight/index.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import classnames from 'classnames/bind';
+import styles from "./index.module.less"
+const cx = classnames.bind(styles);
+
+export default function CopyRight({
+  className,
+  children,
+  ...restFileds
+}: any) {
+  return (
+    <div className={cx("copy-right")}>
+      <span className={cx("company-name")}>
+        © {new Date().getFullYear() || ''} 骋风而来
+      </span>
+      <span className={cx("icp")}>
+        <a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备2023015664号-1</a>
+      </span>
+    </div>
+  )
+}

package/src/components/base-component/PageContainer/index.module.less

@@ -1,4 +1,4 @@
-.wrap {
+.page-wraper {
   height: 100%;
   overflow-y: auto;
   padding: 12px 12px 0;
@@ -10,14 +10,6 @@
   position: relative;
   background: white;
   border-radius: 8px;
-  flex: 1;
   padding-bottom: 24px;
-}
-
-.foot-empower {
-  text-align: center;
-  color: #ccc;
-  font-size: 12px;
-  padding: 4px 0 8px;
-  letter-spacing: .2px;
+  flex: 1;
 }

package/src/components/base-component/PageContainer/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import CopyRight from "../CopyRight"
 import classnames from 'classnames/bind';
 import styles from "./index.module.less"
 const cx = classnames.bind(styles);
@@ -9,7 +10,7 @@ export default function PageContainer({
   ...restFileds
 }: any) {
   return (
-    <div className={cx("wrap")}>
+    <div className={cx("page-wraper")}>
       <div
         className={cx({
           "page-container": true,
@@ -19,10 +20,7 @@ export default function PageContainer({
       >
         {children}
       </div>
-
-      <div className={cx("foot-empower")}>
-        © {new Date().getFullYear() || ''} 骋风而来{' '}
-      </div>
+      <CopyRight />
     </div >
   )
 }