kts-components-document-access-point 1.3.25 → 1.3.26

package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/index.tsx

@@ -1,68 +1,70 @@
-
-import React from 'react';
-import { ColumnType } from 'kts-components-antd-x4/lib/table';
-import DocumentsEdit from '../../../../';
-import propertyColumns from '../../../../constant/propertyColumns';
-import { IDataSource } from '../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState';
-import AddChildPropertyButton from './ui/AddChildPropertyButton';
-import EditPropertyButton from './ui/EditPropertyButton';
-import AddRuleButton from './ui/AddRuleButton';
-import './index.less';
-
-export default () => {
-
-  const controller = DocumentsEdit.useDocumentsEditController();
-
-  const columns = React.useMemo(() => {
-    return [
-      ...propertyColumns,
-      {
-        title: '操作',
-        key: 'operation',
-        align: 'right',
-        render: properties => {
-          return (
-            <span className="kts-documents-edit-property-table-button-list" style={{ padding: '0 8px' }}>
-              {/* 编辑校验规则 */}
-              <AddRuleButton properties={properties} />
-
-              {/* 添加子字段 */}
-              <AddChildPropertyButton properties={properties} />
-
-              {/* 编辑字段 */}
-              <EditPropertyButton properties={properties} />
-            </span>
-          );
-        },
-      },
-    ] as ColumnType<IDataSource>[];
-  }, []);
-
-  const dataSource = controller.useMemo(s => {
-    
-    const current = s.propertyTableState.current;
-    if (!current) return [];
-
-    const properties = current.type === 'object'
-      ? current.properties
-      : current.items?.properties
-
-    if (!properties) return [];
-
-    return Object
-      .entries(properties)
-      .map(e => {
-        return {
-          value: { ...e[1], $name: e[0] },
-          ref: s.schema.definitions[e[1].$refName],
-          required: current.required || [],
-        };
-      });
-  }, [])
-
-  return {
-    dataSource,
-    columns,
-  };
-};
-
+
+import React from 'react';
+import { ColumnType } from 'kts-components-antd-x4/lib/table';
+import DocumentsEdit from '../../../../';
+import propertyColumns from '../../../../constant/propertyColumns';
+import { IDataSource } from '../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState';
+import AddChildPropertyButton from './ui/AddChildPropertyButton';
+import EditPropertyButton from './ui/EditPropertyButton';
+import AddRuleButton from './ui/AddRuleButton';
+import './index.less';
+
+export default () => {
+
+  const controller = DocumentsEdit.useDocumentsEditController();
+
+  const columns = React.useMemo(() => {
+    return [
+      ...propertyColumns,
+      {
+        title: '操作',
+        key: 'operation',
+        align: 'right',
+        render: properties => {
+          return (
+            <span className="kts-documents-edit-property-table-button-list" style={{ padding: '0 8px' }}>
+              {/* 编辑校验规则 */}
+              <AddRuleButton properties={properties} />
+
+              {/* 添加子字段 */}
+              <AddChildPropertyButton properties={properties} />
+
+              {/* 编辑字段 */}
+              <EditPropertyButton properties={properties} />
+            </span>
+          );
+        },
+      },
+    ] as ColumnType<IDataSource>[];
+  }, []);
+
+  const dataSource = controller.useMemo(s => {
+    
+    const current = s.propertyTableState.current;
+    if (!current) return [];
+
+    const info = current.items ? current.items : current;
+
+    const properties = current.type === 'object'
+      ? current.properties
+      : current.items?.properties
+
+    if (!properties) return [];
+
+    return Object
+      .entries(properties)
+      .map(e => {
+        return {
+          value: { ...e[1], $name: e[0] },
+          ref: s.schema.definitions[e[1].$refName],
+          required: info.required || [],
+        };
+      });
+  }, [])
+
+  return {
+    dataSource,
+    columns,
+  };
+};
+

package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/ui/AddChildPropertyButton/index.tsx

@@ -1,35 +1,35 @@
-
-import React from "react"
-import { Button } from "kts-components-antd-x4"
-import { IDataSource } from "../../../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState";
-import DocumentsEdit from "../../../../../../";
-
-export default (props: { properties: IDataSource }) => {
-
-    const controller = DocumentsEdit.useDocumentsEditController();
-
-    const { properties } = props;
-
-    const readOnly = controller.useMemo(s => s.readOnly, [])
-
-    const visible = React.useMemo(() => {
-        if (properties.ref.type === 'object') return true;
-        if (properties.ref.type === 'array' && properties.ref.items?.type === 'object') return true;
-        return false;
-    }, [properties])
-
-    const onClick = React.useCallback(() => {
-        controller.pipeline(async s => {
-            s.propertyTableState.current = properties.ref;
-            s.breadcrumbState = [...s.breadcrumbState, properties];
-        })()
-    }, [properties, controller])
-
-    return (
-        visible
-            ? (
-                <Button onClick={onClick} type="link" >{readOnly ? '查看子字段' : '添加子字段'}</Button>
-            )
-            : <></>
-    )
+
+import React from "react"
+import { Button } from "kts-components-antd-x4"
+import { IDataSource } from "../../../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState";
+import DocumentsEdit from "../../../../../../";
+
+export default (props: { properties: IDataSource }) => {
+
+    const controller = DocumentsEdit.useDocumentsEditController();
+
+    const { properties } = props;
+
+    const readOnly = controller.useMemo(s => s.readOnly, [])
+
+    const visible = React.useMemo(() => {
+        if (properties.ref.type === 'object') return true;
+        if (properties.ref.type === 'array' && properties.ref.items?.type === 'object') return true;
+        return false;
+    }, [properties])
+
+    const onClick = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.propertyTableState.current = properties.ref;
+            s.breadcrumbState = [...s.breadcrumbState, properties];
+        })()
+    }, [properties, controller])
+
+    return (
+        visible
+            ? (
+                <Button onClick={onClick} type="link" >{readOnly ? '查看子字段' : '添加子字段'}</Button>
+            )
+            : <></>
+    )
 }

package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/ui/AddRuleButton/index.tsx

@@ -1,65 +1,65 @@
-
-import React from "react";
-import { Button } from "kts-components-antd-x4";
-import DocumentsEdit from "../../../../../../";
-import { IDataSource } from "../../../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState";
-
-export default (props: { properties: IDataSource }) => {
-
-    const controller = DocumentsEdit.useDocumentsEditController();
-
-    const { properties } = props;
-
-    /** 可以用的算法 */
-    const algorithm = controller.useMemo(s => s.ruleState.algorithm, []);
-
-    /** 只读模式 */
-    const readOnly = controller.useMemo(s => s.readOnly, []);
-
-    /** 是否可以显示 */
-    const visible = React.useMemo(() => {
-        return algorithm.filter(e => {
-            return e.type === getPropertiesType(properties);
-        }).length > 0
-    }, [properties, algorithm])
-
-    /** 是否有规则 */
-    const isHivRules = React.useMemo(() => {
-        return !!(properties.ref.rules && properties.ref.rules.length > 0)
-    }, [properties])
-
-    const onClick = React.useCallback(() => {
-        controller.pipeline(async s => { s.ruleState.ruleProperties = JSON.parse(JSON.stringify(properties)) })()
-    }, [properties, controller])
-
-    // 查看规则
-    if (readOnly) {
-        if (isHivRules) {
-            return <Button onClick={onClick} type="link" >查看规则</Button>
-        } else {
-            return <></>
-        }
-    } else {
-        if (visible) {
-            return (
-                <Button onClick={onClick} type="link" >
-                    {isHivRules ? "编辑验证规则" : "添加验证规则"}
-                </Button>
-            )
-        } else {
-            return <></>
-        }
-    }
-}
-
-function getPropertiesType(ruleProperties?: IDataSource) {
-    if (!ruleProperties) return '';
-
-    const pr = ruleProperties.ref.items || ruleProperties.ref;
-
-    if (pr.type === 'string' && pr.format) {
-        return `string|${pr.format}`;
-    }
-
-    return pr.type;
+
+import React from "react";
+import { Button } from "kts-components-antd-x4";
+import DocumentsEdit from "../../../../../../";
+import { IDataSource } from "../../../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState";
+
+export default (props: { properties: IDataSource }) => {
+
+    const controller = DocumentsEdit.useDocumentsEditController();
+
+    const { properties } = props;
+
+    /** 可以用的算法 */
+    const algorithm = controller.useMemo(s => s.ruleState.algorithm, []);
+
+    /** 只读模式 */
+    const readOnly = controller.useMemo(s => s.readOnly, []);
+
+    /** 是否可以显示 */
+    const visible = React.useMemo(() => {
+        return algorithm.filter(e => {
+            return e.type === getPropertiesType(properties);
+        }).length > 0
+    }, [properties, algorithm])
+
+    /** 是否有规则 */
+    const isHivRules = React.useMemo(() => {
+        return !!(properties.ref.rules && properties.ref.rules.length > 0)
+    }, [properties])
+
+    const onClick = React.useCallback(() => {
+        controller.pipeline(async s => { s.ruleState.ruleProperties = JSON.parse(JSON.stringify(properties)) })()
+    }, [properties, controller])
+
+    // 查看规则
+    if (readOnly) {
+        if (isHivRules) {
+            return <Button onClick={onClick} type="link" >查看规则</Button>
+        } else {
+            return <></>
+        }
+    } else {
+        if (visible) {
+            return (
+                <Button onClick={onClick} type="link" >
+                    {isHivRules ? "编辑验证规则" : "添加验证规则"}
+                </Button>
+            )
+        } else {
+            return <></>
+        }
+    }
+}
+
+function getPropertiesType(ruleProperties?: IDataSource) {
+    if (!ruleProperties) return '';
+
+    const pr = ruleProperties.ref.items || ruleProperties.ref;
+
+    if (pr.type === 'string' && pr.format) {
+        return `string|${pr.format}`;
+    }
+
+    return pr.type;
 }

package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/ui/EditPropertyButton/index.tsx

@@ -1,32 +1,32 @@
-
-import React from "react"
-import { Button } from "kts-components-antd-x4"
-import DocumentsEdit from "../../../../../../";
-import { IDataSource } from "../../../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState";
-
-export default (props: { properties: IDataSource }) => {
-
-    const { properties } = props;
-    
-    const controller = DocumentsEdit.useDocumentsEditController();
-
-    const readOnly = controller.useMemo(s=>s.readOnly, [])
-
-    const visible = React.useMemo(() => {
-        return !readOnly;
-    }, [properties, readOnly])
-
-    const onClick = React.useCallback(() => {
-        controller.pipeline(async s => {
-            s.propertyTableState.editProperties = properties
-         })()
-    }, [properties, controller])
-
-    return (
-        visible
-            ? (
-                <Button onClick={onClick} type="link" >编辑</Button>
-            )
-            : <></>
-    )
+
+import React from "react"
+import { Button } from "kts-components-antd-x4"
+import DocumentsEdit from "../../../../../../";
+import { IDataSource } from "../../../../../../../DocumentsEdit/DocumentsEditController/DocumentsEditControllerState";
+
+export default (props: { properties: IDataSource }) => {
+
+    const { properties } = props;
+    
+    const controller = DocumentsEdit.useDocumentsEditController();
+
+    const readOnly = controller.useMemo(s=>s.readOnly, [])
+
+    const visible = React.useMemo(() => {
+        return !readOnly;
+    }, [properties, readOnly])
+
+    const onClick = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.propertyTableState.editProperties = properties
+         })()
+    }, [properties, controller])
+
+    return (
+        visible
+            ? (
+                <Button onClick={onClick} type="link" >编辑</Button>
+            )
+            : <></>
+    )
 }

package/src/DocumentsEdit/ui/PropertyTable/index.less

@@ -1,19 +1,19 @@
-.kts-documents-edit-property-form {
-  .ktsAntX-table {
-    // input {
-    //   border: none;
-    // }
-
-    // .ktsAntX-table-tbody > tr > td {
-    //   padding: 0;
-    // }
-
-    .ktsAntX-form-item {
-      margin-right: 0;
-    }
-
-    .ktsAntX-btn-link {
-      padding: 0;
-    }
-  }
-}
+.kts-documents-edit-property-form {
+  .ktsAntX-table {
+    // input {
+    //   border: none;
+    // }
+
+    // .ktsAntX-table-tbody > tr > td {
+    //   padding: 0;
+    // }
+
+    .ktsAntX-form-item {
+      margin-right: 0;
+    }
+
+    .ktsAntX-btn-link {
+      padding: 0;
+    }
+  }
+}

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Table } from 'kts-components-antd-x4';
-import useTableProps from './hooks/useTableProps';
-import './index.less';
-
-export default () => {
-
-  return (
-    <Table<any>
-      bordered
-      size="small"
-      rowKey="$name"
-      pagination={false}
-      scroll={{ y: '100%', x: true }}
-      {...useTableProps()}
-    />
-  );
-};
+import React from 'react';
+import { Table } from 'kts-components-antd-x4';
+import useTableProps from './hooks/useTableProps';
+import './index.less';
+
+export default () => {
+
+  return (
+    <Table<any>
+      bordered
+      size="small"
+      rowKey="$name"
+      pagination={false}
+      scroll={{ y: '100%', x: true }}
+      {...useTableProps()}
+    />
+  );
+};