@nokecy/qc-ui 0.1.26 → 0.1.28

package/dist/cjs/array-table/index.d.ts

@@ -1,8 +1,3 @@
-import React from 'react';
-import { AgGridReactProps, AgGridColumnProps } from 'ag-grid-react';
-import { ArrayBaseMixins } from '@formily/antd-v5';
-declare type ComposedArrayTable = React.FC<React.PropsWithChildren<AgGridReactProps>> & ArrayBaseMixins & {
-    Column?: React.FC<React.PropsWithChildren<AgGridColumnProps>>;
-};
+import { ComposedArrayTable } from './interface';
 export declare const ArrayTable: ComposedArrayTable;
 export default ArrayTable;

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

@@ -9,16 +9,16 @@ exports.default = exports.ArrayTable = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _agGridReact = require("ag-grid-react");
+var _agGridPlus = require("../ag-grid-plus");
 
 var _react2 = require("@formily/react");
 
-var _shared = require("@formily/shared");
-
 var _antdV = require("@formily/antd-v5");
 
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 
+var _utils = require("./utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -33,152 +33,51 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 isColumnComponent = function isColumnComponent(schema) {
-  var _schema$xComponent;
-
-  return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1;
-};
-
-var isOperationsComponent = function isOperationsComponent(schema) {
-  var _schema$xComponent2;
-
-  return ((_schema$xComponent2 = schema['x-component']) === null || _schema$xComponent2 === void 0 ? void 0 : _schema$xComponent2.indexOf('Operations')) > -1;
-};
-
-var isAdditionComponent = function isAdditionComponent(schema) {
-  var _schema$xComponent3;
-
-  return ((_schema$xComponent3 = schema['x-component']) === null || _schema$xComponent3 === void 0 ? void 0 : _schema$xComponent3.indexOf('Addition')) > -1;
-};
-
-var useArrayTableSources = function useArrayTableSources() {
-  var arrayField = (0, _react2.useField)();
-  var schema = (0, _react2.useFieldSchema)();
-
-  var parseSources = function parseSources(schema) {
-    if (isColumnComponent(schema) || isOperationsComponent(schema) || isAdditionComponent(schema)) {
-      var _schema$xComponentP, _schema$xComponentP2, _field$component;
-
-      if (!((_schema$xComponentP = schema['x-component-props']) !== null && _schema$xComponentP !== void 0 && _schema$xComponentP['dataIndex']) && !schema['name']) return [];
-      var name = ((_schema$xComponentP2 = schema['x-component-props']) === null || _schema$xComponentP2 === void 0 ? void 0 : _schema$xComponentP2['dataIndex']) || schema['name'];
-      var field = arrayField.query(arrayField.address.concat(name)).take();
-      var columnProps = (field === null || field === void 0 ? void 0 : (_field$component = field.component) === null || _field$component === void 0 ? void 0 : _field$component[1]) || schema['x-component-props'] || {};
-      var display = (field === null || field === void 0 ? void 0 : field.display) || schema['x-display'];
-      return [{
-        name: name,
-        display: display,
-        field: field,
-        schema: schema,
-        columnProps: columnProps
-      }];
-    } else if (schema.properties) {
-      return schema.reduceProperties(function (buf, schema) {
-        return buf.concat(parseSources(schema));
-      }, []);
-    }
-  };
-
-  var parseArrayItems = function parseArrayItems(schema) {
-    if (!schema) return [];
-    var sources = [];
-    var items = (0, _shared.isArr)(schema) ? schema : [schema];
-    return items.reduce(function (columns, schema) {
-      var item = parseSources(schema);
-
-      if (item) {
-        return columns.concat(item);
-      }
-
-      return columns;
-    }, sources);
-  };
-
-  if (!schema) throw new Error('can not found schema object');
-  return parseArrayItems(schema.items);
-};
-
-var useArrayTableColumns = function useArrayTableColumns(field, sources) {
-  return sources.reduce(function (buf, _ref, key) {
-    var name = _ref.name,
-        columnProps = _ref.columnProps,
-        schema = _ref.schema,
-        display = _ref.display;
-    if (display !== 'visible') return buf;
-    if (!isColumnComponent(schema)) return buf;
-    return buf.concat(_objectSpread(_objectSpread({}, columnProps), {}, {
-      field: name,
-      cellRenderer: function cellRenderer(_ref2) {
-        var _field$value;
-
-        var value = _ref2.value,
-            record = _ref2.data;
-        var index = field === null || field === void 0 ? void 0 : (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.indexOf(record);
-
-        var children = /*#__PURE__*/_react.default.createElement(_antdV.ArrayBase.Item, {
-          index: index,
-          record: function record() {
-            var _field$value2;
-
-            return field === null || field === void 0 ? void 0 : (_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2[index];
-          }
-        }, /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
-          schema: schema,
-          name: index,
-          onlyRenderProperties: true
-        }));
-
-        return children;
-      }
-    }));
-  }, []);
-};
-
-var useAddition = function useAddition() {
-  var schema = (0, _react2.useFieldSchema)();
-  return schema.reduceProperties(function (addition, schema, key) {
-    if (isAdditionComponent(schema)) {
-      return /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
-        schema: schema,
-        name: key
-      });
-    }
-
-    return addition;
-  }, null);
-};
-
+//@ts-ignore
 var ArrayTable = (0, _react2.observer)(function (props) {
   var ref = (0, _react.useRef)();
   var field = (0, _react2.useField)();
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
-  var sources = useArrayTableSources();
-  var columns = useArrayTableColumns(field, sources);
-  var addition = useAddition();
+  var sources = (0, _utils.useArrayTableSources)();
+  var columns = (0, _utils.useArrayTableColumns)(field, sources);
+  var addition = (0, _utils.useAddition)();
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
       height: 600
     }
-  }, /*#__PURE__*/_react.default.createElement(_antdV.ArrayBase, null, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
+  }, /*#__PURE__*/_react.default.createElement(_antdV.ArrayBase, null, addition, /*#__PURE__*/_react.default.createElement(_agGridPlus.AgGridPlus, {
     className: "ag-theme-alpine",
-    getRowId: function getRowId(_ref3) {
-      var data = _ref3.data;
-      return data._id;
+    search: false,
+    getRowId: function getRowId(_ref) {
+      var data = _ref.data;
+      return data._id || data.id;
+    },
+    rowDragEntireRow: true,
+    onRowDragMove: function onRowDragMove(event) {
+      var overIndex = event.overIndex,
+          node = event.node;
+      field.move(node.rowIndex, overIndex);
     },
-    rowHeight: 50,
+    onRowDragEnd: function onRowDragEnd(event) {
+      var overIndex = event.overIndex,
+          node = event.node;
+      field.move(node.rowIndex, overIndex);
+    },
+    rowHeight: 38,
     pagination: false,
     columnDefs: columns,
     rowData: dataSource
   }), sources.map(function (column, key) {
     //专门用来承接对Column的状态管理
-    if (!isColumnComponent(column.schema)) return;
+    if (!(0, _utils.isColumnComponent)(column.schema)) return;
     return /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
       name: column.name,
       schema: column.schema,
       onlyRenderSelf: true,
       key: key
     });
-  }), addition));
+  })));
 });
 exports.ArrayTable = ArrayTable;
 ArrayTable.displayName = 'ArrayTable';
@@ -190,6 +89,10 @@ ArrayTable.Column = function () {
 _antdV.ArrayBase.mixin(ArrayTable);
 
 var Addition = function Addition(props) {
+  var self = (0, _react2.useField)();
+
+  var array = _antdV.ArrayBase.useArray();
+
   return /*#__PURE__*/_react.default.createElement(_antdV.ArrayBase.Addition, _extends({}, props, {
     defaultValue: _objectSpread(_objectSpread({}, props.defaultValue), {}, {
       _id: (0, _uniqueId.default)()

package/dist/cjs/array-table/interface.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { AgGridReactProps, AgGridColumnProps } from 'ag-grid-react';
+import { GeneralField, FieldDisplayTypes } from '@formily/core';
+import { Schema } from '@formily/json-schema';
+import { ArrayBaseMixins } from '@formily/antd-v5';
+interface ObservableColumnSource {
+    field: GeneralField;
+    columnProps: AgGridColumnProps;
+    schema: Schema;
+    display: FieldDisplayTypes;
+    name: string;
+}
+declare type ComposedArrayTable = React.FC<React.PropsWithChildren<AgGridReactProps>> & ArrayBaseMixins & {
+    Column?: React.FC<React.PropsWithChildren<AgGridColumnProps>>;
+};
+export { ComposedArrayTable, ObservableColumnSource };

package/dist/cjs/array-table/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/array-table/utils.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AgGridReactProps } from 'ag-grid-react';
+import { ArrayField } from '@formily/core';
+import { Schema } from '@formily/json-schema';
+import { ObservableColumnSource } from './interface';
+declare const isColumnComponent: (schema: Schema) => boolean;
+declare const useArrayTableSources: () => ObservableColumnSource[];
+declare const useArrayTableColumns: (field: ArrayField, sources: ObservableColumnSource[]) => AgGridReactProps['columnDefs'];
+declare const useAddition: () => JSX.Element | null;
+export { isColumnComponent, useArrayTableSources, useArrayTableColumns, useAddition };

package/dist/cjs/array-table/utils.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useArrayTableSources = exports.useArrayTableColumns = exports.useAddition = exports.isColumnComponent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@formily/react");
+
+var _shared = require("@formily/shared");
+
+var _antdV = require("@formily/antd-v5");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 isColumnComponent = function isColumnComponent(schema) {
+  var _schema$xComponent;
+
+  return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1;
+};
+
+exports.isColumnComponent = isColumnComponent;
+
+var isOperationsComponent = function isOperationsComponent(schema) {
+  var _schema$xComponent2;
+
+  return ((_schema$xComponent2 = schema['x-component']) === null || _schema$xComponent2 === void 0 ? void 0 : _schema$xComponent2.indexOf('Operations')) > -1;
+};
+
+var isAdditionComponent = function isAdditionComponent(schema) {
+  var _schema$xComponent3;
+
+  return ((_schema$xComponent3 = schema['x-component']) === null || _schema$xComponent3 === void 0 ? void 0 : _schema$xComponent3.indexOf('Addition')) > -1;
+};
+
+var useArrayTableSources = function useArrayTableSources() {
+  var arrayField = (0, _react2.useField)();
+  var schema = (0, _react2.useFieldSchema)();
+
+  var parseSources = function parseSources(schema) {
+    if (isColumnComponent(schema) || isOperationsComponent(schema) || isAdditionComponent(schema)) {
+      var _schema$xComponentP, _schema$xComponentP2, _field$component;
+
+      if (!((_schema$xComponentP = schema['x-component-props']) !== null && _schema$xComponentP !== void 0 && _schema$xComponentP['dataIndex']) && !schema['name']) return [];
+      var name = ((_schema$xComponentP2 = schema['x-component-props']) === null || _schema$xComponentP2 === void 0 ? void 0 : _schema$xComponentP2['dataIndex']) || schema['name'];
+      var field = arrayField.query(arrayField.address.concat(name)).take();
+      var columnProps = (field === null || field === void 0 ? void 0 : (_field$component = field.component) === null || _field$component === void 0 ? void 0 : _field$component[1]) || schema['x-component-props'] || {};
+      var display = (field === null || field === void 0 ? void 0 : field.display) || schema['x-display'];
+      return [{
+        name: name,
+        display: display,
+        field: field,
+        schema: schema,
+        columnProps: columnProps
+      }];
+    } else if (schema.properties) {
+      return schema.reduceProperties(function (buf, schema) {
+        return buf.concat(parseSources(schema));
+      }, []);
+    }
+
+    return [];
+  };
+
+  var parseArrayItems = function parseArrayItems(schema) {
+    if (!schema) return [];
+    var sources = [];
+    var items = (0, _shared.isArr)(schema) ? schema : [schema];
+    return items.reduce(function (columns, schema) {
+      var item = parseSources(schema);
+
+      if (item) {
+        return columns.concat(item);
+      }
+
+      return columns;
+    }, sources);
+  };
+
+  if (!schema) throw new Error('can not found schema object');
+  return parseArrayItems(schema.items);
+};
+
+exports.useArrayTableSources = useArrayTableSources;
+
+var useArrayTableColumns = function useArrayTableColumns(field, sources) {
+  return sources.reduce(function (buf, _ref, key) {
+    var name = _ref.name,
+        columnProps = _ref.columnProps,
+        schema = _ref.schema,
+        display = _ref.display;
+    if (display !== 'visible') return buf;
+    if (!isColumnComponent(schema)) return buf;
+    return buf.concat(_objectSpread(_objectSpread({}, columnProps), {}, {
+      field: name,
+      cellRenderer: function cellRenderer(_ref2) {
+        var _field$value;
+
+        var value = _ref2.value,
+            record = _ref2.data;
+        var index = field === null || field === void 0 ? void 0 : (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.indexOf(record);
+
+        var children = /*#__PURE__*/_react.default.createElement(_antdV.ArrayBase.Item, {
+          index: index,
+          record: function record() {
+            var _field$value2;
+
+            return field === null || field === void 0 ? void 0 : (_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2[index];
+          }
+        }, /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
+          schema: schema,
+          name: index,
+          onlyRenderProperties: true
+        }));
+
+        return children;
+      }
+    }));
+  }, []);
+};
+
+exports.useArrayTableColumns = useArrayTableColumns;
+
+var useAddition = function useAddition() {
+  var schema = (0, _react2.useFieldSchema)();
+  return schema.reduceProperties(function (addition, schema, key) {
+    if (isAdditionComponent(schema)) {
+      return /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
+        schema: schema,
+        name: key
+      });
+    }
+
+    return addition;
+  }, null);
+};
+
+exports.useAddition = useAddition;

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

@@ -0,0 +1,8 @@
+import { ReactFC } from '@formily/react';
+import { PopoverProps } from 'antd/lib/popover';
+import { IFormItemProps } from '@formily/antd-v5';
+import React from 'react';
+export declare const Editable: ReactFC<IFormItemProps> & {
+    Popover: React.MemoExoticComponent<ReactFC<PopoverProps>>;
+};
+export default Editable;