@nokecy/qc-ui 0.4.3 → 0.4.5

package/dist/cjs/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/cjs/formPro/context/formProContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormProContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormProContext = /*#__PURE__*/_react.default.createContext({
+  editMode: false,
+  handleEditClick: function handleEditClick(formId) {}
+});
+
+exports.FormProContext = FormProContext;

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

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

package/dist/cjs/formPro/formLayoutPro.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antdV = require("@formily/antd-v5");
+
+var _formProContext = require("./context/formProContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormProLayout = function FormProLayout(props) {
+  var formId = props.formId;
+
+  var _React$useContext = _react.default.useContext(_formProContext.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);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: editMode ? styles.container : undefined
+  }, /*#__PURE__*/_react.default.createElement(_antdV.FormLayout, props), editMode && /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.editLabel,
+    onClick: editClick
+  }, "\u7F16\u8F91"));
+};
+
+var _default = FormProLayout;
+exports.default = _default;

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

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

package/dist/cjs/{editMode → formPro}/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "FormLayoutMode", {
+Object.defineProperty(exports, "FormProLayout", {
   enumerable: true,
   get: function get() {
-    return _editFormMode.default;
+    return _formLayoutPro.default;
   }
 });
 
-var _editFormMode = _interopRequireDefault(require("./editFormMode"));
+var _formLayoutPro = _interopRequireDefault(require("./formLayoutPro"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/index.d.ts

@@ -1,11 +1,12 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
 import ArrayTable from "./array-table";
 import ArrayTableIndex from "./array-table-index";
-import { AgGridColumn, AgGridPlus, GridPlusContext, flattenTreeDeep } from "./ag-grid-plus";
-import ExtensibleGrid from "./extensible-grid";
-import Editable from "./editable";
-import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-import { FormLayoutMode } from "./editMode";
+import DialogSelect from "./dialogSelect";
+import Editable from "./editable";
+import ExtensibleGrid from "./extensible-grid";
 import { FormDesigner } from "./formDesigner";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormLayoutMode, 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/cjs/index.js

@@ -57,10 +57,16 @@ Object.defineProperty(exports, "FormDesigner", {
     return _formDesigner.FormDesigner;
   }
 });
-Object.defineProperty(exports, "FormLayoutMode", {
+Object.defineProperty(exports, "FormProContext", {
   enumerable: true,
   get: function get() {
-    return _editMode.FormLayoutMode;
+    return _formProContext.FormProContext;
+  }
+});
+Object.defineProperty(exports, "FormProLayout", {
+  enumerable: true,
+  get: function get() {
+    return _formPro.FormProLayout;
   }
 });
 Object.defineProperty(exports, "GridPlusContext", {
@@ -76,22 +82,24 @@ Object.defineProperty(exports, "flattenTreeDeep", {
   }
 });
 
+var _agGridPlus = require("./ag-grid-plus");
+
 var _arrayTable = _interopRequireDefault(require("./array-table"));
 
 var _arrayTableIndex = _interopRequireDefault(require("./array-table-index"));
 
-var _agGridPlus = require("./ag-grid-plus");
+var _dashboard = _interopRequireDefault(require("./dashboard"));
 
-var _extensibleGrid = _interopRequireDefault(require("./extensible-grid"));
+var _dialogSelect = _interopRequireDefault(require("./dialogSelect"));
 
 var _editable = _interopRequireDefault(require("./editable"));
 
-var _dialogSelect = _interopRequireDefault(require("./dialogSelect"));
+var _extensibleGrid = _interopRequireDefault(require("./extensible-grid"));
 
-var _dashboard = _interopRequireDefault(require("./dashboard"));
+var _formDesigner = require("./formDesigner");
 
-var _editMode = require("./editMode");
+var _formPro = require("./formPro");
 
-var _formDesigner = require("./formDesigner");
+var _formProContext = require("./formPro/context/formProContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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,8 @@
+import React from "react";
+import { IFormLayoutProps } from '@formily/antd-v5';
+declare const FormProLayout: (props: IFormLayoutProps & {
+    children?: React.ReactNode;
+} & {
+    formId: string;
+}) => JSX.Element;
+export default FormProLayout;

package/dist/esm/formPro/formLayoutPro.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { FormLayout } from '@formily/antd-v5';
+import { FormProContext } from "./context/formProContext";
+
+var FormProLayout = function FormProLayout(props) {
+  var formId = props.formId;
+
+  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);
+  };
+
+  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

@@ -1,11 +1,12 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
 import ArrayTable from "./array-table";
 import ArrayTableIndex from "./array-table-index";
-import { AgGridColumn, AgGridPlus, GridPlusContext, flattenTreeDeep } from "./ag-grid-plus";
-import ExtensibleGrid from "./extensible-grid";
-import Editable from "./editable";
-import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-import { FormLayoutMode } from "./editMode";
+import DialogSelect from "./dialogSelect";
+import Editable from "./editable";
+import ExtensibleGrid from "./extensible-grid";
 import { FormDesigner } from "./formDesigner";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormLayoutMode, 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

@@ -1,11 +1,12 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
 import ArrayTable from "./array-table";
 import ArrayTableIndex from "./array-table-index";
-import { AgGridColumn, AgGridPlus, GridPlusContext, flattenTreeDeep } from "./ag-grid-plus";
-import ExtensibleGrid from "./extensible-grid";
-import Editable from "./editable";
-import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-import { FormLayoutMode } from "./editMode";
+import DialogSelect from "./dialogSelect";
+import Editable from "./editable";
+import ExtensibleGrid from "./extensible-grid";
 import { FormDesigner } from "./formDesigner";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormLayoutMode, 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 };