@nokecy/qc-ui 1.0.7 → 1.0.9

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

@@ -18,7 +18,7 @@ var _settingItem = _interopRequireDefault(require("./settingItem"));
 var _icons = require("@ant-design/icons");
 var _utils = require("./utils");
 var _setting = _interopRequireDefault(require("./setting"));
-var _2 = require(".");
+var _ = require(".");
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -37,6 +37,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Paragraph = _antd.Typography.Paragraph,
+  Text = _antd.Typography.Text;
 var getSort = function getSort(columnState) {
   return columnState ? "".concat(columnState.colId, " ").concat(columnState.sort) : "";
 };
@@ -58,7 +60,7 @@ function AgGridPlus(props) {
     gridKey = props.gridKey,
     children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
-  var _useGridPlusColumnSta = (0, _2.useGridPlusColumnState)(),
+  var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
     onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
     gridPlusColumnState = _useGridPlusColumnSta.columnState,
     extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
@@ -339,17 +341,29 @@ function AgGridPlus(props) {
       if (col.type || typeof col.cellRenderer == "string") {
         return _objectSpread({}, col);
       }
-      if (col.cellRenderer) {
+      //@ts-ignore
+      if (col !== null && col !== void 0 && col.ellipsis) {
         return _objectSpread(_objectSpread({}, col), {}, {
-          customCellRenderer: col.cellRenderer,
-          cellRenderer: cellRenderer
+          cellRenderer: function cellRenderer(_ref) {
+            var value = _ref.value;
+            return /*#__PURE__*/_react.default.createElement(Text, {
+              ellipsis: {
+                tooltip: value
+              }
+            }, value);
+          }
         });
-      } else {
-        return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+      }
+      if (col.cellRenderer) {
+        return _objectSpread(_objectSpread({}, col), {}, {
           customCellRenderer: col.cellRenderer,
           cellRenderer: cellRenderer
         });
       }
+      return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+        customCellRenderer: col.cellRenderer,
+        cellRenderer: cellRenderer
+      });
     });
     extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
       columnDefs.push({
@@ -398,10 +412,10 @@ function AgGridPlus(props) {
       return !x.hideInTable;
     });
     return columnDefs;
-  }, [children, props.columnDefs, extensibleColumns]);
+  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);
   var allColDefs = (0, _react.useMemo)(function () {
     return getTableColumns(rowData);
-  }, [children, props.columnDefs, extensibleColumns]);
+  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);
   (0, _react.useEffect)(function () {
     calculateSum();
   }, [allColDefs, rowData]);

package/dist/cjs/ag-grid-plus/interface.d.ts

@@ -36,6 +36,10 @@ interface AgGridColumnPropsClone extends ColDef {
     hideInTable?: boolean;
     hideInSearch?: boolean;
     queryField?: string;
+    /**
+     * 是否文本缩略显示,并使用tooltip
+     */
+    ellipsis?: boolean;
     searchComponent?: ReactNode | JSX.Element | ((props: any) => JSX.Element);
     searchComponentProps?: any;
     searchSort?: number;

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

@@ -1,49 +1,30 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _agGridReact = require("ag-grid-react");
+var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@formily/react");
 var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _agGridPlus = require("../ag-grid-plus");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //@ts-ignore
 var ArrayTable = function ArrayTable(props) {
   var height = props.height;
-  var apiRef = (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);
-  console.log("columns", sources);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: height ? height : 400
     }
-  }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
-    onGridReady: function onGridReady(params) {
-      apiRef.current = params.api;
-    },
-    className: "ag-theme-alpine",
+  }, /*#__PURE__*/_react.default.createElement(_agGridPlus.AgGridPlus, {
     gridOptions: {
       enableCellTextSelection: true,
       ensureDomOrder: true
     },
-    defaultColDef: {
-      resizable: true,
-      headerComponentParams: {
-        template: '<div class="ag-cell-label-container" role="presentation">' +
-        // '  <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
-        '  <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span data-ref="eText" class="ag-header-cell-text"></span>' + '    <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' +
-        // '    <span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
-        // '    <span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
-        '    <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span data-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;

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useArrayTableSources = exports.useArrayTableColumns = exports.useAddition = exports.isColumnComponent = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@formily/react");
 var _shared = require("@formily/shared");
 var _arrayBase = _interopRequireDefault(require("./arrayBase"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -72,7 +70,7 @@ var useArrayTableSources = exports.useArrayTableSources = function useArrayTable
   if (!schema) throw new Error('can not found schema object');
   return parseArrayItems(schema.items);
 };
-var AgField = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var AgField = function AgField(_ref) {
   var value = _ref.value,
     record = _ref.data,
     dataSource = _ref.dataSource,
@@ -96,7 +94,7 @@ var AgField = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onlyRenderProperties: true
   }));
   return children;
-});
+};
 var useArrayTableColumns = exports.useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
   return sources.reduce(function (buf, _ref2, key) {
     var name = _ref2.name,

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

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { AgGridReact } from 'ag-grid-react';
-import { Spin, Pagination, Card, Tag } from 'antd';
+import { Spin, Pagination, Card, Tag, Typography } from 'antd';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import "ag-grid-enterprise";
 import "./index.less";
@@ -28,6 +28,8 @@ import { RedoOutlined } from '@ant-design/icons';
 import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
 import Setting from "./setting";
 import { useGridPlusColumnState } from '.';
+var Paragraph = Typography.Paragraph,
+  Text = Typography.Text;
 var getSort = function getSort(columnState) {
   return columnState ? "".concat(columnState.colId, " ").concat(columnState.sort) : "";
 };
@@ -330,17 +332,29 @@ function AgGridPlus(props) {
       if (col.type || typeof col.cellRenderer == "string") {
         return _objectSpread({}, col);
       }
-      if (col.cellRenderer) {
+      //@ts-ignore
+      if (col !== null && col !== void 0 && col.ellipsis) {
         return _objectSpread(_objectSpread({}, col), {}, {
-          customCellRenderer: col.cellRenderer,
-          cellRenderer: cellRenderer
+          cellRenderer: function cellRenderer(_ref) {
+            var value = _ref.value;
+            return /*#__PURE__*/React.createElement(Text, {
+              ellipsis: {
+                tooltip: value
+              }
+            }, value);
+          }
         });
-      } else {
-        return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+      }
+      if (col.cellRenderer) {
+        return _objectSpread(_objectSpread({}, col), {}, {
           customCellRenderer: col.cellRenderer,
           cellRenderer: cellRenderer
         });
       }
+      return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+        customCellRenderer: col.cellRenderer,
+        cellRenderer: cellRenderer
+      });
     });
     extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
       columnDefs.push({
@@ -389,10 +403,10 @@ function AgGridPlus(props) {
       return !x.hideInTable;
     });
     return columnDefs;
-  }, [children, props.columnDefs, extensibleColumns]);
+  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);
   var allColDefs = useMemo(function () {
     return getTableColumns(rowData);
-  }, [children, props.columnDefs, extensibleColumns]);
+  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);
   useEffect(function () {
     calculateSum();
   }, [allColDefs, rowData]);

package/dist/esm/ag-grid-plus/interface.d.ts

@@ -36,6 +36,10 @@ interface AgGridColumnPropsClone extends ColDef {
     hideInTable?: boolean;
     hideInSearch?: boolean;
     queryField?: string;
+    /**
+     * 是否文本缩略显示,并使用tooltip
+     */
+    ellipsis?: boolean;
     searchComponent?: ReactNode | JSX.Element | ((props: any) => JSX.Element);
     searchComponentProps?: any;
     searchSort?: number;

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

@@ -1,41 +1,23 @@
-import React, { useRef } from "react";
-import { AgGridReact } from "ag-grid-react";
+import React from "react";
 import { useField } from "@formily/react";
 import { useArrayTableColumns, useArrayTableSources } from "./utils";
-
+import { AgGridPlus } from "../ag-grid-plus";
 //@ts-ignore
 var ArrayTable = function ArrayTable(props) {
   var height = props.height;
-  var apiRef = useRef();
   var field = useField();
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
   var sources = useArrayTableSources();
   var columns = useArrayTableColumns(dataSource, field, sources);
-  console.log("columns", sources);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       height: height ? height : 400
     }
-  }, /*#__PURE__*/React.createElement(AgGridReact, {
-    onGridReady: function onGridReady(params) {
-      apiRef.current = params.api;
-    },
-    className: "ag-theme-alpine",
+  }, /*#__PURE__*/React.createElement(AgGridPlus, {
     gridOptions: {
       enableCellTextSelection: true,
       ensureDomOrder: true
     },
-    defaultColDef: {
-      resizable: true,
-      headerComponentParams: {
-        template: '<div class="ag-cell-label-container" role="presentation">' +
-        // '  <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
-        '  <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span data-ref="eText" class="ag-header-cell-text"></span>' + '    <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' +
-        // '    <span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
-        // '    <span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
-        '    <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span data-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;

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

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { useField, useFieldSchema, RecursionField } from '@formily/react';
 import { isArr } from '@formily/shared';
 import ArrayBase from "./arrayBase";
@@ -63,7 +63,7 @@ var useArrayTableSources = function useArrayTableSources() {
   if (!schema) throw new Error('can not found schema object');
   return parseArrayItems(schema.items);
 };
-var AgField = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var AgField = function AgField(_ref) {
   var value = _ref.value,
     record = _ref.data,
     dataSource = _ref.dataSource,
@@ -87,7 +87,7 @@ var AgField = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onlyRenderProperties: true
   }));
   return children;
-});
+};
 var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
   return sources.reduce(function (buf, _ref2, key) {
     var name = _ref2.name,