@nokecy/qc-ui 0.3.33 → 0.4.1

package/dist/cjs/formDesigner/widgets/PreviewWidget.js

@@ -0,0 +1,56 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviewWidget = void 0;
+
+var _designableFormilyTransformer = require("@nokecy/designable-formily-transformer");
+
+var _antdV = require("@formily/antd-v5");
+
+var _core = require("@formily/core");
+
+var _react = require("@formily/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var PreviewWidget = function PreviewWidget(props) {
+  var components = props.components;
+  var form = (0, _react2.useMemo)(function () {
+    return (0, _core.createForm)();
+  }, []);
+  var SchemaField = (0, _react2.useMemo)(function () {
+    return (0, _react.createSchemaField)({
+      components: _objectSpread(_objectSpread({}, components), {}, {
+        FormItem: _antdV.FormItem
+      })
+    });
+  }, []);
+
+  var _transformToSchema = (0, _designableFormilyTransformer.transformToSchema)(props.tree),
+      formProps = _transformToSchema.form,
+      schema = _transformToSchema.schema;
+
+  return /*#__PURE__*/_react2.default.createElement(_antdV.Form, _extends({}, formProps, {
+    form: form
+  }), /*#__PURE__*/_react2.default.createElement(SchemaField, {
+    schema: schema
+  }));
+};
+
+exports.PreviewWidget = PreviewWidget;

package/dist/cjs/formDesigner/widgets/SchemaEditorWidget.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TreeNode, ITreeNode } from '@nokecy/designable-core';
+export interface ISchemaEditorWidgetProps {
+    tree: TreeNode;
+    onChange?: (tree: ITreeNode) => void;
+}
+export declare const SchemaEditorWidget: React.FC<ISchemaEditorWidgetProps>;

package/dist/cjs/formDesigner/widgets/SchemaEditorWidget.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchemaEditorWidget = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _designableFormilyTransformer = require("@nokecy/designable-formily-transformer");
+
+var _designableReactSettingsForm = require("@nokecy/designable-react-settings-form");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SchemaEditorWidget = function SchemaEditorWidget(props) {
+  console.log(JSON.stringify((0, _designableFormilyTransformer.transformToSchema)(props.tree), null, 2));
+  return /*#__PURE__*/_react.default.createElement(_designableReactSettingsForm.MonacoInput, _extends({}, props, {
+    value: JSON.stringify((0, _designableFormilyTransformer.transformToSchema)(props.tree), null, 2),
+    onChange: function onChange(value) {
+      var _props$onChange;
+
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, (0, _designableFormilyTransformer.transformToTreeNode)(JSON.parse(value)));
+    },
+    language: "json"
+  }));
+};
+
+exports.SchemaEditorWidget = SchemaEditorWidget;

package/dist/cjs/formDesigner/widgets/index.d.ts

@@ -0,0 +1,4 @@
+export * from './LogoWidget';
+export * from './ActionsWidget';
+export * from './PreviewWidget';
+export * from './SchemaEditorWidget';

package/dist/cjs/formDesigner/widgets/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _LogoWidget = require("./LogoWidget");
+
+Object.keys(_LogoWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LogoWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LogoWidget[key];
+    }
+  });
+});
+
+var _ActionsWidget = require("./ActionsWidget");
+
+Object.keys(_ActionsWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionsWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ActionsWidget[key];
+    }
+  });
+});
+
+var _PreviewWidget = require("./PreviewWidget");
+
+Object.keys(_PreviewWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PreviewWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PreviewWidget[key];
+    }
+  });
+});
+
+var _SchemaEditorWidget = require("./SchemaEditorWidget");
+
+Object.keys(_SchemaEditorWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SchemaEditorWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SchemaEditorWidget[key];
+    }
+  });
+});

package/dist/cjs/index.d.ts

@@ -5,5 +5,7 @@ import ExtensibleGrid from "./extensible-grid";
 import Editable from "./editable";
 import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard };
+import { FormLayoutMode } from "./editMode";
+import { FormDesigner } from "./formDesigner";
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormLayoutMode, FormDesigner };
 export { flattenTreeDeep };

package/dist/cjs/index.js

@@ -51,6 +51,18 @@ Object.defineProperty(exports, "ExtensibleGrid", {
     return _extensibleGrid.default;
   }
 });
+Object.defineProperty(exports, "FormDesigner", {
+  enumerable: true,
+  get: function get() {
+    return _formDesigner.FormDesigner;
+  }
+});
+Object.defineProperty(exports, "FormLayoutMode", {
+  enumerable: true,
+  get: function get() {
+    return _editMode.FormLayoutMode;
+  }
+});
 Object.defineProperty(exports, "GridPlusContext", {
   enumerable: true,
   get: function get() {
@@ -78,4 +90,8 @@ var _dialogSelect = _interopRequireDefault(require("./dialogSelect"));
 
 var _dashboard = _interopRequireDefault(require("./dashboard"));
 
+var _editMode = require("./editMode");
+
+var _formDesigner = require("./formDesigner");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -1,3 +1,4 @@
+import _sumBy from "lodash/sumBy";
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -63,7 +64,9 @@ function AgGridPlus(props) {
 
   var _useGridPlusColumnSta = useGridPlusColumnState(),
       onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
-      gridPlusColumnState = _useGridPlusColumnSta.columnState;
+      gridPlusColumnState = _useGridPlusColumnSta.columnState,
+      _useGridPlusColumnSta2 = _useGridPlusColumnSta.extensibleColumns,
+      extensibleColumns = _useGridPlusColumnSta2 === void 0 ? [] : _useGridPlusColumnSta2;
 
   var gridRef = useRef();
   var apiRef = useRef();
@@ -113,6 +116,11 @@ function AgGridPlus(props) {
       pagination = _useState16[0],
       setPagination = _useState16[1];
 
+  var _useState17 = useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      calculateArr = _useState18[0],
+      setCalculateArr = _useState18[1];
+
   useImperativeHandle(propsGridRef, function () {
     return gridRef.current;
   }); //默认列属性
@@ -256,20 +264,121 @@ function AgGridPlus(props) {
       onRefresh: onRefresh
     };
   }, [queryFilter, JSON.stringify(gridParams), JSON.stringify(sortColumn)]);
-  var colDefs = useMemo(function () {
+
+  var isValidNumber = function isValidNumber(value) {
+    return typeof value === 'number' && !isNaN(value);
+  };
+
+  var sumFun = function sumFun(field) {
+    return _sumBy(rowData, function (cur) {
+      if (isValidNumber(cur[field])) {
+        return cur[field];
+      }
+
+      return 0;
+    });
+  };
+
+  var avgFun = function avgFun(field) {
+    var sum = _sumBy(rowData, function (cur) {
+      if (isValidNumber(cur[field]) && cur[field] !== undefined && cur[field] !== null) {
+        return cur[field];
+      }
+
+      return 0;
+    });
+
+    var count = rowData.filter(function (cur) {
+      return cur[field] !== undefined && cur[field] !== null;
+    });
+    return count ? sum / count.length : 0;
+  };
+
+  var standardDeviationFun = function standardDeviationFun(field) {
+    var validValues = rowData.filter(function (cur) {
+      return isValidNumber(cur[field]);
+    });
+    var count = validValues.length;
+    if (count === 0) return 0;
+    var mean = sumFun(field) / count;
+    var variance = _sumBy(rowData, function (cur) {
+      if (cur[field] !== undefined && cur[field] !== null) {
+        var diff = cur[field] - mean;
+        return diff * diff;
+      }
+
+      return 0;
+    }) / count;
+    return Math.sqrt(variance);
+  }; // sum 求和  avg 平均值  standardDeviation 标准差
+
+
+  var calculatefun = function calculatefun(calcColFields) {
+    var calculateArrCopy = [];
+    calcColFields.map(function (i) {
+      switch (i.calculateType) {
+        case "sum":
+          calculateArrCopy.push(_defineProperty({}, i.field, sumFun(i.field)));
+          break;
+
+        case "avg":
+          var a = avgFun(i.field);
+          calculateArrCopy.push(_defineProperty({}, i.field, a));
+          break;
+
+        case "standardDeviation":
+          calculateArrCopy.push(_defineProperty({}, i.field, standardDeviationFun(i.field)));
+          break;
+
+        default:
+          break;
+      }
+    });
+    return calculateArrCopy;
+  };
+
+  var getTableColumns = function getTableColumns() {
     var columnProps = React.Children.map(children, function (child, index) {
       return child.props;
     });
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps === null || columnProps === void 0 ? void 0 : columnProps.filter(function (x) {
+    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
+    extensibleColumns.map(function (column) {
+      columnDefs.push({
+        field: column.name,
+        headerName: column.displayName,
+        type: column.propertyType,
+        width: column.width
+      });
+    });
+    return columnDefs;
+  };
+
+  var colDefs = useMemo(function () {
+    var columnDefs = getTableColumns();
+    columnDefs = columnDefs.filter(function (x) {
       return !x.hideInTable;
     });
-  }, [props.columnDefs]);
+    return columnDefs;
+  }, [props.columnDefs, extensibleColumns]);
   var allColDefs = useMemo(function () {
-    var columnProps = React.Children.map(children, function (child, index) {
-      return child.props;
+    return getTableColumns();
+  }, [props.columnDefs, extensibleColumns]);
+  useEffect(function () {
+    if (!allColDefs || rowData.length === 0) return;
+    var calcColFields = allColDefs.filter(function (col) {
+      return col.calculateType;
+    }).map(function (col) {
+      return {
+        field: col.field,
+        calculateType: col.calculateType
+      };
     });
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
-  }, [props.columnDefs]);
+
+    if (calcColFields.length > 0) {
+      var calculatedValues = calculatefun(calcColFields);
+      setCalculateArr(calculatedValues);
+    }
+  }, [allColDefs, rowData]);
   var rowDataMemo = useMemo(function () {
     return props.treeData ? flatten(toTree(rowData, treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id", treeParentName !== null && treeParentName !== void 0 ? treeParentName : "parentId"), treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id") : rowData;
   }, [rowData, props.treeData]);
@@ -329,6 +438,10 @@ function AgGridPlus(props) {
   }), /*#__PURE__*/React.createElement(AgGridReact, _extends({
     className: "ag-theme-alpine"
   }, rest, {
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     enableRangeSelection: true,
     suppressCopyRowsToClipboard: true //指定客户端模式
     ,
@@ -358,6 +471,7 @@ function AgGridPlus(props) {
     //     }
     // }}
     ,
+    pinnedBottomRowData: calculateArr,
     columnTypes: columnTypes,
     animateRows: true //停用默认分页组件
     ,

package/dist/esm/ag-grid-plus/context/gridContext.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
 export declare const GridPlusContext: React.Context<{
+    /**
+     * 扩展列运行时动态添加
+     */
+    extensibleColumns: any[];
+    /**
+     * 用户自定义的列状态信息
+     */
     columnState: any;
     onSaveColumnState: (gridKey: string, columnState: any[]) => void;
 }>;

package/dist/esm/ag-grid-plus/context/gridContext.js

@@ -1,5 +1,6 @@
 import React from 'react';
 export var GridPlusContext = /*#__PURE__*/React.createContext({
+  extensibleColumns: [],
   columnState: undefined,
   onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
 });

package/dist/esm/array-table/index.js

@@ -81,6 +81,10 @@ var ArrayTable = observer(function (props) {
       params.api.hidePopupMenu();
       apiRef.current = params.api;
     },
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     onRowDataUpdated: function onRowDataUpdated(e) {
       if (isAdd) {
         var _apiRef$current;

package/dist/esm/editMode/editFormMode.d.ts

@@ -0,0 +1,15 @@
+interface FormLayoutModeProps {
+    formId: string;
+    schema: {
+        form: any;
+        schema: any;
+    };
+    SchemaField: any;
+    close: () => void;
+    history: any;
+    useModel: any;
+    dropByCacheKey: (key: string) => void;
+    targetUrl?: string;
+}
+declare const FormLayoutMode: (props: FormLayoutModeProps) => JSX.Element;
+export default FormLayoutMode;

package/dist/esm/editMode/editFormMode.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { FormLayout } from '@formily/antd-v5';
+
+var FormLayoutMode = function FormLayoutMode(props) {
+  var formId = props.formId,
+      schema = props.schema,
+      SchemaField = props.SchemaField,
+      close = props.close,
+      history = props.history,
+      useModel = props.useModel,
+      dropByCacheKey = props.dropByCacheKey,
+      targetUrl = props.targetUrl;
+
+  var _useModel = useModel('useEditModeModel'),
+      editModeState = _useModel.editModeState;
+
+  var url = '/appSYS/appExtraObjectForm/extraObjectFormSchema/designer';
+  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 handleEditClick = function handleEditClick() {
+    close();
+    dropByCacheKey(targetUrl || url);
+    history.push({
+      pathname: targetUrl || url,
+      search: "?name=".concat(formId)
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: editModeState ? styles.container : undefined
+  }, /*#__PURE__*/React.createElement(FormLayout, schema.form, /*#__PURE__*/React.createElement(SchemaField, {
+    schema: schema.schema
+  })), editModeState && /*#__PURE__*/React.createElement("div", {
+    style: styles.editLabel,
+    onClick: handleEditClick
+  }, "\u7F16\u8F91"));
+};
+
+export default FormLayoutMode;

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

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

package/dist/esm/editMode/index.js

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

package/dist/esm/formDesigner/FormDesigner.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const FormDesigner: (props: any) => JSX.Element;
+export default FormDesigner;