kts-components-document-access-point 1.4.4 → 1.4.5

package/src/DocumentWhiteList/ui/pageui/index.tsx

@@ -1,64 +1,64 @@
-import React from 'react';
-import { Pagination } from 'antd';
-class CustomerPage extends React.Component<any, any> {
-    constructor(props: any) {
-        super(props);
-        this.state = {
-            pageMeta: this.props.data
-        };
-    }
-
-    // 点击下标改变页面
-    onPageChange = (page: any, pageSize: any) => {
-        this.props.onChange(page, pageSize);
-    }
-    // 列表显示最多条数
-    onShowSizeChange = (current: any, pageSize: any) => {
-        this.props.onChange(current, pageSize);
-    }
-    componentWillReceiveProps(nextProps: any) {
-        if (nextProps.data !== this.props.data) {
-            this.setState({
-                pageMeta: nextProps.data,
-            });
-        }
-    }
-    render() {
-        const { pageMeta } = this.state;
-        const isShowPageSize = this.props.showSizeChanger !== undefined ? this.props.showSizeChanger : true;
-        return (
-            <div style={{   padding: '16px 10px',textAlign: 'center'}}>
-                <div className="my-pagination-div">
-                    <Pagination
-                        size="small"
-                        showQuickJumper={true}
-                        defaultCurrent={pageMeta.pageNum}
-                        total={pageMeta.total}
-                        current={pageMeta.pageNum}
-                        pageSize={pageMeta.pageSize}
-                        pageSizeOptions={this.props.pageSizeOptions || []}
-                        showTotal={(total, range) => {
-                            if (total > 0) {
-                                return (
-                                    <span>
-                                        {!this.props.hideTotal &&
-                                            <span>
-                                                第 {(pageMeta.pageNum - 1) * pageMeta.pageSize + 1} - {pageMeta.pageNum * pageMeta.pageSize} 条，共有
-                                        <span className="number">{total}</span>
-                                         条
-                                    </span>
-                                        }
-                                    </span>);
-                            }
-                            return '';
-                        }}
-                        onChange={this.onPageChange}
-                        onShowSizeChange={this.onShowSizeChange}
-                        showSizeChanger={pageMeta.total > 0 && isShowPageSize === true ? true : false}
-                    />
-                </div>
-            </div>
-        );
-    }
-}
-export default CustomerPage;
+import React from 'react';
+import { Pagination } from 'antd';
+class CustomerPage extends React.Component<any, any> {
+    constructor(props: any) {
+        super(props);
+        this.state = {
+            pageMeta: this.props.data
+        };
+    }
+
+    // 点击下标改变页面
+    onPageChange = (page: any, pageSize: any) => {
+        this.props.onChange(page, pageSize);
+    }
+    // 列表显示最多条数
+    onShowSizeChange = (current: any, pageSize: any) => {
+        this.props.onChange(current, pageSize);
+    }
+    componentWillReceiveProps(nextProps: any) {
+        if (nextProps.data !== this.props.data) {
+            this.setState({
+                pageMeta: nextProps.data,
+            });
+        }
+    }
+    render() {
+        const { pageMeta } = this.state;
+        const isShowPageSize = this.props.showSizeChanger !== undefined ? this.props.showSizeChanger : true;
+        return (
+            <div style={{   padding: '16px 10px',textAlign: 'center'}}>
+                <div className="my-pagination-div">
+                    <Pagination
+                        size="small"
+                        showQuickJumper={true}
+                        defaultCurrent={pageMeta.pageNum}
+                        total={pageMeta.total}
+                        current={pageMeta.pageNum}
+                        pageSize={pageMeta.pageSize}
+                        pageSizeOptions={this.props.pageSizeOptions || []}
+                        showTotal={(total, range) => {
+                            if (total > 0) {
+                                return (
+                                    <span>
+                                        {!this.props.hideTotal &&
+                                            <span>
+                                                第 {(pageMeta.pageNum - 1) * pageMeta.pageSize + 1} - {pageMeta.pageNum * pageMeta.pageSize} 条，共有
+                                        <span className="number">{total}</span>
+                                         条
+                                    </span>
+                                        }
+                                    </span>);
+                            }
+                            return '';
+                        }}
+                        onChange={this.onPageChange}
+                        onShowSizeChange={this.onShowSizeChange}
+                        showSizeChanger={pageMeta.total > 0 && isShowPageSize === true ? true : false}
+                    />
+                </div>
+            </div>
+        );
+    }
+}
+export default CustomerPage;

package/src/DocumentWhiteList/ui/whitemodal/index.tsx

@@ -1,147 +1,147 @@
-import React, { useCallback, useState, useEffect } from 'react';
-import { Modal, Form, Input, Button, Select } from 'kts-components-antd-x4';
-import Main from '../..';
-/**
- * 手动添加黑白名单弹窗
- * @param 
- * @returns 
- */
-export default function modalcomfirm(props: any) {
-    const [form] = Form.useForm();
-    const [data, setData] = useState();
-    const controller = Main.useController();
-    const params = controller.useMemo((s) => s.params, []);
-    const whiteParams = controller.useMemo((s) => s.whiteParams, []);
-    const pageMeta = controller.useMemo((s) => s.pageMeta, []);
-    const listNature = controller.useMemo((s) => s.listNature, []);
-    const didlist = controller.useMemo((s) => s.didlist, []);
-    const [defaultValue, setDefault] = React.useState('');
-    const [companyDidNote, setNote] = useState('');
-    const handleCancel = useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = false;
-        })()
-    }, [])
-    useEffect(() => {
-        controller.didList({}) as any;
-    }, []);
-    useEffect(() => {
-        if (didlist.length > 0) {
-            const one = didlist.findIndex(item => item.isDefault === true);
-            if (~one) {
-                setDefault(didlist[one].participantId);
-                setNote(didlist[one].remarkName);
-            }
-        }
-    }, [didlist]);
-    useEffect(() => {
-        form.setFieldsValue({ 'companyDid': defaultValue });
-    }, [defaultValue]);
-    const onFinish = useCallback((values: any) => {
-        (async () => {
-            values = {
-                ...values,
-                type:listNature,
-                companyDidNote
-            }
-            let res;
-            if (listNature === '1') {
-                res = await controller.addWhite([values]) as any;
-            } else {
-                res = await controller.addBlack([values]) as any;
-            }
-
-            if (res.res) {
-                if (listNature === '1') {
-                    const data={
-                        ...whiteParams
-                    }
-                    controller.pipeline(async s => {
-                        s.whiteParams = data;
-                    })()
-                } else {
-                    const data={
-                        ...params
-                    }
-                    controller.pipeline(async s => {
-                        s.params = data;
-                    })()
-                }
-            }
-            handleCancel();
-        })()
-
-    }, [companyDidNote])
-    const didChange = useCallback((e) => {
-        if (e) {
-            const one = didlist.findIndex(item => item.participantId === e);
-           
-            if (~one) {
-                setNote(didlist[one].remarkName);
-            }
-        } else {
-            setNote('');
-        }
-    }, [didlist])
-    return (
-        <div>
-            <Modal
-                title={`添加${listNature === '1' ? '白名单' : '黑名单'}`}
-                visible={true}
-                footer={null}
-                onCancel={handleCancel}
-            >
-                <Form
-                    name="basic"
-                    form={form}
-                    labelCol={{ span: 8 }}
-                    wrapperCol={{ span: 16 }}
-                    initialValues={data}
-                    onFinish={onFinish}
-                >
-                    <Form.Item
-                        label="DID"
-                        name="customerDid"
-                        rules={[{ required: true, message: '请输入必填项' }]}
-                    >
-                        <Input maxLength={60} placeholder="最多输入60个字符" />
-                    </Form.Item>
-                    <Form.Item
-                        label="DID备注名称"
-                        name="customerDidNote"
-                        rules={[{ required: true, message: '请输入必填项' }]}
-                    >
-                        <Input maxLength={20} placeholder="最多输入20个字符" />
-                    </Form.Item>
-                    <Form.Item
-                        label="所属公司"
-                        name="customerName"
-                        rules={[{ required: true, message: '请输入必填项' }]}
-                    >
-                        <Input maxLength={100} placeholder="最多输入100个字符" />
-                    </Form.Item>
-                    <Form.Item
-                        label="我司对应DID"
-                        name="companyDid"
-                        rules={[{ required: true, message: '请输入必填项' }]}
-                    >
-                        <Select onChange={didChange}>
-                            {didlist.map((item: any, key: number) => {
-                                return <Select.Option key={item.participantId} value={item.participantId}>{item.remarkName + ':' + item.participantId}</Select.Option>;
-                            })}
-                        </Select>
-                    </Form.Item>
-                    <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
-                        <Button type="primary" htmlType="submit" style={{ marginRight: 10 }}>
-                            提交
-                        </Button>
-                        <Button onClick={handleCancel}>
-                            取消
-                        </Button>
-                    </Form.Item>
-                </Form>
-            </Modal>
-        </div >
-
-    );
+import React, { useCallback, useState, useEffect } from 'react';
+import { Modal, Form, Input, Button, Select } from 'kts-components-antd-x4';
+import Main from '../..';
+/**
+ * 手动添加黑白名单弹窗
+ * @param 
+ * @returns 
+ */
+export default function modalcomfirm(props: any) {
+    const [form] = Form.useForm();
+    const [data, setData] = useState();
+    const controller = Main.useController();
+    const params = controller.useMemo((s) => s.params, []);
+    const whiteParams = controller.useMemo((s) => s.whiteParams, []);
+    const pageMeta = controller.useMemo((s) => s.pageMeta, []);
+    const listNature = controller.useMemo((s) => s.listNature, []);
+    const didlist = controller.useMemo((s) => s.didlist, []);
+    const [defaultValue, setDefault] = React.useState('');
+    const [companyDidNote, setNote] = useState('');
+    const handleCancel = useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = false;
+        })()
+    }, [])
+    useEffect(() => {
+        controller.didList({}) as any;
+    }, []);
+    useEffect(() => {
+        if (didlist.length > 0) {
+            const one = didlist.findIndex(item => item.isDefault === true);
+            if (~one) {
+                setDefault(didlist[one].participantId);
+                setNote(didlist[one].remarkName);
+            }
+        }
+    }, [didlist]);
+    useEffect(() => {
+        form.setFieldsValue({ 'companyDid': defaultValue });
+    }, [defaultValue]);
+    const onFinish = useCallback((values: any) => {
+        (async () => {
+            values = {
+                ...values,
+                type:listNature,
+                companyDidNote
+            }
+            let res;
+            if (listNature === '1') {
+                res = await controller.addWhite([values]) as any;
+            } else {
+                res = await controller.addBlack([values]) as any;
+            }
+
+            if (res.res) {
+                if (listNature === '1') {
+                    const data={
+                        ...whiteParams
+                    }
+                    controller.pipeline(async s => {
+                        s.whiteParams = data;
+                    })()
+                } else {
+                    const data={
+                        ...params
+                    }
+                    controller.pipeline(async s => {
+                        s.params = data;
+                    })()
+                }
+            }
+            handleCancel();
+        })()
+
+    }, [companyDidNote])
+    const didChange = useCallback((e) => {
+        if (e) {
+            const one = didlist.findIndex(item => item.participantId === e);
+           
+            if (~one) {
+                setNote(didlist[one].remarkName);
+            }
+        } else {
+            setNote('');
+        }
+    }, [didlist])
+    return (
+        <div>
+            <Modal
+                title={`添加${listNature === '1' ? '白名单' : '黑名单'}`}
+                visible={true}
+                footer={null}
+                onCancel={handleCancel}
+            >
+                <Form
+                    name="basic"
+                    form={form}
+                    labelCol={{ span: 8 }}
+                    wrapperCol={{ span: 16 }}
+                    initialValues={data}
+                    onFinish={onFinish}
+                >
+                    <Form.Item
+                        label="DID"
+                        name="customerDid"
+                        rules={[{ required: true, message: '请输入必填项' }]}
+                    >
+                        <Input maxLength={60} placeholder="最多输入60个字符" />
+                    </Form.Item>
+                    <Form.Item
+                        label="DID备注名称"
+                        name="customerDidNote"
+                        rules={[{ required: true, message: '请输入必填项' }]}
+                    >
+                        <Input maxLength={20} placeholder="最多输入20个字符" />
+                    </Form.Item>
+                    <Form.Item
+                        label="所属公司"
+                        name="customerName"
+                        rules={[{ required: true, message: '请输入必填项' }]}
+                    >
+                        <Input maxLength={100} placeholder="最多输入100个字符" />
+                    </Form.Item>
+                    <Form.Item
+                        label="我司对应DID"
+                        name="companyDid"
+                        rules={[{ required: true, message: '请输入必填项' }]}
+                    >
+                        <Select onChange={didChange}>
+                            {didlist.map((item: any, key: number) => {
+                                return <Select.Option key={item.participantId} value={item.participantId}>{item.remarkName + ':' + item.participantId}</Select.Option>;
+                            })}
+                        </Select>
+                    </Form.Item>
+                    <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+                        <Button type="primary" htmlType="submit" style={{ marginRight: 10 }}>
+                            提交
+                        </Button>
+                        <Button onClick={handleCancel}>
+                            取消
+                        </Button>
+                    </Form.Item>
+                </Form>
+            </Modal>
+        </div >
+
+    );
 }

package/src/DocumentWhiteList/util/ConfigEnum.ts

@@ -1,9 +1,9 @@
-const dataStatusEnum:{[key:string]:string} = {
-    '1': '使用中',
-    '2': '停用',
-}
-const listNatureEnum:{[key:string]:string} = {
-    '1': '白名单',
-    '2': '黑名单',
-}
+const dataStatusEnum:{[key:string]:string} = {
+    '1': '使用中',
+    '2': '停用',
+}
+const listNatureEnum:{[key:string]:string} = {
+    '1': '白名单',
+    '2': '黑名单',
+}
 export { dataStatusEnum,listNatureEnum }

package/src/DocumentsCont/___demo___/base/index.tsx

@@ -1,8 +1,8 @@
-import { DocumentsCont } from "../../../";
-import React from "react";
-
-export default () => {
-  return (
-    <DocumentsCont path=''/>
-  );
+import { DocumentsCont } from "../../../";
+import React from "react";
+
+export default () => {
+  return (
+    <DocumentsCont path=''/>
+  );
 };

package/src/DocumentsCont/___demo___/setService/index.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import { ComponentServicePlatform } from 'kts-component-service';
-import { ComponentService } from 'kts-component-service';
-import { DocumentsService } from "../../../";
-import { extract } from "query-string";
-
-export default () => {
-    React.useEffect(() => {
-
-        // 解决前端跨越问题，此代码跨越忽悠
-        try {
-            window.document.domain = window.location.host.split('.').slice(-2).join('.').split(':')[0];
-
-            // 设置 sdk 
-            DocumentsService.instance.service = new ComponentServicePlatform((window.top as any)['$$_kxl_sdk']);
-
-            // 设置上下文
-            DocumentsService.instance.service.context = '/dap/web';
-        } catch (err) {
-            console.log(err)
-        }
-    }, [])
-
-    return <p>设置通信模块</p>;
-};
+import React from "react";
+import { ComponentServicePlatform } from 'kts-component-service';
+import { ComponentService } from 'kts-component-service';
+import { DocumentsService } from "../../../";
+import { extract } from "query-string";
+
+export default () => {
+    React.useEffect(() => {
+
+        // 解决前端跨越问题，此代码跨越忽悠
+        try {
+            window.document.domain = window.location.host.split('.').slice(-2).join('.').split(':')[0];
+
+            // 设置 sdk 
+            DocumentsService.instance.service = new ComponentServicePlatform((window.top as any)['$$_kxl_sdk']);
+            
+            // 设置上下文
+            DocumentsService.instance.service.context = '/dap/web';
+        } catch (err) {
+            console.log(err)
+        }
+    }, [])
+
+    return <p>设置通信模块</p>;
+};

package/src/DocumentsCont/index.md

@@ -1,9 +1,9 @@
-# DocumentsCont
-
-
-<code src="./___demo___/setService/index.tsx" ></code>
-
-## 基础用法
-<code src="./___demo___/base/index.tsx" ></code>
-
-
+# DocumentsCont
+
+
+<code src="./___demo___/setService/index.tsx" ></code>
+
+## 基础用法
+<code src="./___demo___/base/index.tsx" ></code>
+
+

package/src/DocumentsCont/index.tsx

@@ -1,52 +1,55 @@
-// import { Tabs } from 'kts-components-antd-x4';
-import React from 'react';
-import { MemoryRouter, Switch, Route, Redirect } from 'react-router-dom';
-import { DocumentsList, DocumentsRule, DocumentWhiteList } from '../';
-import { ConfigProvider } from 'kts-components-antd-x4';
-import zhCN from 'kts-components-antd-x4/lib/locale/zh_CN';
-
-export default class DocumentsCont extends React.Component<any> {
-  render = () => <Main {...this.props} />
-}
-
-const Main = (props: any) => {
-  const initRoute = props.path || '/rulelist'
-  return (
-    <ConfigProvider locale={zhCN}>
-      <MemoryRouter>
-        <Switch>
-          {/* <Route path="/home/:key?" component={DocumentsTabs} /> */}
-          <Route path="/rulelist" component={DocumentsList} />
-          <Route path="/billwhiteliest" component={DocumentWhiteList} />
-          <Route path="/rule/:id?/:type?/:profile?" component={DocumentsRule} />
-          <Route render={() => <Redirect to={initRoute} />} />
-        </Switch>
-      </MemoryRouter>
-    </ConfigProvider>
-  );
-};
-
-// const DocumentsTabs = () => {
-
-//   const history = useHistory();
-
-//   const { key } = useParams<{ key: string }>();
-
-//   React.useEffect(() => {
-//     if (!key) {
-//       history.push(`/home/1`);
-//     }
-//   }, [key])
-
-//   return (
-//     <Switch>
-//       <Tabs accessKey={key} onChange={e => { history.push(`/home/${e}`) }} >
-//         <Tabs.TabPane tab="单据校验设置" key="1">
-//           <Route path="/home/1" component={DocumentsList} />
-//           <Route path="/home/1" component={DocumentWhiteList} />
-
-//         </Tabs.TabPane>
-//       </Tabs>
-//     </Switch>
-//   )
+// import { Tabs } from 'kts-components-antd-x4';
+import React from 'react';
+import { MemoryRouter, Switch, Route, Redirect } from 'react-router-dom';
+import { DocumentsList, DocumentsRule, DocumentWhiteList, DocumentsService } from '../';
+import { ConfigProvider } from 'kts-components-antd-x4';
+import zhCN from 'kts-components-antd-x4/lib/locale/zh_CN';
+
+export default class DocumentsCont extends React.Component<any> {
+  render = () => <Main {...this.props} />
+}
+
+const Main = (props: any) => {
+  const initRoute = props.path || '/rulelist';
+  // const uploadConfig = { domain: (DocumentsService.instance.service as any).sdk.service.domain, token: (DocumentsService.instance.service as any).sdk.user.cToken };
+  // console.log(uploadConfig);
+  return (
+    <ConfigProvider locale={zhCN}>
+      <MemoryRouter>
+        <Switch>
+          {/* <Route path="/home/:key?" component={DocumentsTabs} /> */}
+          <Route path="/rulelist" component={DocumentsList} />
+          <Route path="/billwhiteliest" component={DocumentWhiteList} />
+          <Route path="/rule/:id?/:type?/:profile?" component={DocumentsRule} />
+
+          <Route render={() => <Redirect to={initRoute} />} />
+        </Switch>
+      </MemoryRouter>
+    </ConfigProvider>
+  );
+};
+
+// const DocumentsTabs = () => {
+
+//   const history = useHistory();
+
+//   const { key } = useParams<{ key: string }>();
+
+//   React.useEffect(() => {
+//     if (!key) {
+//       history.push(`/home/1`);
+//     }
+//   }, [key])
+
+//   return (
+//     <Switch>
+//       <Tabs accessKey={key} onChange={e => { history.push(`/home/${e}`) }} >
+//         <Tabs.TabPane tab="单据校验设置" key="1">
+//           <Route path="/home/1" component={DocumentsList} />
+//           <Route path="/home/1" component={DocumentWhiteList} />
+
+//         </Tabs.TabPane>
+//       </Tabs>
+//     </Switch>
+//   )
 // }