@nokecy/qc-ui 0.6.1 → 0.6.2

package/dist/esm/formPro/context/formProContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const FormProContext: React.Context<{
+    /**
+     * 是否编辑模式
+     */
+    editMode: boolean;
+    /**
+     * 处理编辑按钮事件
+     * @param formId
+     * @returns
+     */
+    handleEditClick: (formId: string) => void;
+}>;

package/dist/esm/formPro/context/formProContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var FormProContext = /*#__PURE__*/React.createContext({
+  editMode: false,
+  handleEditClick: function handleEditClick(formId) {}
+});

package/dist/esm/formPro/formLayoutPro.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IFormLayoutProps } from '@formily/antd-v5';
+declare const FormProLayout: (props: IFormLayoutProps & {
+    children?: React.ReactNode;
+} & {
+    formId: string;
+    editClickAfter: () => void;
+}) => React.JSX.Element;
+export default FormProLayout;

package/dist/esm/formPro/formLayoutPro.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { FormLayout } from '@formily/antd-v5';
+import { FormProContext } from "./context/formProContext";
+var FormProLayout = function FormProLayout(props) {
+  var formId = props.formId,
+    editClickAfter = props.editClickAfter;
+  var _React$useContext = React.useContext(FormProContext),
+    editMode = _React$useContext.editMode,
+    handleEditClick = _React$useContext.handleEditClick;
+  var styles = {
+    container: {
+      border: "2px solid #1890FF",
+      position: 'relative'
+    },
+    editLabel: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      backgroundColor: '#1890FF',
+      borderRadius: 4,
+      margin: 4,
+      color: '#fff',
+      cursor: 'pointer',
+      textAlign: 'center',
+      width: 45,
+      height: 20,
+      zIndex: 9999
+    }
+  };
+  var editClick = function editClick() {
+    handleEditClick && handleEditClick(formId);
+    editClickAfter && editClickAfter();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: editMode ? styles.container : undefined
+  }, /*#__PURE__*/React.createElement(FormLayout, props), editMode && /*#__PURE__*/React.createElement("div", {
+    style: styles.editLabel,
+    onClick: editClick
+  }, "\u7F16\u8F91"));
+};
+export default FormProLayout;

package/dist/esm/formPro/index.d.ts

@@ -0,0 +1,2 @@
+import FormProLayout from "./formLayoutPro";
+export { FormProLayout };

package/dist/esm/formPro/index.js

@@ -0,0 +1,2 @@
+import FormProLayout from "./formLayoutPro";
+export { FormProLayout };

package/dist/esm/index.d.ts

@@ -0,0 +1,12 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
+import ArrayTable from "./array-table";
+import ArrayTableIndex from "./array-table-index";
+import Dashboard from "./dashboard";
+import DialogSelect from "./dialogSelect";
+import Editable from "./editable";
+import ExtensibleGrid from "./extensible-grid";
+import { FormDesigner } from "./formDesigner";
+import { FormProLayout } from "./formPro";
+import { FormProContext } from "./formPro/context/formProContext";
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormProContext, FormProLayout, FormDesigner, };
+export { flattenTreeDeep };

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
+import ArrayTable from "./array-table";
+import ArrayTableIndex from "./array-table-index";
+import Dashboard from "./dashboard";
+import DialogSelect from "./dialogSelect";
+import Editable from "./editable";
+import ExtensibleGrid from "./extensible-grid";
+import { FormDesigner } from "./formDesigner";
+import { FormProLayout } from "./formPro";
+import { FormProContext } from "./formPro/context/formProContext";
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormProContext, FormProLayout, FormDesigner };
+export { flattenTreeDeep };

package/dist/esm/type.d.ts

@@ -0,0 +1 @@
+declare module 'react-grid-layout';