ls-pro-common 1.0.3 → 1.0.7

package/dist/common.min.js.LICENSE.txt

@@ -3,27 +3,3 @@
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/es/components/DtlLayout.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { ProFormInstance } from 'ls-pro-form';
+import './common.less';
+export declare type DtlLyaoutProps = Record<string, any> & {
+    onExit: (visible?: boolean) => void;
+    onSave?: () => void;
+    renderButton?: (defaultBtn: JSX.Element[]) => JSX.Element[];
+    btnSaveText?: string;
+    btnExitText?: string;
+    title?: string;
+    masterObject?: any;
+    keyField?: string;
+    bodyClass?: string;
+    headerClass?: string;
+    bodyStyle?: React.CSSProperties;
+    headerStyle?: React.CSSProperties;
+    formRef?: React.MutableRefObject<ProFormInstance | undefined>;
+};
+declare function DtlLayout(props: DtlLyaoutProps): JSX.Element;
+export default DtlLayout;

package/es/components/DtlLayout.js

@@ -0,0 +1,64 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { ArrowLeftOutlined, SaveOutlined } from '@ant-design/icons';
+import './common.less';
+
+function DtlLayout(props) {
+  var renderButton = props.renderButton,
+      title = props.title,
+      _props$keyField = props.keyField,
+      keyField = _props$keyField === void 0 ? 'id' : _props$keyField,
+      masterObject = props.masterObject,
+      children = props.children,
+      headerClass = props.headerClass,
+      headerStyle = props.headerStyle,
+      bodyClass = props.bodyClass,
+      bodyStyle = props.bodyStyle,
+      formRef = props.formRef,
+      _props$btnSaveText = props.btnSaveText,
+      btnSaveText = _props$btnSaveText === void 0 ? '保存' : _props$btnSaveText,
+      _props$btnExitText = props.btnExitText,
+      btnExitText = _props$btnExitText === void 0 ? '返回' : _props$btnExitText;
+  var dtlTitle = useMemo(function () {
+    if (title) return title;
+    if (!masterObject) return '';
+    return masterObject[keyField] ? '编辑' : '新增';
+  }, [title, masterObject, keyField]);
+  var btns = [/*#__PURE__*/React.createElement(_Button, {
+    key: "btnSave",
+    onClick: function onClick() {
+      var _formRef$current;
+
+      if (props.onSave) {
+        return props.onSave();
+      }
+
+      formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.submit();
+    },
+    icon: /*#__PURE__*/React.createElement(SaveOutlined, null)
+  }, " ", btnSaveText, " "), /*#__PURE__*/React.createElement(_Button, {
+    key: "btnBack",
+    onClick: function onClick() {
+      return props.onExit(false);
+    },
+    icon: /*#__PURE__*/React.createElement(ArrowLeftOutlined, null)
+  }, "  ", btnExitText, " ")];
+  var buttons = renderButton ? renderButton(btns) : btns;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dtl-layout"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('dtl-header', headerClass),
+    style: headerStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "dtl-title"
+  }, dtlTitle), /*#__PURE__*/React.createElement("div", {
+    className: "dtl-btns"
+  }, buttons)), /*#__PURE__*/React.createElement("div", {
+    className: classNames('dtl-body', bodyClass),
+    style: bodyStyle
+  }, children));
+}
+
+export default DtlLayout;

package/es/components/common.less

@@ -0,0 +1,64 @@
+.dtl-layout {
+    position      : absolute;
+    top           : 0;
+    left          : 0;
+    right         : 0;
+    bottom        : 0;
+    background    : white;
+    display       : flex;
+    flex-direction: column;
+
+    .dtl-header {
+        display      : flex;
+        justify-items: center;
+        padding      : 5px 14px;
+        border-bottom: 1px solid #f0f0f0;
+
+        .dtl-title {
+            font-size: 14pt;
+        }
+
+        .dtl-btns {
+            flex      : 1;
+            text-align: right;
+
+            button+button {
+                margin-left: 8px;
+            }
+        }
+    }
+
+    .dtl-body {
+        height  : 0;
+        flex    : 1;
+        overflow: auto;
+        padding : 12px;
+    }
+
+    .dtl-flex {
+        display       : flex;
+        flex-direction: column;
+    }
+}
+
+.flex {
+    flex: 1;
+}
+
+.flex-column {
+    display       : flex;
+    flex-direction: column;
+
+    .flex {
+        height: 0;
+    }
+}
+
+.flex-row {
+    display       : flex;
+    flex-direction: row;
+
+    .flex {
+        width: 0;
+    }
+}

package/es/hooks/useDtl/index.d.ts

@@ -0,0 +1,29 @@
+import type { ActionType } from 'ls-pro-table';
+import type { ProFormInstance } from 'ls-pro-form';
+import type { SingleParamType } from '../useSingle';
+export declare type DtlParamType = SingleParamType & {
+    mstKeyField: string;
+    dtlService: any;
+    relationField: string;
+    dtlItem: any;
+};
+declare function useDtl(dtlParam: DtlParamType): {
+    formRef: import("react").MutableRefObject<ProFormInstance<any> | undefined>;
+    tableRef: import("react").MutableRefObject<ActionType | undefined>;
+    dtlFormRef: import("react").MutableRefObject<ProFormInstance<any> | undefined>;
+    selectedRows: any;
+    showEdit: boolean;
+    editItem: any;
+    tableTools: JSX.Element[];
+    setSelectedRows: import("react").Dispatch<any>;
+    setShowEdit: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setEditItem: import("react").Dispatch<any>;
+    onRemoveDtl: () => void;
+    onSaveDtl: (formData: any) => Promise<boolean>;
+    onLoadDtl: (params: Record<string, any>, sort: Record<string, any>, filter: Record<string, any>) => Promise<any>;
+    onAddDtl: () => Promise<boolean>;
+    onEditDtl: () => Promise<boolean>;
+    onSaveMst: (values: any) => Promise<void>;
+    onRemoveMst: () => Promise<boolean | undefined>;
+};
+export default useDtl;