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

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>
+//   )
 // }

package/src/DocumentsDemo/Controller/index.tsx

@@ -1,15 +1,15 @@
-import GreyReactBox from "grey-react-box";
-import getWhitelist from './whitelist';
-
-
-export class ControllerState{
-
-}
-
-export default class Controller extends GreyReactBox<ControllerState> {
-  constructor(){
-      super(new ControllerState)
-  }
-
-  getWhitelist = this.pipeline(getWhitelist);
+import GreyReactBox from "grey-react-box";
+import getWhitelist from './whitelist';
+
+
+export class ControllerState{
+
+}
+
+export default class Controller extends GreyReactBox<ControllerState> {
+  constructor(){
+      super(new ControllerState)
+  }
+
+  getWhitelist = this.pipeline(getWhitelist);
 }

package/src/DocumentsDemo/Controller/whitelist.ts

@@ -1,23 +1,23 @@
-import { ControllerState } from '.';
-import { DocumentsService } from "../../";
-
-export default async (s: any) => {
-    
-    console.log('DocumentsService.instance.service ===>', DocumentsService.instance.service);
-    const res = await DocumentsService.instance.service?.call({ url: '/whiteblacklist/config/queryWhiteListPage', data: { pageSize: 10, pageNum: 1 }, type: 'post' }) as any;
-    
-    if (res.err) {
-        return false;
-    }
-    if (res.res) {
-        res.res.items = res.res.items.map((item: any, index: any) => {
-            return {
-                ...item,
-                index
-            }
-        })
-        s.whiteblacklist = res.res.items || [];
-        return res;
-        // s.pageMeta = res.res.pageMeta;
-    }
+import { ControllerState } from '.';
+import { DocumentsService } from "../../";
+
+export default async (s: any) => {
+    
+    console.log('DocumentsService.instance.service ===>', DocumentsService.instance.service);
+    const res = await DocumentsService.instance.service?.call({ url: '/whiteblacklist/config/queryWhiteListPage', data: { pageSize: 10, pageNum: 1 }, type: 'post' }) as any;
+    
+    if (res.err) {
+        return false;
+    }
+    if (res.res) {
+        res.res.items = res.res.items.map((item: any, index: any) => {
+            return {
+                ...item,
+                index
+            }
+        })
+        s.whiteblacklist = res.res.items || [];
+        return res;
+        // s.pageMeta = res.res.pageMeta;
+    }
 }

package/src/DocumentsDemo/Text.tsx

@@ -1,23 +1,23 @@
-
-import { Button } from 'kts-components-antd-x4';
-import React from 'react';
-import DocumentsDemo from './'
-
-export default (props: any) => {
-
-    const controller = DocumentsDemo.useController()
-
-    const whiteblacklist = controller.useMemo((s: any) => s.whiteblacklist, [])
-
-    console.log(whiteblacklist);
-
-    React.useEffect(() => {
-        controller.getWhitelist()
-    }, [])
-
-    return (
-        <div>
-            <Button>发送</Button>
-        </div>
-    );
+
+import { Button } from 'kts-components-antd-x4';
+import React from 'react';
+import DocumentsDemo from './'
+
+export default (props: any) => {
+
+    const controller = DocumentsDemo.useController()
+
+    const whiteblacklist = controller.useMemo((s: any) => s.whiteblacklist, [])
+
+    console.log(whiteblacklist);
+
+    React.useEffect(() => {
+        controller.getWhitelist()
+    }, [])
+
+    return (
+        <div>
+            <Button>发送</Button>
+        </div>
+    );
 };

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

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