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

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

@@ -1,157 +1,157 @@
-import React from 'react';
-import {
-    Button,
-    Collapse,
-    Drawer,
-    Space,
-    Divider,
-    message,
-} from 'kts-components-antd-x4';
-import DocumentsEdit from '../../';
-import AddRuleButton from './ui/AddRuleButton';
-import RuleForm from './ui/RuleForm';
-import DelRuleButton from './ui/DelRuleButton';
-import { IOperator } from '../../DocumentsEditController/DocumentsEditControllerState/RuleState';
-import { PropertiesType } from '../../DocumentsEditController/DocumentsEditControllerState/IProperties';
-
-const { Panel } = Collapse;
-
-export default () => {
-
-    const controller = DocumentsEdit.useDocumentsEditController();
-
-    /** 只读模式 */
-    const readOnly = controller.useMemo(s => s.readOnly, []);
-
-    /** 正在编辑规则的字段 */
-    const ruleProperties = controller.useMemo(s => s.ruleState.ruleProperties, []);
-
-    /** 算子字典 */
-    const operatorMap = controller.useMemo(s => s.ruleState.operatorMap, []);
-
-    /** 正在编辑规则的字段 */
-    const rules = controller.useMemo(s => {
-        const ref = s.ruleState.ruleProperties?.ref;
-        if (!ref) return [];
-        if (ref.items) {
-            return ref.items.rules || [];
-        } else {
-            return ref.rules || [];
-        }
-    }, []);
-
-    const onClose = React.useCallback(() => { controller.pipeline(async s => s.ruleState.ruleProperties = undefined)() }, [controller]);
-
-    const onSubmit = React.useCallback(async () => {
-        if (!ruleProperties) return;
-
-        const formList = controller.state.ruleState.formList;
-        const sum: any[] = [];
-        let i = 0;
-        try {
-            for (; i < formList.length; i++) {
-                const ruleValue = algorithmFormat(await formList[i].validateFields(), operatorMap, ruleProperties.ref.type);
-                ruleValue._index = parseInt(ruleValue._index);
-                sum.push(ruleValue);
-            }
-
-            await controller.pipeline(async s => {
-                if (!s.ruleState.ruleProperties) return;
-
-                // 数组特殊处理-
-                const obj = s.schema.definitions[s.ruleState.ruleProperties.value.$refName];
-                if (obj.type === 'array' && obj.items) {
-                    obj.items.rules = sum;
-                } else {
-                    obj.rules = sum;
-                }
-
-                s.schema = { ...s.schema };
-                s.ruleState.ruleProperties = undefined;
-            })()
-        } catch (error: any) {
-            const _index = formList[i].getFieldValue('_index');
-            const ms = `[规则${_index}] ${error.errorFields[0].errors[0]}`;
-            message.error({ key: ms, content: ms });
-        }
-    }, [controller, operatorMap, ruleProperties])
-
-    return (
-        <Drawer
-            title="编辑验证规则"
-            placement="right"
-            width={500}
-            onClose={onClose}
-            visible={!!ruleProperties}
-            destroyOnClose={true}
-            footer={
-                readOnly
-                    ? <></>
-                    : <Space>
-                        <Button onClick={onSubmit} type="primary" >确定</Button>
-                        <Button onClick={onClose} >取消</Button>
-                    </Space>
-            }
-        >
-            {
-                rules.length
-                    ? <Collapse  >
-                        {rules.map((e, i) => {
-                            if (!e) return;
-                            return (
-                                <Panel
-                                    key={e._index}
-                                    header={e._index}
-                                    forceRender={true}
-                                    extra={<DelRuleButton index={i} />}
-                                >
-                                    <RuleForm index={i} />
-                                </Panel>
-                            )
-                        })}
-                    </Collapse>
-                    : <></>
-            }
-            <Divider />
-            <AddRuleButton />
-        </Drawer>
-    );
-};
-
-/**
- * @param operator  需要格式化的数据
- * @param operatorMap 配送数据
- * @param type 当前字段的类型
- * @returns 格式话好的  operator
- */
-function algorithmFormat(operator: any, operatorMap: { [key: string]: IOperator }, type: PropertiesType) {
-    operator = { ...operator };
-    for (let key in operator) {
-        switch (operatorMap[key]?.type) {
-            case 'number':
-                operator[key] = operator[key] ? parseFloat(operator[key]) : undefined;
-                break;
-            case 'integer':
-                operator[key] = operator[key] ? parseInt(operator[key]) : undefined;
-                break;
-            case 'boolean':
-                operator[key] = !!operator[key];
-                break;
-            case 'array':
-                operator[key] = operator[key].split(',').map((e: string) => {
-                    if (operator.algorithm === 'enumInteger') {
-                        return parseInt(e);
-                    } else if (operator.algorithm === 'enumNumber') {
-                        return parseFloat(e);
-                    }
-                    return e;
-                });
-                break;
-            case 'string|date':
-            case 'string|date-time':
-                operator[key] = operator[key] ? operator[key].toString() : undefined;
-                break;
-        }
-    }
-    return operator;
+import React from 'react';
+import {
+    Button,
+    Collapse,
+    Drawer,
+    Space,
+    Divider,
+    message,
+} from 'kts-components-antd-x4';
+import DocumentsEdit from '../../';
+import AddRuleButton from './ui/AddRuleButton';
+import RuleForm from './ui/RuleForm';
+import DelRuleButton from './ui/DelRuleButton';
+import { IOperator } from '../../DocumentsEditController/DocumentsEditControllerState/RuleState';
+import { PropertiesType } from '../../DocumentsEditController/DocumentsEditControllerState/IProperties';
+
+const { Panel } = Collapse;
+
+export default () => {
+
+    const controller = DocumentsEdit.useDocumentsEditController();
+
+    /** 只读模式 */
+    const readOnly = controller.useMemo(s => s.readOnly, []);
+
+    /** 正在编辑规则的字段 */
+    const ruleProperties = controller.useMemo(s => s.ruleState.ruleProperties, []);
+
+    /** 算子字典 */
+    const operatorMap = controller.useMemo(s => s.ruleState.operatorMap, []);
+
+    /** 正在编辑规则的字段 */
+    const rules = controller.useMemo(s => {
+        const ref = s.ruleState.ruleProperties?.ref;
+        if (!ref) return [];
+        if (ref.items) {
+            return ref.items.rules || [];
+        } else {
+            return ref.rules || [];
+        }
+    }, []);
+
+    const onClose = React.useCallback(() => { controller.pipeline(async s => s.ruleState.ruleProperties = undefined)() }, [controller]);
+
+    const onSubmit = React.useCallback(async () => {
+        if (!ruleProperties) return;
+
+        const formList = controller.state.ruleState.formList;
+        const sum: any[] = [];
+        let i = 0;
+        try {
+            for (; i < formList.length; i++) {
+                const ruleValue = algorithmFormat(await formList[i].validateFields(), operatorMap, ruleProperties.ref.type);
+                ruleValue._index = parseInt(ruleValue._index);
+                sum.push(ruleValue);
+            }
+
+            await controller.pipeline(async s => {
+                if (!s.ruleState.ruleProperties) return;
+
+                // 数组特殊处理-
+                const obj = s.schema.definitions[s.ruleState.ruleProperties.value.$refName];
+                if (obj.type === 'array' && obj.items) {
+                    obj.items.rules = sum;
+                } else {
+                    obj.rules = sum;
+                }
+
+                s.schema = { ...s.schema };
+                s.ruleState.ruleProperties = undefined;
+            })()
+        } catch (error: any) {
+            const _index = formList[i].getFieldValue('_index');
+            const ms = `[规则${_index}] ${error.errorFields[0].errors[0]}`;
+            message.error({ key: ms, content: ms });
+        }
+    }, [controller, operatorMap, ruleProperties])
+
+    return (
+        <Drawer
+            title="编辑验证规则"
+            placement="right"
+            width={500}
+            onClose={onClose}
+            visible={!!ruleProperties}
+            destroyOnClose={true}
+            footer={
+                readOnly
+                    ? <></>
+                    : <Space>
+                        <Button onClick={onSubmit} type="primary" >确定</Button>
+                        <Button onClick={onClose} >取消</Button>
+                    </Space>
+            }
+        >
+            {
+                rules.length
+                    ? <Collapse  >
+                        {rules.map((e, i) => {
+                            if (!e) return;
+                            return (
+                                <Panel
+                                    key={e._index}
+                                    header={e._index}
+                                    forceRender={true}
+                                    extra={<DelRuleButton index={i} />}
+                                >
+                                    <RuleForm index={i} />
+                                </Panel>
+                            )
+                        })}
+                    </Collapse>
+                    : <></>
+            }
+            <Divider />
+            <AddRuleButton />
+        </Drawer>
+    );
+};
+
+/**
+ * @param operator  需要格式化的数据
+ * @param operatorMap 配送数据
+ * @param type 当前字段的类型
+ * @returns 格式话好的  operator
+ */
+function algorithmFormat(operator: any, operatorMap: { [key: string]: IOperator }, type: PropertiesType) {
+    operator = { ...operator };
+    for (let key in operator) {
+        switch (operatorMap[key]?.type) {
+            case 'number':
+                operator[key] = operator[key] ? parseFloat(operator[key]) : undefined;
+                break;
+            case 'integer':
+                operator[key] = operator[key] ? parseInt(operator[key]) : undefined;
+                break;
+            case 'boolean':
+                operator[key] = !!operator[key];
+                break;
+            case 'array':
+                operator[key] = operator[key].split(',').map((e: string) => {
+                    if (operator.algorithm === 'enumInteger') {
+                        return parseInt(e);
+                    } else if (operator.algorithm === 'enumNumber') {
+                        return parseFloat(e);
+                    }
+                    return e;
+                });
+                break;
+            case 'string|date':
+            case 'string|date-time':
+                operator[key] = operator[key] ? operator[key].toString() : undefined;
+                break;
+        }
+    }
+    return operator;
 }

package/src/DocumentsEdit/ui/EditRule/ui/AddRuleButton/index.tsx

@@ -1,49 +1,49 @@
-import React from 'react';
-import {
-    Button,
-} from 'kts-components-antd-x4';
-import DocumentsEdit from '../../../../';
-
-export default () => {
-
-    const controller = DocumentsEdit.useDocumentsEditController();
-
-    const readOnly = controller.useMemo(s => s.readOnly, [])
-
-    /** 最大的索引 */
-    const maxIndex = controller.useMemo(s => {
-        const ref = s.ruleState.ruleProperties?.ref;
-        if (!ref) return 0;
-
-        const rules = ref.items ? ref.items.rules : ref.rules;
-        if (!rules) return 0;
-
-        let sum = 0;
-        rules.forEach(e => {
-            if (parseInt(`${e._index}`) > sum) sum = e._index
-        })
-        return parseInt(`${sum}`);
-    }, [])
-
-    const onClick = React.useCallback(() => {
-        controller.pipeline(async s => {
-            if (!s.ruleState.ruleProperties) return;
-
-            const ref = s.ruleState.ruleProperties?.ref;
-            if (!ref) return;
-
-            if (s.ruleState.ruleProperties.ref.items) {
-                s.ruleState.ruleProperties.ref.items.rules = [...s.ruleState.ruleProperties.ref.items.rules || [], { _index: maxIndex + 1 } as any]
-            } else {
-                s.ruleState.ruleProperties.ref.rules = [...s.ruleState.ruleProperties.ref.rules || [], { _index: maxIndex + 1 } as any]
-            }
-        })()
-    }, [controller, maxIndex])
-
-    if (readOnly) return <></>;
-
-    return (
-        <Button onClick={onClick} >新增一条</Button>
-    );
-};
-
+import React from 'react';
+import {
+    Button,
+} from 'kts-components-antd-x4';
+import DocumentsEdit from '../../../../';
+
+export default () => {
+
+    const controller = DocumentsEdit.useDocumentsEditController();
+
+    const readOnly = controller.useMemo(s => s.readOnly, [])
+
+    /** 最大的索引 */
+    const maxIndex = controller.useMemo(s => {
+        const ref = s.ruleState.ruleProperties?.ref;
+        if (!ref) return 0;
+
+        const rules = ref.items ? ref.items.rules : ref.rules;
+        if (!rules) return 0;
+
+        let sum = 0;
+        rules.forEach(e => {
+            if (parseInt(`${e._index}`) > sum) sum = e._index
+        })
+        return parseInt(`${sum}`);
+    }, [])
+
+    const onClick = React.useCallback(() => {
+        controller.pipeline(async s => {
+            if (!s.ruleState.ruleProperties) return;
+
+            const ref = s.ruleState.ruleProperties?.ref;
+            if (!ref) return;
+
+            if (s.ruleState.ruleProperties.ref.items) {
+                s.ruleState.ruleProperties.ref.items.rules = [...s.ruleState.ruleProperties.ref.items.rules || [], { _index: maxIndex + 1 } as any]
+            } else {
+                s.ruleState.ruleProperties.ref.rules = [...s.ruleState.ruleProperties.ref.rules || [], { _index: maxIndex + 1 } as any]
+            }
+        })()
+    }, [controller, maxIndex])
+
+    if (readOnly) return <></>;
+
+    return (
+        <Button onClick={onClick} >新增一条</Button>
+    );
+};
+

package/src/DocumentsEdit/ui/EditRule/ui/DelRuleButton/index.tsx

@@ -1,31 +1,31 @@
-import React from 'react';
-import DocumentsEdit from '../../../../';
-
-export default (props: { index: number }) => {
-
-    const controller = DocumentsEdit.useDocumentsEditController();
-
-    const readOnly = controller.useMemo(s => s.readOnly, []);
-
-    const onClick = React.useCallback(async e => {
-        e.stopPropagation()
-        await controller.wait();
-        await controller.pipeline(async s => {
-            if (!s.ruleState.ruleProperties) return;
-            
-            if (s.ruleState.ruleProperties.ref.items) {
-                s.ruleState.ruleProperties.ref.items.rules?.splice(props.index, 1);
-                s.ruleState.ruleProperties.ref.items.rules = s.ruleState.ruleProperties.ref.items.rules?.slice() ?? [];
-            } else {
-                s.ruleState.ruleProperties.ref.rules?.splice(props.index, 1);
-                s.ruleState.ruleProperties.ref.rules = s.ruleState.ruleProperties.ref.rules?.slice() ?? [];
-            }
-        })()
-    }, [controller, props.index])
-
-    if (readOnly) return <></>
-
-    return (
-        <span className="ktsAntX-btn-dangerous ktsAntX-btn-link" onClick={onClick} >删除</span>
-    );
-};
+import React from 'react';
+import DocumentsEdit from '../../../../';
+
+export default (props: { index: number }) => {
+
+    const controller = DocumentsEdit.useDocumentsEditController();
+
+    const readOnly = controller.useMemo(s => s.readOnly, []);
+
+    const onClick = React.useCallback(async e => {
+        e.stopPropagation()
+        await controller.wait();
+        await controller.pipeline(async s => {
+            if (!s.ruleState.ruleProperties) return;
+            
+            if (s.ruleState.ruleProperties.ref.items) {
+                s.ruleState.ruleProperties.ref.items.rules?.splice(props.index, 1);
+                s.ruleState.ruleProperties.ref.items.rules = s.ruleState.ruleProperties.ref.items.rules?.slice() ?? [];
+            } else {
+                s.ruleState.ruleProperties.ref.rules?.splice(props.index, 1);
+                s.ruleState.ruleProperties.ref.rules = s.ruleState.ruleProperties.ref.rules?.slice() ?? [];
+            }
+        })()
+    }, [controller, props.index])
+
+    if (readOnly) return <></>
+
+    return (
+        <span className="ktsAntX-btn-dangerous ktsAntX-btn-link" onClick={onClick} >删除</span>
+    );
+};