npm - @nokecy/qc-ui - Versions diffs - 0.6.2 → 0.6.3 - Mend

@nokecy/qc-ui 0.6.2 → 0.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/cjs/ag-grid-plus/ag-grid-theme-builder.css +1 -4
package/dist/cjs/ag-grid-plus/ag-gridPlus.js +7 -15
package/dist/esm/ag-grid-plus/ag-grid-theme-builder.css +1 -4
package/dist/esm/ag-grid-plus/ag-gridPlus.js +132 -146
package/dist/umd/qc-ui.min.css +1 -1
package/dist/umd/qc-ui.min.js +1 -1
package/package.json +1 -1

package/dist/cjs/ag-grid-plus/ag-grid-theme-builder.css CHANGED Viewed

@@ -4,9 +4,6 @@
  * See installation docs at https://www.ag-grid.com/javascript-data-grid/applying-theme-builder-styling-grid/
  */
- @import url('https://fonts.googleapis.com/css2?family=IBM%20Plex%20Sans:wght@400&display=swap');
  .ag-root-wrapper, .ag-measurement-container, .ag-apply-theme-variables {
 	 --ag-background-color: var(--ag-inherited-background-color, #FFF);
 	 --ag-foreground-color: var(--ag-inherited-foreground-color, #181d1f);
@@ -25,7 +22,7 @@
 	 --ag-pinned-column-border: var(--ag-inherited-pinned-column-border, solid 1px var(--ag-border-color));
 	 --ag-pinned-row-border: var(--ag-inherited-pinned-row-border, solid 1px var(--ag-border-color));
 	 --ag-side-panel-border: var(--ag-inherited-side-panel-border, solid 1px var(--ag-border-color));
-	 --ag-font-family: var(--ag-inherited-font-family, 'IBM Plex Sans');
+	 --ag-font-family: var(--ag-inherited-font-family, "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji'");
 	 --ag-chrome-background-color: var(--ag-inherited-chrome-background-color, color-mix(in srgb, transparent, var(--ag-foreground-color) 2%));
 	 --ag-header-background-color: var(--ag-inherited-header-background-color, var(--ag-chrome-background-color));
 	 --ag-header-font-family: var(--ag-inherited-header-font-family, var(--ag-font-family));

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

@@ -111,21 +111,13 @@ function AgGridPlus(props) {
   var defaultColDef = (0, _react.useMemo)(function () {
     return {
       resizable: true,
-      sortable: 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>'
-      // }
+      sortable: true,
+      headerComponentParams: {
+        template: '<div class="ag-cell-label-container" role="presentation">' +
+        // '<span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button"></span>'+
+        // '<span data-ref="eFilterButton" class="ag-header-icon ag-header-cell-filter-button"></span>'+
+        '<div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + '<span data-ref="eText" class="ag-header-cell-text" role="columnheader"></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="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '<span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '<span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '</div>' + '</div>'
+      }
     };
   }, []);
   var columnTypes = (0, _react.useMemo)(function () {

package/dist/esm/ag-grid-plus/ag-grid-theme-builder.css CHANGED Viewed

@@ -4,9 +4,6 @@
  * See installation docs at https://www.ag-grid.com/javascript-data-grid/applying-theme-builder-styling-grid/
  */
- @import url('https://fonts.googleapis.com/css2?family=IBM%20Plex%20Sans:wght@400&display=swap');
  .ag-root-wrapper, .ag-measurement-container, .ag-apply-theme-variables {
 	 --ag-background-color: var(--ag-inherited-background-color, #FFF);
 	 --ag-foreground-color: var(--ag-inherited-foreground-color, #181d1f);
@@ -25,7 +22,7 @@
 	 --ag-pinned-column-border: var(--ag-inherited-pinned-column-border, solid 1px var(--ag-border-color));
 	 --ag-pinned-row-border: var(--ag-inherited-pinned-row-border, solid 1px var(--ag-border-color));
 	 --ag-side-panel-border: var(--ag-inherited-side-panel-border, solid 1px var(--ag-border-color));
-	 --ag-font-family: var(--ag-inherited-font-family, 'IBM Plex Sans');
+	 --ag-font-family: var(--ag-inherited-font-family, "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji'");
 	 --ag-chrome-background-color: var(--ag-inherited-chrome-background-color, color-mix(in srgb, transparent, var(--ag-foreground-color) 2%));
 	 --ag-header-background-color: var(--ag-inherited-header-background-color, var(--ag-chrome-background-color));
 	 --ag-header-font-family: var(--ag-inherited-header-font-family, var(--ag-font-family));

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

@@ -1,6 +1,7 @@
 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); }
 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); }
 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; }
 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; }
@@ -26,8 +27,6 @@ import { RedoOutlined } from '@ant-design/icons';
 import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
 import Setting from "./setting";
 import { useGridPlusColumnState } from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var getSort = function getSort(columnState) {
   return columnState ? "".concat(columnState.colId, " ").concat(columnState.sort) : "";
 };
@@ -103,21 +102,13 @@ function AgGridPlus(props) {
   var defaultColDef = useMemo(function () {
     return {
       resizable: true,
-      sortable: 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>'
-      // }
+      sortable: true,
+      headerComponentParams: {
+        template: '<div class="ag-cell-label-container" role="presentation">' +
+        // '<span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button"></span>'+
+        // '<span data-ref="eFilterButton" class="ag-header-icon ag-header-cell-filter-button"></span>'+
+        '<div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + '<span data-ref="eText" class="ag-header-cell-text" role="columnheader"></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="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '<span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '<span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '</div>' + '</div>'
+      }
     };
   }, []);
   var columnTypes = useMemo(function () {
@@ -338,135 +329,130 @@ function AgGridPlus(props) {
   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]);
-  return /*#__PURE__*/_jsx(Spin, {
+  return /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,
-    wrapperClassName: "grid-spin",
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "grid-container",
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        flex: 1,
-        height: "100%"
-      },
-      children: [search == false ? null : /*#__PURE__*/_jsx(FormRender, {
-        colDefs: allColDefs,
-        columnStates: columnState || [],
-        gridApi: apiRef.current,
-        onQuery: function onQuery(formValues) {
-          setQueryFilter(_objectSpread({}, formValues));
-          onRequest && onRequest(formValues);
-        }
-      }), /*#__PURE__*/_jsxs(Card, {
-        bordered: false,
-        headStyle: {
-          border: 0
-        },
-        bodyStyle: {
-          margin: 0,
-          padding: 12,
-          paddingTop: 0,
-          height: "100%",
-          display: "flex",
-          flexDirection: "column"
-        },
-        style: {
-          height: "100%"
-        },
-        children: [/*#__PURE__*/_jsxs("div", {
-          style: _objectSpread({
-            display: "flex",
-            flexDirection: "column",
-            height: "100%"
-          }, style),
-          children: [hideTool ? null : /*#__PURE__*/_jsx(ToolBar, {
-            title: headerTitle,
-            actions: actionDom,
-            settings: [/*#__PURE__*/_jsx(SettingItem, {
-              onClick: onRefresh,
-              icon: /*#__PURE__*/_jsx(RedoOutlined, {})
-            }), /*#__PURE__*/_jsx(Setting, {
-              gridKey: gridKey,
-              gridApi: apiRef.current,
-              onSaveColumnState: onColumnStateChanged
-            })]
-          }), /*#__PURE__*/_jsx(AgGridReact, _objectSpread(_objectSpread({
-            className: "ag-theme-custom"
-          }, rest), {}, {
-            gridOptions: {
-              enableCellTextSelection: true,
-              ensureDomOrder: true
-            },
-            enableRangeSelection: true,
-            suppressCopyRowsToClipboard: true
-            //指定客户端模式
-            ,
-            rowModelType: "clientSide",
-            maintainColumnOrder: true,
-            rowData: rowDataMemo,
-            onGridReady: onGridReady,
-            defaultColDef: defaultColDef,
-            onSortChanged: function onSortChanged(event) {
-              sortChanged(event.api);
-              props.onSortChanged && props.onSortChanged(event);
-            },
-            onSelectionChanged: onRowChanged,
-            onRowSelected: onRowSelected,
-            onDragStopped: function onDragStopped(e) {
-              if (apiRef.current) {
-                var _apiRef$current2;
-                var _columnState = (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 ? void 0 : _apiRef$current2.getColumnState();
-                setColumnState(_columnState);
-                onColumnStateChanged && onColumnStateChanged(_columnState);
-              }
-            }
-            // onColumnMoved={() => {
-            //     if (apiRef.current) {
-            //         setColumnState(apiRef.current?.getColumnState());
-            //     }
-            // }}
-            ,
-            pinnedBottomRowData: calculateArr,
-            columnTypes: columnTypes,
-            animateRows: true
-            //停用默认分页组件
-            ,
-            suppressPaginationPanel: true,
-            columnDefs: colDefs
-          }))]
-        }), /*#__PURE__*/_jsx("div", {
-          style: {
-            marginTop: 12,
-            display: "flex",
-            justifyContent: "flex-end"
-          },
-          children: /*#__PURE__*/_jsx(Pagination, {
-            pageSize: pagination.pageSize,
-            current: pagination.current,
-            total: pagination.total,
-            onChange: function onChange(page, pageSize) {
-              setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
-                pageSize: pageSize,
-                current: page
-              }));
-            },
-            onShowSizeChange: function onShowSizeChange(current, size) {
-              setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
-                pageSize: size,
-                current: current
-              }));
-            },
-            size: "small",
-            showTotal: function showTotal(total, range) {
-              return "\u7B2C ".concat(range[0], "-").concat(range[1], " \u6761/\u603B\u5171 ").concat(total, " \u6761");
-            },
-            pageSizeOptions: [10, 100, 200, 500, 1000, 10000],
-            hideOnSinglePage: false,
-            showQuickJumper: false
-          })
-        })]
-      })]
-    })
-  });
+    wrapperClassName: "grid-spin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      height: "100%"
+    }
+  }, search == false ? null : /*#__PURE__*/React.createElement(FormRender, {
+    colDefs: allColDefs,
+    columnStates: columnState || [],
+    gridApi: apiRef.current,
+    onQuery: function onQuery(formValues) {
+      setQueryFilter(_objectSpread({}, formValues));
+      onRequest && onRequest(formValues);
+    }
+  }), /*#__PURE__*/React.createElement(Card, {
+    bordered: false,
+    headStyle: {
+      border: 0
+    },
+    bodyStyle: {
+      margin: 0,
+      padding: 12,
+      paddingTop: 0,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    style: {
+      height: "100%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({
+      display: "flex",
+      flexDirection: "column",
+      height: "100%"
+    }, style)
+  }, hideTool ? null : /*#__PURE__*/React.createElement(ToolBar, {
+    title: headerTitle,
+    actions: actionDom,
+    settings: [/*#__PURE__*/React.createElement(SettingItem, {
+      onClick: onRefresh,
+      icon: /*#__PURE__*/React.createElement(RedoOutlined, null)
+    }), /*#__PURE__*/React.createElement(Setting, {
+      gridKey: gridKey,
+      gridApi: apiRef.current,
+      onSaveColumnState: onColumnStateChanged
+    })]
+  }), /*#__PURE__*/React.createElement(AgGridReact, _extends({
+    className: "ag-theme-custom"
+  }, rest, {
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
+    enableRangeSelection: true,
+    suppressCopyRowsToClipboard: true
+    //指定客户端模式
+    ,
+    rowModelType: "clientSide",
+    maintainColumnOrder: true,
+    rowData: rowDataMemo,
+    onGridReady: onGridReady,
+    defaultColDef: defaultColDef,
+    onSortChanged: function onSortChanged(event) {
+      sortChanged(event.api);
+      props.onSortChanged && props.onSortChanged(event);
+    },
+    onSelectionChanged: onRowChanged,
+    onRowSelected: onRowSelected,
+    onDragStopped: function onDragStopped(e) {
+      if (apiRef.current) {
+        var _apiRef$current2;
+        var _columnState = (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 ? void 0 : _apiRef$current2.getColumnState();
+        setColumnState(_columnState);
+        onColumnStateChanged && onColumnStateChanged(_columnState);
+      }
+    }
+    // onColumnMoved={() => {
+    //     if (apiRef.current) {
+    //         setColumnState(apiRef.current?.getColumnState());
+    //     }
+    // }}
+    ,
+    pinnedBottomRowData: calculateArr,
+    columnTypes: columnTypes,
+    animateRows: true
+    //停用默认分页组件
+    ,
+    suppressPaginationPanel: true,
+    columnDefs: colDefs
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 12,
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement(Pagination, {
+    pageSize: pagination.pageSize,
+    current: pagination.current,
+    total: pagination.total,
+    onChange: function onChange(page, pageSize) {
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: pageSize,
+        current: page
+      }));
+    },
+    onShowSizeChange: function onShowSizeChange(current, size) {
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: size,
+        current: current
+      }));
+    },
+    size: "small",
+    showTotal: function showTotal(total, range) {
+      return "\u7B2C ".concat(range[0], "-").concat(range[1], " \u6761/\u603B\u5171 ").concat(total, " \u6761");
+    },
+    pageSizeOptions: [10, 100, 200, 500, 1000, 10000],
+    hideOnSinglePage: false,
+    showQuickJumper: false
+  })))));
 }
 export default AgGridPlus;