cfel-base-components 0.0.24 → 1.0.0

package/src/index.tsx

@@ -1,15 +1,13 @@
 import LiosLayout, { LiosLayoutlProps } from './components/layout'
-import PageContainer from './components/PageContainer'
-import QueryFilter from './components/QueryFilter'
-import ProTable from './components/ProTable'
-import Pagination from './components/Pagination'
-import Account from './components/account'
-import AccountInfo from './components/accountInfo'
-import Role from './components/role'
-import RoleInfo from './components/roleInfo'
-import request from './apiRequest/config'
-import iotRequest from './apiRequest/iotConfig'
-import { getUrlParams, downloadFile, timeFormatter } from './utils/index'
+import PageContainer from './components/base-component/PageContainer'
+import QueryFilter from './components/base-component/QueryFilter'
+import ProTable from './components/base-component/ProTable'
+import Pagination from './components/base-component/Pagination'
+import Account from './components/universal-pages/account'
+import AccountInfo from './components/universal-pages/accountInfo'
+import Role from './components/universal-pages/role'
+import RoleInfo from './components/universal-pages/roleInfo'
+
 export {
     LiosLayout,
     LiosLayoutlProps,
@@ -20,10 +18,5 @@ export {
     Account,
     AccountInfo,
     Role,
-    RoleInfo,
-    request,
-    iotRequest,
-    getUrlParams, 
-    downloadFile, 
-    timeFormatter
+    RoleInfo
 }

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "typescript.tsdk": "node_modules/typescript/lib"
-}

package/src/.umi/core/helmet.ts

@@ -1,10 +0,0 @@
-// @ts-nocheck
-// This file is generated by Umi automatically
-// DO NOT CHANGE IT MANUALLY!
-import React from 'react';
-import { HelmetProvider } from '/Users/wujingang/Desktop/workspace/base-components/node_modules/@umijs/renderer-react';
-import { context } from './helmetContext';
-
-export const innerProvider = (container) => {
-  return React.createElement(HelmetProvider, { context }, container);
-}

package/src/.umi/core/helmetContext.ts

@@ -1,4 +0,0 @@
-// @ts-nocheck
-// This file is generated by Umi automatically
-// DO NOT CHANGE IT MANUALLY!
-export const context = {};

package/src/apiRequest/config.ts

@@ -1,71 +0,0 @@
-import axios, { AxiosRequestHeaders } from 'axios';
-import { notification } from 'antd';
-
-
-let UMI_APP_BASEURL:any =  window.location.origin || process.env 
-const instance = axios.create({ baseURL: UMI_APP_BASEURL });
-
-instance.interceptors.request.use(
-  (config: any) => {
-    config.headers = {
-      ...config.headers,
-      "cfel-token": (window as any)?.g_config?.token
-    } as AxiosRequestHeaders;
-
-    config.params = {
-      ...config.params,
-      productCode: (window as any)?.g_config?.productCode,
-    }
-    
-    return config;
-  },
-  (error: any) => Promise.reject(error)
-);
-
-instance.interceptors.response.use(
-  //状态码为2xx的时候执行
-  (response: any) => {
-    const { data = {} } = response;
-    const { success, content, errorCode, errorMsg } = data;
-
-    if (!success) {
-      notification.error({
-        message: errorMsg
-      });
-      return Promise.reject(data);
-    }
-
-    return content;
-  },
-  //状态码不为2xx的时候执行
-  (error: any) => {
-    const { response = {} } = error;
-    const { status } = response;
-
-    enum CodeMessage {
-      '发出的请求有错误，服务器没有进行新建或修改数据的操作。' = 400,
-      '用户未登录。' = 401,
-      '用户得到授权，但是访问是被禁止的。' = 403,
-      '发出的请求针对的是不存在的记录，服务器没有进行操作。' = 404,
-      '请求的格式不可得。' = 406,
-      '请求的资源被永久删除，且不会再得到的。' = 410,
-      '当创建一个对象时，发生一个验证错误。' = 422,
-      '服务器发生错误，请检查服务器。' = 500,
-      '网关错误。' = 502,
-      '服务不可用，服务器暂时过载或维护。' = 503,
-      '网关超时。' = 504
-    }
-
-    notification.error({
-      message: response?.data?.message || CodeMessage[status]
-    });
-
-    if (status === 401) {
-
-    }
-
-    return Promise.reject(error);
-  }
-);
-
-export default instance;

package/src/apiRequest/hosts.ts

@@ -1,6 +0,0 @@
-export const hosts: any = {
-    iot: {
-        "daily": "https://lios-iot-daily.chengfengerlai.com",
-        "product": ""
-    }
-}

package/src/apiRequest/iotConfig.ts

@@ -1,71 +0,0 @@
-import axios, { AxiosRequestHeaders } from 'axios';
-import { notification } from 'antd';
-import { hosts } from './hosts'
-
-const env = (window as any)?.g_config?.env
-const instance = axios.create({ baseURL: hosts["iot"][env] });
-
-instance.interceptors.request.use(
-  (config: any) => {
-    config.headers = {
-      ...config.headers,
-      "cfel-token": (window as any)?.g_config?.token
-    } as AxiosRequestHeaders;
-
-    config.params = {
-      ...config.params,
-      productCode: (window as any)?.g_config?.productCode,
-    }
-
-    return config;
-  },
-  (error: any) => Promise.reject(error)
-);
-
-instance.interceptors.response.use(
-  //状态码为2xx的时候执行
-  (response: any) => {
-    const { data = {} } = response;
-    const { success, content, errorCode, errorMsg } = data;
-
-    if (!success) {
-      notification.error({
-        message: errorMsg
-      });
-      return Promise.reject(data);
-    }
-
-    return content;
-  },
-  //状态码不为2xx的时候执行
-  (error: any) => {
-    const { response = {} } = error;
-    const { status } = response;
-
-    enum CodeMessage {
-      '发出的请求有错误，服务器没有进行新建或修改数据的操作。' = 400,
-      '用户未登录。' = 401,
-      '用户得到授权，但是访问是被禁止的。' = 403,
-      '发出的请求针对的是不存在的记录，服务器没有进行操作。' = 404,
-      '请求的格式不可得。' = 406,
-      '请求的资源被永久删除，且不会再得到的。' = 410,
-      '当创建一个对象时，发生一个验证错误。' = 422,
-      '服务器发生错误，请检查服务器。' = 500,
-      '网关错误。' = 502,
-      '服务不可用，服务器暂时过载或维护。' = 503,
-      '网关超时。' = 504
-    }
-
-    notification.error({
-      message: response?.data?.message || CodeMessage[status]
-    });
-
-    if (status === 401) {
-
-    }
-
-    return Promise.reject(error);
-  }
-);
-
-export default instance;

package/src/components/PageContainer/index.scss

@@ -1,13 +0,0 @@
-.page-container {
-    background: white;
-    border-radius: 8px;
-    flex: 1;
-    position: relative;
-  }
-  .page-footEmpower {
-    text-align: center;
-    color: #b6b6b6;
-    font-size: 10px;
-    padding: 4px 0px;
-  }
-  

package/src/components/PageContainer/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import "./index.scss"
-
-
-export default function PageContainer({
-  className,
-  children,
-  ...restFileds
-}: any) {
-  return (
-    <>
-      <div
-        className={`page-container ${className}`}
-        {...restFileds}
-      >
-        {children}
-      </div>
-      <div className="page-footEmpower">
-        ©{new Date().getFullYear() || ''} 橙蜂而来{' '}
-      </div>
-    </>)
-}

package/src/components/Pagination/index.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Pagination, PaginationProps } from 'antd';
-import "./index.scss"
-
-export default function PaginationComponent (props: PaginationProps){
-  const { className } = props
-  return (
-    <div
-      className={`pagination ${className}`}
-    >
-      <Pagination
-        showQuickJumper
-        showSizeChanger
-        showTotal={(total) => `共 ${total} 条`}
-        {...props}
-      />
-    </div>
-  )
-
-}

package/src/components/ProTable/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import {
-  ProTable,
-  ProTableProps
-} from '@ant-design/pro-components';
-import "./index.scss"
-
-export default function ProTableComponent (props: ProTableProps<any,any>){
-  const { className } = props
-  return (
-    <ProTable
-      className={`protable ${className}`}
-      search={false}
-      pagination={false}
-      scroll={{
-        x: 'max-content'
-      }}
-      {...props}
-    />
-  )
-
-}

package/src/components/QueryFilter/index.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import {
-  QueryFilter,
-  QueryFilterProps
-} from '@ant-design/pro-components';
-import "./index.scss"
-
-
-
-export default function PaginationComponent (props: QueryFilterProps<any>){
-  const { className } = props
-  return (
-    <QueryFilter
-      className={`queryfilter ${className}`}
-      layout="vertical"
-      {...props}
-    />
-  )
-
-}

package/src/components/account/api.ts

@@ -1,11 +0,0 @@
-import request from "../../apiRequest/config"
-
-//分页查询账号
-export const accountPage= (data?: any) => {
-    return request.post("/api/permission/account/page.json", { ...data })
-}
-
-export const updateDevice = (data?: any) => {
-    return request.post("/api/wifi/device/bound/space/update.json", { ...data })
-}
-

package/src/components/account/index.tsx

@@ -1,169 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import useTableHooks from "../../hooks/useTableHooks"
-import PageContainer from '../PageContainer';
-import QueryFilter from '../QueryFilter';
-import ProTable from '../ProTable';
-import Pagination from '../Pagination';
-import { ProFormText,} from '@ant-design/pro-components';
-import { Space, } from 'antd';
-import { get } from 'lodash';
-import { timeFormatter } from '../../utils';
-import { accountPage } from "./api"
-
-import "./index.scss"
-
-export interface AccountProps {
-  historyAction: any;
-}
-
-export default function Account({
-  historyAction
-}:AccountProps) {
-  const searchFormRef: any = useRef()
-
-  useEffect(() => {
-    execute()
-  }, [])
-
-  const columns: any = [
-    {
-      title: '名称',
-      dataIndex: 'name',
-      key: 'name',
-      render: (text: any) => {
-        return <span>{text}</span>
-      }
-    },
-    {
-      title: '账号',
-      dataIndex: 'account',
-      key: 'account',
-    },
-    {
-      title: '工号',
-      dataIndex: 'jobNumber',
-      key: 'jobNumber',
-    },
-    {
-      title: '手机号',
-      dataIndex: 'mobile',
-      key: 'mobile',
-    },
-    {
-      title: '邮箱',
-      dataIndex: 'email',
-      key: 'email',
-      ellipsis: true,
-    },
-    {
-      title: '是否企业管理员',
-      dataIndex: 'isAdmin',
-      key: 'isAdmin',
-      render: (text: any, rowData: any) => {
-        if (rowData.isAdmin) {
-          return '是'
-        } else {
-          return '否'
-        }
-      }
-    },
-
-    {
-      title: '创建时间',
-      dataIndex: 'gmtCreate',
-      key: 'gmtCreate',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '修改时间',
-      dataIndex: 'gmtModified',
-      key: 'gmtModified',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '操作',
-      fixed: 'right',
-      width: 80,
-      render: (rowdata: any) => (
-         
-       <Space>
-          <a
-            onClick={() => {
-              historyAction?.push({
-                pathname: `/account-info`,
-                search: `?id=${rowdata.id}`,
-              });
-            }}
-          >
-            配置
-          </a>
-        </Space>
-      ),
-    },
-  ];
-
-  const handleOnReset: any = async (values: any) => {
-    searchFormRef.current = { ...values }
-    execute({
-      innerPageNo: 1,
-    })
-  }
-
-  const handleOnFinish: any = async (values: any) => {
-    searchFormRef.current = { ...values }
-    execute()
-  }
-
-  const readDataList = ({
-    innerPageNo,
-    innerPageSize,
-  }: any) => {
-    return accountPage({
-      currentPage: innerPageNo,
-      pageSize: innerPageSize,
-      ...searchFormRef.current,
-    }).then((res: any) => {
-      let records = get(res, "records", [])
-      let total = get(res, "total", 0)
-      return {
-        dataList: records,
-        totalCount: total
-      }
-    })
-  }
-
-  const { execute, dataList, isLoading, pagination } = useTableHooks({
-    asyncFunction: readDataList
-  })
-
-  const handleRoload = () => {
-    execute()
-  }
-
-  return (
-    <PageContainer>
-      <QueryFilter
-        onReset={handleOnReset}
-        onFinish={handleOnFinish}
-      >
-        <ProFormText name="name" label="名称" />
-        <ProFormText name="account" label="账号" />
-      </QueryFilter>
-      <ProTable
-        headerTitle={"账号列表"}
-        dataSource={dataList}
-        loading={isLoading}
-        columns={columns}
-        rowKey="id"
-        options={{
-          reload: handleRoload
-        }}
-      />
-      <Pagination  {...pagination} />
-    </PageContainer>
-  )
-}

package/src/components/accountInfo/api.ts

@@ -1,26 +0,0 @@
-import request from "../../apiRequest/config"
-
-//按账号id查询账号信息
-export const getAccount= (data?: any) => {
-    return request.post("/api/permission/account/getAccount.json", { ...data })
-}
-//根据账号查询绑定的角色 分页
-export const pageBoundRoles= (data?: any) => {
-    return request.post("/api/permission/accountRole/pageBoundRoles.json", { ...data })
-}
-//根据账号查询绑定的角色
-export const queryBoundRoles= (data?: any) => {
-    return request.post("/api/permission/accountRole/queryBoundRoles.json", { ...data })
-}
-//获取所有角色
-export const rolelistRole = (data?: any) => {
-    return request.get("/api/permission/role/listRole.json", { ...data })
-}
-//账号下绑定角色
-export const accountBoundRoles= (data?: any) => {
-    return request.post("/api/permission/accountRole/accountBoundRoles.json", { ...data })
-}
-//账号下解绑角色
-export const accountUnboundRoles= (data?: any) => {
-    return request.post("/api/permission/accountRole/accountUnboundRoles.json", { ...data })
-}