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

package/src/DocumentsEdit/ui/RefPropertyButton/index.tsx

@@ -1,122 +1,122 @@
-import React from 'react';
-import {
-  Button,
-  Drawer,
-  Space,
-  Table,
-} from 'kts-components-antd-x4';
-import propertyColumns from '../../constant/propertyColumns'
-import DocumentsEdit from '../../'
-
-export default () => {
-
-  const controller = DocumentsEdit.useDocumentsEditController();
-
-  /** 当前正在处理的属性 */
-  const current = controller.useMemo(s => s.propertyTableState.current, []);
-
-  /** 只读模式 */
-  const readOnly = controller.useMemo(s => s.readOnly, []);
-
-  const [visible, setVisible] = React.useState(false);
-
-  const onOpen = React.useCallback(() => { setVisible(true) }, []);
-
-  const onClose = React.useCallback(() => { setVisible(false) }, []);
-
-  const [selectedRowKeys, setSelectedRowKeys] = React.useState<string[]>([])
-
-  /** 点击了提交 */
-  const onSubmit = React.useCallback(async () => {
-    await controller.pipeline(async s => {
-      const definitions = s.schema.definitions;
-      selectedRowKeys.forEach(e => {
-        if (!current) return;
-        const properties = definitions[e];
-        properties.$count++;
-
-        if (current.type === 'object') {
-          if (!current.properties) current.properties = {};
-          current.properties[properties.$name] = { $ref: properties.$id, alias: '', detailed: '', $refName: '', $name: '' };
-        } else if (current.type === 'array' && current.items) {
-          if (!current.items.properties) current.items.properties = {};
-          current.items.properties[properties.$name] = { $ref: properties.$id, alias: '', detailed: '', $refName: '', $name: '' };
-        }
-      })
-    })()
-    onClose();
-  }, [current, controller, selectedRowKeys])
-
-  React.useEffect(() => {
-    visible && setSelectedRowKeys([])
-  }, [visible])
-
-  return (
-    <>
-      {readOnly === false && <Button onClick={onOpen} >引用已有字段</Button>}
-      <Drawer
-        title="引用已有字段"
-        placement="right"
-        width={700}
-        onClose={onClose}
-        visible={visible}
-        destroyOnClose={true}
-        footer={
-          <Space>
-            <Button onClick={onSubmit} type="primary" >确定</Button>
-            <Button onClick={onClose} >取消</Button>
-          </Space>
-        }
-      >
-        <DrawerBody
-          selectedRowKeys={selectedRowKeys}
-          onChange={(selectedRowKeys: React.Key[]) => {
-            setSelectedRowKeys(selectedRowKeys as string[]);
-          }} />
-      </Drawer>
-    </>
-  );
-};
-
-const DrawerBody = (props: { selectedRowKeys: string[], onChange: (selectedRowKeys: React.Key[]) => void }) => {
-
-  const controller = DocumentsEdit.useDocumentsEditController();
-
-  const columns = React.useMemo(() => {
-    return propertyColumns.filter(e => e.key !== 'isRules')
-  }, [])
-
-  const dataSource = controller.useMemo(s => {
-    return Object.entries(s.schema.definitions)
-      .map(e => e[1])
-      .filter(e => {
-        return s.breadcrumbState.indexOf(e) < 0;
-      })
-      .filter(e => {
-        if (!s.propertyTableState.current) return true;
-
-        const properties = s.propertyTableState.current.type === 'object'
-          ? s.propertyTableState.current.properties
-          : s.propertyTableState.current.items?.properties
-
-        if (!properties) return true;
-        return !properties[e.$name];
-      })
-  }, [])
-
-  return (
-    <Table
-      bordered
-      rowKey="$name"
-      size="small"
-      pagination={false}
-      dataSource={dataSource}
-      columns={columns}
-      rowSelection={{
-        type: 'checkbox',
-        selectedRowKeys: props.selectedRowKeys,
-        onChange: props.onChange,
-      }}
-    />
-  )
+import React from 'react';
+import {
+  Button,
+  Drawer,
+  Space,
+  Table,
+} from 'kts-components-antd-x4';
+import propertyColumns from '../../constant/propertyColumns'
+import DocumentsEdit from '../../'
+
+export default () => {
+
+  const controller = DocumentsEdit.useDocumentsEditController();
+
+  /** 当前正在处理的属性 */
+  const current = controller.useMemo(s => s.propertyTableState.current, []);
+
+  /** 只读模式 */
+  const readOnly = controller.useMemo(s => s.readOnly, []);
+
+  const [visible, setVisible] = React.useState(false);
+
+  const onOpen = React.useCallback(() => { setVisible(true) }, []);
+
+  const onClose = React.useCallback(() => { setVisible(false) }, []);
+
+  const [selectedRowKeys, setSelectedRowKeys] = React.useState<string[]>([])
+
+  /** 点击了提交 */
+  const onSubmit = React.useCallback(async () => {
+    await controller.pipeline(async s => {
+      const definitions = s.schema.definitions;
+      selectedRowKeys.forEach(e => {
+        if (!current) return;
+        const properties = definitions[e];
+        properties.$count++;
+
+        if (current.type === 'object') {
+          if (!current.properties) current.properties = {};
+          current.properties[properties.$name] = { $ref: properties.$id, alias: '', detailed: '', $refName: '', $name: '' };
+        } else if (current.type === 'array' && current.items) {
+          if (!current.items.properties) current.items.properties = {};
+          current.items.properties[properties.$name] = { $ref: properties.$id, alias: '', detailed: '', $refName: '', $name: '' };
+        }
+      })
+    })()
+    onClose();
+  }, [current, controller, selectedRowKeys])
+
+  React.useEffect(() => {
+    visible && setSelectedRowKeys([])
+  }, [visible])
+
+  return (
+    <>
+      {readOnly === false && <Button onClick={onOpen} >引用已有字段</Button>}
+      <Drawer
+        title="引用已有字段"
+        placement="right"
+        width={700}
+        onClose={onClose}
+        visible={visible}
+        destroyOnClose={true}
+        footer={
+          <Space>
+            <Button onClick={onSubmit} type="primary" >确定</Button>
+            <Button onClick={onClose} >取消</Button>
+          </Space>
+        }
+      >
+        <DrawerBody
+          selectedRowKeys={selectedRowKeys}
+          onChange={(selectedRowKeys: React.Key[]) => {
+            setSelectedRowKeys(selectedRowKeys as string[]);
+          }} />
+      </Drawer>
+    </>
+  );
+};
+
+const DrawerBody = (props: { selectedRowKeys: string[], onChange: (selectedRowKeys: React.Key[]) => void }) => {
+
+  const controller = DocumentsEdit.useDocumentsEditController();
+
+  const columns = React.useMemo(() => {
+    return propertyColumns.filter(e => e.key !== 'isRules')
+  }, [])
+
+  const dataSource = controller.useMemo(s => {
+    return Object.entries(s.schema.definitions)
+      .map(e => e[1])
+      .filter(e => {
+        return s.breadcrumbState.indexOf(e) < 0;
+      })
+      .filter(e => {
+        if (!s.propertyTableState.current) return true;
+
+        const properties = s.propertyTableState.current.type === 'object'
+          ? s.propertyTableState.current.properties
+          : s.propertyTableState.current.items?.properties
+
+        if (!properties) return true;
+        return !properties[e.$name];
+      })
+  }, [])
+
+  return (
+    <Table
+      bordered
+      rowKey="$name"
+      size="small"
+      pagination={false}
+      dataSource={dataSource}
+      columns={columns}
+      rowSelection={{
+        type: 'checkbox',
+        selectedRowKeys: props.selectedRowKeys,
+        onChange: props.onChange,
+      }}
+    />
+  )
 }

package/src/DocumentsList/DocumentsListController/DocumentsListControllerState/index.ts

@@ -1,56 +1,56 @@
-
-/**  */
-export interface ISelectedRowKey {
-    /**
-     * 配置名称
-     */
-    configName?: string;
-    /**
-     * 配置编号
-     */
-    configNumber?: string;
-    /**
-     * 创建时间
-     */
-    createAt?: number;
-    /**
-     * 更新时间
-     */
-    updateAt?: number;
-    /**
-     * schema字符串，需要json.parse转换
-     */
-    schemaContent?: string;
-    /**
-     * 主键
-     */
-    id?: number;
-    /**
-     *单据类型
-     */
-    type?: string;
-}
-export interface IBillEnum {
-    name: string;
-    value: string;
-}
-export interface IParams extends ISelectedRowKey {
-    pageSize?: number;
-    pageNum?: number;
-}
-export interface IBillType {
-    lable: string;
-    value: string;
-}
-export default class DocumentsListControllerState {
-
-    demo: string = 'demo';
-    type: number = 1;
-    selectedRowKey: ISelectedRowKey[] = [];
-    billEnum: IBillEnum[] = [];
-    params: IParams = { pageSize: 10, pageNum: 1 };
-    visible: boolean = false;
-    schema: any;
-    targetId: string = '';
-    billTypes: IBillType[] = [];
+
+/**  */
+export interface ISelectedRowKey {
+    /**
+     * 配置名称
+     */
+    configName?: string;
+    /**
+     * 配置编号
+     */
+    configNumber?: string;
+    /**
+     * 创建时间
+     */
+    createAt?: number;
+    /**
+     * 更新时间
+     */
+    updateAt?: number;
+    /**
+     * schema字符串，需要json.parse转换
+     */
+    schemaContent?: string;
+    /**
+     * 主键
+     */
+    id?: number;
+    /**
+     *单据类型
+     */
+    type?: string;
+}
+export interface IBillEnum {
+    name: string;
+    value: string;
+}
+export interface IParams extends ISelectedRowKey {
+    pageSize?: number;
+    pageNum?: number;
+}
+export interface IBillType {
+    lable: string;
+    value: string;
+}
+export default class DocumentsListControllerState {
+
+    demo: string = 'demo';
+    type: number = 1;
+    selectedRowKey: ISelectedRowKey[] = [];
+    billEnum: IBillEnum[] = [];
+    params: IParams = { pageSize: 10, pageNum: 1 };
+    visible: boolean = false;
+    schema: any;
+    targetId: string = '';
+    billTypes: IBillType[] = [];
 }

package/src/DocumentsList/DocumentsListController/actions/demo/index.ts

@@ -1,5 +1,5 @@
-import DocumentsListControllerState from '../../DocumentsListControllerState';
-
-export default async (s: DocumentsListControllerState, value?: string) => {
-    s.demo = value || '';
+import DocumentsListControllerState from '../../DocumentsListControllerState';
+
+export default async (s: DocumentsListControllerState, value?: string) => {
+    s.demo = value || '';
 }

package/src/DocumentsList/DocumentsListController/actions/typelist/index.ts

@@ -1,16 +1,16 @@
-import DocumentsListControllerState from '../../DocumentsListControllerState';
-import { DocumentsService } from "../../../../";
-export default async (s: DocumentsListControllerState, params?: any) => {
-    
-    const res = await DocumentsService.instance.service?.call({ url: '/schema/config/queryConfigSchemaPage', data: params, type: 'post' }) as any;
-            
-            if (res.err) {
-                return false;
-            }
-            if (res.res) {
-                const list = res.res.map((item: any) => {
-                    return { label: item.name, value: item.value }
-                })
-                s.billTypes = list || [];
-            }
+import DocumentsListControllerState from '../../DocumentsListControllerState';
+import { DocumentsService } from "../../../../";
+export default async (s: DocumentsListControllerState, params?: any) => {
+    
+    const res = await DocumentsService.instance.service?.call({ url: '/schema/config/queryConfigSchemaPage', data: params, type: 'post' }) as any;
+            
+            if (res.err) {
+                return false;
+            }
+            if (res.res) {
+                const list = res.res.map((item: any) => {
+                    return { label: item.name, value: item.value }
+                })
+                s.billTypes = list || [];
+            }
 }

package/src/DocumentsList/DocumentsListController/index.tsx

@@ -1,16 +1,16 @@
-
-import GreyReactBox from 'grey-react-box';
-import DocumentsListControllerState from './DocumentsListControllerState';
-import demo from './actions/demo';
-
-export default class DocumentsListController extends GreyReactBox<DocumentsListControllerState> {
-  constructor(state = new DocumentsListControllerState()) {
-    super(state);
-  }
-
-  /** 例子-看了可以删掉 */
-  demo = this.pipeline(demo);
-  
-}
-
-
+
+import GreyReactBox from 'grey-react-box';
+import DocumentsListControllerState from './DocumentsListControllerState';
+import demo from './actions/demo';
+
+export default class DocumentsListController extends GreyReactBox<DocumentsListControllerState> {
+  constructor(state = new DocumentsListControllerState()) {
+    super(state);
+  }
+
+  /** 例子-看了可以删掉 */
+  demo = this.pipeline(demo);
+  
+}
+
+

package/src/DocumentsList/___demo___/list/index.tsx

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

package/src/DocumentsList/index.less

@@ -1,23 +1,23 @@
-.header{
-    padding:10px 0px;
-    display: flex;
-    align-items: center;
-    .buttonGroup{
-        margin-right: 20px;
-        white-space: nowrap;
-    }
-    .buttons{
-        text-align: right;
-        flex: 1;
-        white-space: nowrap;
-    }
-}
-.tabel-action{
-    padding: 0 5px;
-    font-size: 12px;
-    font-family: PingFangSC-Regular,PingFang SC;
-    font-weight: 400;
-    color: #0074ff;
-    white-space: nowrap;
-    cursor: pointer;
+.header{
+    padding:10px 0px;
+    display: flex;
+    align-items: center;
+    .buttonGroup{
+        margin-right: 20px;
+        white-space: nowrap;
+    }
+    .buttons{
+        text-align: right;
+        flex: 1;
+        white-space: nowrap;
+    }
+}
+.tabel-action{
+    padding: 0 5px;
+    font-size: 12px;
+    font-family: PingFangSC-Regular,PingFang SC;
+    font-weight: 400;
+    color: #0074ff;
+    white-space: nowrap;
+    cursor: pointer;
 }

package/src/DocumentsList/index.md

@@ -1,4 +1,4 @@
-# DocumentsList
-
-<code src="../DocumentsCont/___demo___/setService/index.tsx" ></code>
+# DocumentsList
+
+<code src="../DocumentsCont/___demo___/setService/index.tsx" ></code>
 <code src="./___demo___/list/index.tsx" ></code>

package/src/DocumentsList/index.tsx

@@ -1,47 +1,47 @@
-import React, { createContext, useEffect } from 'react';
-// import PageHeader from './ui/PageHeader'
-import RuleTable from './ui/RuleTable'
-import DocumentsListController from './DocumentsListController';
-import SendList from './ui/sendlist'
-const DocumentsListContext = createContext<DocumentsListController>(null as any);
-/**
- * 单据校验列表
- */
-export default class DocumentsList extends React.Component<{}> {
-
-  static DocumentsListController = DocumentsListController;
-
-  static useController = () => React.useContext(DocumentsListContext);
-
-  render = () => <Main {...this.props} />
-}
-
-const Main = (props: any) => {
-
-  const controller = React.useMemo(() => new DocumentsListController(), []);
-  const type = controller.useMemo(s => s.type, []);
-  useEffect(() => {
-    const params = props.location.state;
-    const tab = params && params.type;
-    if (tab) {
-      controller.pipeline(async s => {
-        s.type = Number(tab);
-      })()
-    }
-  }, [type]);
-  return (
-    <DocumentsListContext.Provider value={controller}>
-      <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
-        {/* <PageHeader /> */}
-        {
-          type === 1 &&
-          <RuleTable />
-        }
-        {
-          type === 2 &&
-          <SendList />
-        }
-      </div>
-    </DocumentsListContext.Provider>
-  );
+import React, { createContext, useEffect } from 'react';
+// import PageHeader from './ui/PageHeader'
+import RuleTable from './ui/RuleTable'
+import DocumentsListController from './DocumentsListController';
+import SendList from './ui/sendlist'
+const DocumentsListContext = createContext<DocumentsListController>(null as any);
+/**
+ * 单据校验列表
+ */
+export default class DocumentsList extends React.Component<{}> {
+
+  static DocumentsListController = DocumentsListController;
+
+  static useController = () => React.useContext(DocumentsListContext);
+
+  render = () => <Main {...this.props} />
+}
+
+const Main = (props: any) => {
+
+  const controller = React.useMemo(() => new DocumentsListController(), []);
+  const type = controller.useMemo(s => s.type, []);
+  useEffect(() => {
+    const params = props.location.state;
+    const tab = params && params.type;
+    if (tab) {
+      controller.pipeline(async s => {
+        s.type = Number(tab);
+      })()
+    }
+  }, [type]);
+  return (
+    <DocumentsListContext.Provider value={controller}>
+      <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
+        {/* <PageHeader /> */}
+        {
+          type === 1 &&
+          <RuleTable />
+        }
+        {
+          type === 2 &&
+          <SendList />
+        }
+      </div>
+    </DocumentsListContext.Provider>
+  );
 };