@nokecy/qc-ui 0.2.0 → 0.2.2

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

@@ -1,3 +1,6 @@
-import { ComposedArrayTable } from "./interface";
-export declare const ArrayTable: ComposedArrayTable;
-export default ArrayTable;
+import React from "react";
+import { AgGridReactProps } from "ag-grid-react";
+declare const _default: React.ForwardRefExoticComponent<Partial<AgGridReactProps<any> & {
+    children?: React.ReactNode;
+}> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ArrayTable = void 0;
+exports.default = void 0;
 
 var _sortBy2 = _interopRequireDefault(require("lodash/sortBy"));
 
@@ -23,6 +23,8 @@ var _arrayBase = _interopRequireDefault(require("./arrayBase"));
 
 var _arrayAddBtn = _interopRequireDefault(require("./arrayAddBtn"));
 
+var _preview = _interopRequireDefault(require("./preview"));
+
 var _antd = require("antd");
 
 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); }
@@ -31,6 +33,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -59,16 +67,12 @@ var ArrayTable = (0, _react2.observer)(function (props) {
   var sources = (0, _utils.useArrayTableSources)();
   var columns = (0, _utils.useArrayTableColumns)(dataSource, field, sources);
   var schema = (0, _react2.useFieldSchema)();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      height: height ? height : 400
-    }
-  }, /*#__PURE__*/_react.default.createElement(_arrayBase.default, null, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+  var addition = (0, _utils.useAddition)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Space, {
     style: {
       marginBottom: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_arrayAddBtn.default, {
+  }, addition ? /*#__PURE__*/_react.default.createElement(_arrayAddBtn.default, {
     arrayField: field,
     schema: schema,
     defaultValue: {
@@ -79,7 +83,12 @@ var ArrayTable = (0, _react2.observer)(function (props) {
     onAdd: function onAdd() {
       setIsAdd(true);
     }
-  })), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: {
+      height: height ? height : 400
+    }
+  }, /*#__PURE__*/_react.default.createElement(_arrayBase.default, null, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
     onGridReady: function onGridReady(params) {
       apiRef.current = params.api;
     },
@@ -98,7 +107,7 @@ var ArrayTable = (0, _react2.observer)(function (props) {
         template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
         '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
         // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
-        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '  </div>' + '</div>'
+        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + "  </div>" + "</div>"
       }
     },
     getRowId: function getRowId(_ref) {
@@ -136,9 +145,8 @@ var ArrayTable = (0, _react2.observer)(function (props) {
       onlyRenderSelf: true,
       key: key
     });
-  })));
+  }))));
 });
-exports.ArrayTable = ArrayTable;
 ArrayTable.displayName = "ArrayTable";
 
 ArrayTable.Column = function () {
@@ -147,5 +155,8 @@ ArrayTable.Column = function () {
 
 _arrayBase.default.mixin(ArrayTable);
 
-var _default = ArrayTable;
+var _default = (0, _react2.connect)(ArrayTable, (0, _react2.mapProps)(function (props, field) {
+  return _objectSpread({}, props);
+}), (0, _react2.mapReadPretty)(_preview.default));
+
 exports.default = _default;

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

@@ -0,0 +1,3 @@
+import { ComposedArrayTable } from "./interface";
+declare const ArrayTable: ComposedArrayTable;
+export default ArrayTable;

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

@@ -0,0 +1,57 @@
+"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.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _agGridReact = require("ag-grid-react");
+
+var _react2 = require("@formily/react");
+
+var _utils = require("./utils");
+
+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; }
+
+//@ts-ignore
+var ArrayTable = function ArrayTable(props) {
+  var height = props.height;
+  var apiRef = (0, _react.useRef)();
+  var ref = (0, _react.useRef)();
+  var field = (0, _react2.useField)();
+  var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
+  var sources = (0, _utils.useArrayTableSources)();
+  var columns = (0, _utils.useArrayTableColumns)(dataSource, field, sources);
+  return /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
+    onGridReady: function onGridReady(params) {
+      apiRef.current = params.api;
+    },
+    className: "ag-theme-alpine",
+    defaultColDef: {
+      resizable: true,
+      headerComponentParams: {
+        template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
+        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
+        // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
+        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + "  </div>" + "</div>"
+      }
+    },
+    getRowId: function getRowId(_ref) {
+      var data = _ref.data;
+      return data._id || data.id;
+    },
+    rowHeight: 38,
+    pagination: false,
+    columnDefs: columns,
+    rowData: dataSource
+  });
+};
+
+var _default = ArrayTable;
+exports.default = _default;

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

@@ -1,3 +1,6 @@
-import { ComposedArrayTable } from "./interface";
-export declare const ArrayTable: ComposedArrayTable;
-export default ArrayTable;
+import React from "react";
+import { AgGridReactProps } from "ag-grid-react";
+declare const _default: React.ForwardRefExoticComponent<Partial<AgGridReactProps<any> & {
+    children?: React.ReactNode;
+}> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -1,5 +1,11 @@
 import _sortBy from "lodash/sortBy";
 
+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; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -15,14 +21,16 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { Fragment, useRef, useState } from "react";
 import { AgGridReact } from "ag-grid-react";
 import { useField, observer, RecursionField } from "@formily/react";
-import { useFieldSchema } from '@formily/react';
+import { useFieldSchema } from "@formily/react";
+import { connect, mapProps, mapReadPretty } from "@formily/react";
 import uniqueId from "lodash/uniqueId";
-import { useArrayTableColumns, useArrayTableSources, isColumnComponent } from "./utils";
+import { useAddition, useArrayTableColumns, useArrayTableSources, isColumnComponent } from "./utils";
 import ArrayBase from "./arrayBase";
 import ArrayAddBtn from "./arrayAddBtn";
+import PreviewArrayTable from "./preview";
 import { Space } from "antd"; //@ts-ignore
 
-export var ArrayTable = observer(function (props) {
+var ArrayTable = observer(function (props) {
   var height = props.height;
 
   var _useState = useState(false),
@@ -37,16 +45,12 @@ export var ArrayTable = observer(function (props) {
   var sources = useArrayTableSources();
   var columns = useArrayTableColumns(dataSource, field, sources);
   var schema = useFieldSchema();
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: {
-      height: height ? height : 400
-    }
-  }, /*#__PURE__*/React.createElement(ArrayBase, null, /*#__PURE__*/React.createElement(Space, {
+  var addition = useAddition();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
     style: {
       marginBottom: 5
     }
-  }, /*#__PURE__*/React.createElement(ArrayAddBtn, {
+  }, addition ? /*#__PURE__*/React.createElement(ArrayAddBtn, {
     arrayField: field,
     schema: schema,
     defaultValue: {
@@ -57,7 +61,12 @@ export var ArrayTable = observer(function (props) {
     onAdd: function onAdd() {
       setIsAdd(true);
     }
-  })), /*#__PURE__*/React.createElement(AgGridReact, {
+  }) : null), /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: {
+      height: height ? height : 400
+    }
+  }, /*#__PURE__*/React.createElement(ArrayBase, null, /*#__PURE__*/React.createElement(AgGridReact, {
     onGridReady: function onGridReady(params) {
       apiRef.current = params.api;
     },
@@ -76,7 +85,7 @@ export var ArrayTable = observer(function (props) {
         template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
         '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
         // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
-        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '  </div>' + '</div>'
+        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + "  </div>" + "</div>"
       }
     },
     getRowId: function getRowId(_ref) {
@@ -114,7 +123,7 @@ export var ArrayTable = observer(function (props) {
       onlyRenderSelf: true,
       key: key
     });
-  })));
+  }))));
 });
 ArrayTable.displayName = "ArrayTable";
 
@@ -123,4 +132,6 @@ ArrayTable.Column = function () {
 };
 
 ArrayBase.mixin(ArrayTable);
-export default ArrayTable;
+export default connect(ArrayTable, mapProps(function (props, field) {
+  return _objectSpread({}, props);
+}), mapReadPretty(PreviewArrayTable));

package/dist/esm/array-table/preview.d.ts

@@ -0,0 +1,3 @@
+import { ComposedArrayTable } from "./interface";
+declare const ArrayTable: ComposedArrayTable;
+export default ArrayTable;

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

@@ -0,0 +1,39 @@
+import React, { useRef } from "react";
+import { AgGridReact } from "ag-grid-react";
+import { useField } from "@formily/react";
+import { useArrayTableColumns, useArrayTableSources } from "./utils"; //@ts-ignore
+
+var ArrayTable = function ArrayTable(props) {
+  var height = props.height;
+  var apiRef = useRef();
+  var ref = useRef();
+  var field = useField();
+  var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
+  var sources = useArrayTableSources();
+  var columns = useArrayTableColumns(dataSource, field, sources);
+  return /*#__PURE__*/React.createElement(AgGridReact, {
+    onGridReady: function onGridReady(params) {
+      apiRef.current = params.api;
+    },
+    className: "ag-theme-alpine",
+    defaultColDef: {
+      resizable: true,
+      headerComponentParams: {
+        template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
+        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
+        // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
+        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + "  </div>" + "</div>"
+      }
+    },
+    getRowId: function getRowId(_ref) {
+      var data = _ref.data;
+      return data._id || data.id;
+    },
+    rowHeight: 38,
+    pagination: false,
+    columnDefs: columns,
+    rowData: dataSource
+  });
+};
+
+export default ArrayTable;