@nokecy/qc-ui 0.6.5 → 0.6.7

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

@@ -1,11 +1,9 @@
-import AgGridPlus from "./ag-gridPlus";
-import { AgGridColumn } from "./interface";
-import { GridPlusContext } from "./context/gridContext";
-import "./ag-grid-theme-builder.css";
-export declare const useGridPlusColumnState: () => {
-    extensibleColumns: any;
-    columnState: any;
-    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
-};
-export { AgGridPlus, AgGridColumn, GridPlusContext };
-export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";
+import AgGridPlus from "./ag-gridPlus";
+import { AgGridColumn } from "./interface";
+import { GridPlusContext } from "./context/gridContext";
+export declare const useGridPlusColumnState: () => {
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => {};
+};
+export { AgGridPlus, AgGridColumn, GridPlusContext };
+export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -2,7 +2,6 @@ import React from "react";
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
 import { GridPlusContext } from "./context/gridContext";
-import "./ag-grid-theme-builder.css";
 export var useGridPlusColumnState = function useGridPlusColumnState() {
   return React.useContext(GridPlusContext);
 };

package/dist/esm/ag-grid-plus/index.less

@@ -1,7 +1,7 @@
-.grid-spin {
-    height: 100%;
-
-    .ant-spin-container {
-        height: 100%;
-    }
+.grid-spin {
+    height: 100%;
+
+    .ant-spin-container {
+        height: 100%;
+    }
 }

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

@@ -1,39 +1,39 @@
-import { GridApi, ColDef, ColGroupDef } from "ag-grid-community";
-import { AgGridReactProps } from "ag-grid-react";
-import React, { CSSProperties, ReactNode } from "react";
-interface GridRef {
-    onRefresh: () => void;
-}
-interface GridProps extends AgGridReactProps {
-    hideTool?: boolean;
-    style?: CSSProperties;
-    params?: any;
-    initParams?: any;
-    loading?: boolean;
-    request?: (params: any, sort: any, filter: any) => Promise<any>;
-    dataSource?: any[];
-    treeKeyName?: string;
-    treeParentName?: string;
-    search?: boolean;
-    headerTitle?: React.ReactNode;
-    toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
-    /**
-     * 用于标识grid唯一标识，用于保存列方案
-     */
-    gridKey?: string;
-    /**
-     * 列方案
-     */
-    gridColumnState?: any[];
-    gridRef?: React.Ref<GridRef | undefined>;
-}
-interface AgGridColumnPropsClone extends ColDef {
-    hideInTable?: boolean;
-    hideInSearch?: boolean;
-    queryField?: string;
-    searchComponent?: ReactNode | JSX.Element | ((props: any) => JSX.Element);
-    searchComponentProps?: any;
-    searchSort?: number;
-}
-declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): React.JSX.Element;
-export { GridProps, AgGridColumn, GridRef };
+import { GridApi, ColDef, ColGroupDef } from "ag-grid-community";
+import { AgGridReactProps } from "ag-grid-react";
+import React, { CSSProperties, ReactNode } from "react";
+interface GridRef {
+    onRefresh: () => void;
+}
+interface GridProps extends AgGridReactProps {
+    hideTool?: boolean;
+    style?: CSSProperties;
+    params?: any;
+    initParams?: any;
+    loading?: boolean;
+    request?: (params: any, sort: any, filter: any) => Promise<any>;
+    dataSource?: any[];
+    treeKeyName?: string;
+    treeParentName?: string;
+    search?: boolean;
+    headerTitle?: React.ReactNode;
+    toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
+    /**
+     * 用于标识grid唯一标识，用于保存列方案
+     */
+    gridKey?: string;
+    /**
+     * 列方案
+     */
+    gridColumnState?: any[];
+    gridRef?: React.Ref<GridRef | undefined>;
+}
+interface AgGridColumnPropsClone extends ColDef {
+    hideInTable?: boolean;
+    hideInSearch?: boolean;
+    queryField?: string;
+    searchComponent?: ReactNode | JSX.Element | ((props: any) => JSX.Element);
+    searchComponentProps?: any;
+    searchSort?: number;
+}
+declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): JSX.Element;
+export { GridProps, AgGridColumn, GridRef };

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

@@ -1,9 +1,8 @@
 import React from "react";
 
-//column的行内传参
-
 function AgGridColumn(props) {
   ///@ts-ignore
   return /*#__PURE__*/React.createElement(AgGridColumnClone, props);
 }
+
 export { AgGridColumn };

package/dist/esm/ag-grid-plus/queryForm/index.d.ts

@@ -1,11 +1,11 @@
-import { ColDef, ColumnState, GridApi } from 'ag-grid-community';
-import React from 'react';
-import './index.less';
-declare const FormRender: (props: {
-    className?: any;
-    gridApi?: GridApi<any> | undefined;
-    colDefs: ColDef[];
-    columnStates: ColumnState[];
-    onQuery: (formValue: any) => void;
-}) => React.JSX.Element;
-export default FormRender;
+/// <reference types="react" />
+import { ColDef, ColumnState, GridApi } from 'ag-grid-community';
+import './index.less';
+declare const FormRender: (props: {
+    className?: any;
+    gridApi?: GridApi<any> | undefined;
+    colDefs: ColDef[];
+    columnStates: ColumnState[];
+    onQuery: (formValue: any) => void;
+}) => JSX.Element;
+export default FormRender;

package/dist/esm/ag-grid-plus/queryForm/index.js

@@ -1,15 +1,21 @@
-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; }
-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); }
+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."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { DatePicker, FormButtonGroup, FormGrid, FormItem, Form, Input, Submit } from '@formily/antd-v5';
 import { createForm } from '@formily/core';
 import { onFieldInit } from '@formily/core';
@@ -20,19 +26,22 @@ import React, { useEffect, useMemo, useState } from 'react';
 import QueryForm from "./queryForm";
 import BoolSelect from "../_utils/boolSelect";
 import "./index.less";
+
 var FormRender = function FormRender(props) {
   var className = props.className,
-    gridApi = props.gridApi,
-    colDefs = props.colDefs,
-    columnStates = props.columnStates,
-    onQuery = props.onQuery;
+      gridApi = props.gridApi,
+      colDefs = props.colDefs,
+      columnStates = props.columnStates,
+      onQuery = props.onQuery;
+
   var _useState = useState({
-      type: 'object',
-      properties: {}
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    schema = _useState2[0],
-    setSchema = _useState2[1];
+    type: 'object',
+    properties: {}
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      schema = _useState2[0],
+      setSchema = _useState2[1];
+
   var form = useMemo(function () {
     return createForm({
       effects: function effects() {
@@ -61,15 +70,19 @@ var FormRender = function FormRender(props) {
       }
     });
   }, [schema]);
+
   var onSubmit = function onSubmit() {
     onQuery && onQuery(form.values);
   };
+
   var onReset = function onReset() {
     form.reset();
     onQuery({});
   };
+
   var getComponent = function getComponent(colDef) {
     var component = colDef.searchComponent ? colDef.searchComponent : undefined;
+
     if (component) {
       return component;
     } else {
@@ -77,31 +90,39 @@ var FormRender = function FormRender(props) {
         case "agDateColumnFilter":
           component = "DatePicker.RangePicker";
           break;
+
         case "boolFilter":
           component = "BoolSelect";
           break;
       }
+
       switch (colDef.type) {
         case "dateTimeColumn":
         case "dateColumn":
           component = "DatePicker.RangePicker";
           break;
+
         case "boolColumn":
           component = "BoolSelect";
           break;
       }
+
       return component ? component : "Input";
     }
   };
+
   var getSchema = function getSchema(reset) {
     var _columns, _columns2;
+
     var rootSchema = {
       type: 'object',
       properties: {}
     };
+
     if (!columnStates) {
       return rootSchema;
     }
+
     var gridSchema = {
       type: 'void',
       "name": 'queryForm',
@@ -120,18 +141,21 @@ var FormRender = function FormRender(props) {
     }) : [];
     columns.map(function (col) {
       var _colDef$queryField;
+
       var colDef = col;
       var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
-      var headerName = colDef.headerName;
-      //表单自定义组件
+      var headerName = colDef.headerName; //表单自定义组件
+
       var component = getComponent(colDef);
+
       if (colDef.filter != false) {
         var _colDef$searchCompone, _colDef$searchCompone2;
+
         var filedSchema = {
           type: 'string',
           title: headerName,
-          required: (colDef === null || colDef === void 0 || (_colDef$searchCompone = colDef.searchComponentProps) === null || _colDef$searchCompone === void 0 ? void 0 : _colDef$searchCompone.required) || false,
-          default: colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default,
+          required: (colDef === null || colDef === void 0 ? void 0 : (_colDef$searchCompone = colDef.searchComponentProps) === null || _colDef$searchCompone === void 0 ? void 0 : _colDef$searchCompone.required) || false,
+          default: colDef === null || colDef === void 0 ? void 0 : (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default,
           "x-component": component,
           "x-component-props": _objectSpread({
             placeholder: "\u8BF7\u8F93\u5165".concat(headerName),
@@ -144,19 +168,22 @@ var FormRender = function FormRender(props) {
           "x-decorator-props": {
             wrapperWrap: true
           }
-        };
-        ///@ts-ignore
+        }; ///@ts-ignore
+
         gridSchema.properties[name] = filedSchema;
       }
-    });
-    ///@ts-ignore
+    }); ///@ts-ignore
+
     rootSchema.properties["queryForm"] = gridSchema;
+
     if (!((_columns2 = columns) !== null && _columns2 !== void 0 && _columns2.length)) {
       ///@ts-ignore
       delete rootSchema.properties["queryForm"];
     }
+
     return rootSchema;
   };
+
   useEffect(function () {
     var new_schema = getSchema(onReset);
     setSchema(new_schema);
@@ -172,4 +199,5 @@ var FormRender = function FormRender(props) {
     schema: schema
   })));
 };
+
 export default FormRender;

package/dist/esm/ag-grid-plus/queryForm/index.less

@@ -1,48 +1,48 @@
-
-@pro-table-search-prefix-cls: ~'ag-grid-table-search';
-
-@pro-table-form-prefix-cls: ~'ag-grid-table-form';
-
-.@{pro-table-search-prefix-cls} {
-    margin-bottom: 8px;
-    padding: 8px;
-    // padding-bottom: 0;
-    background-color: #fff;
-
-    &.@{pro-table-form-prefix-cls} {
-        margin: 0;
-        padding: 0 16px;
-        overflow: unset;
-    }
-
-    &-light {
-        margin-bottom: 0;
-        padding: 16px 0;
-    }
-
-    &-form-option {
-        .ant-form-item {
-            margin: 0;
-        }
-
-        .ant-form-item-label {
-            opacity: 0;
-        }
-
-        .ant-form-item-control-input {
-            justify-content: flex-start;
-        }
-    }
-}
-
-@media (max-width: 575px) {
-    .@{pro-table-search-prefix-cls} {
-        height: auto !important;
-        padding-bottom: 24px;
-
-        .ant-form-item-label {
-            min-width: 80px;
-            text-align: left;
-        }
-    }
-}
+
+@pro-table-search-prefix-cls: ~'ag-grid-table-search';
+
+@pro-table-form-prefix-cls: ~'ag-grid-table-form';
+
+.@{pro-table-search-prefix-cls} {
+    margin-bottom: 8px;
+    padding: 8px;
+    // padding-bottom: 0;
+    background-color: #fff;
+
+    &.@{pro-table-form-prefix-cls} {
+        margin: 0;
+        padding: 0 16px;
+        overflow: unset;
+    }
+
+    &-light {
+        margin-bottom: 0;
+        padding: 16px 0;
+    }
+
+    &-form-option {
+        .ant-form-item {
+            margin: 0;
+        }
+
+        .ant-form-item-label {
+            opacity: 0;
+        }
+
+        .ant-form-item-control-input {
+            justify-content: flex-start;
+        }
+    }
+}
+
+@media (max-width: 575px) {
+    .@{pro-table-search-prefix-cls} {
+        height: auto !important;
+        padding-bottom: 24px;
+
+        .ant-form-item-label {
+            min-width: 80px;
+            text-align: left;
+        }
+    }
+}

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

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const QueryForm: React.FC;
-export default QueryForm;
+import React from 'react';
+declare const QueryForm: React.FC;
+export default QueryForm;

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

@@ -3,6 +3,7 @@ import { FormGrid, Submit, FormButtonGroup } from '@formily/antd-v5';
 import { DownOutlined } from '@ant-design/icons';
 import { Button } from 'antd';
 import { observer } from '@formily/react';
+
 var useCollapseGrid = function useCollapseGrid(maxRows) {
   var grid = useMemo(function () {
     return FormGrid.createFormGrid({
@@ -19,6 +20,7 @@ var useCollapseGrid = function useCollapseGrid(maxRows) {
   var expanded = grid.maxRows === Infinity;
   var realRows = grid.shadowRows;
   var computeRows = grid.fullnessLastColumn ? grid.shadowRows - 1 : grid.shadowRows;
+
   var toggle = function toggle() {
     if (grid.maxRows === Infinity) {
       grid.maxRows = maxRows;
@@ -26,11 +28,13 @@ var useCollapseGrid = function useCollapseGrid(maxRows) {
       grid.maxRows = Infinity;
     }
   };
+
   var takeType = function takeType() {
     if (realRows < maxRows + 1) return 'incomplete-wrap';
     if (computeRows > maxRows) return 'collapsible';
     return 'complete-wrap';
   };
+
   return {
     grid: grid,
     expanded: expanded,
@@ -38,18 +42,22 @@ var useCollapseGrid = function useCollapseGrid(maxRows) {
     type: takeType()
   };
 };
+
 var QueryForm = observer(function (props) {
   var onReset = props.onReset;
+
   var _useCollapseGrid = useCollapseGrid(1),
-    grid = _useCollapseGrid.grid,
-    expanded = _useCollapseGrid.expanded,
-    toggle = _useCollapseGrid.toggle,
-    type = _useCollapseGrid.type;
+      grid = _useCollapseGrid.grid,
+      expanded = _useCollapseGrid.expanded,
+      toggle = _useCollapseGrid.toggle,
+      type = _useCollapseGrid.type;
+
   var renderActions = function renderActions() {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Submit, null, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
       onClick: onReset
     }, "\u91CD\u7F6E"));
   };
+
   var renderExpanded = function renderExpanded() {
     return /*#__PURE__*/React.createElement("a", {
       onClick: function onClick(e) {
@@ -64,11 +72,13 @@ var QueryForm = observer(function (props) {
       }
     })));
   };
+
   var renderButtonGroup = function renderButtonGroup() {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormButtonGroup, {
       align: "right"
     }, renderActions(), type === 'collapsible' ? renderExpanded() : null));
   };
+
   return /*#__PURE__*/React.createElement(FormGrid, {
     grid: grid,
     colWrap: true,

package/dist/esm/ag-grid-plus/setting/index.d.ts

@@ -1,8 +1,9 @@
-import { GridApi } from 'ag-grid-community';
-import React from "react";
-declare const Setting: (props: {
-    gridKey?: string | undefined;
-    gridApi?: GridApi<any> | undefined;
-    onSaveColumnState: (state: any) => void;
-}) => React.JSX.Element | null;
-export default Setting;
+/// <reference types="react" />
+import { ColumnApi, GridApi } from 'ag-grid-community';
+declare const Setting: (props: {
+    gridKey?: string | undefined;
+    gridApi?: GridApi<any> | undefined;
+    columnApi: ColumnApi;
+    onSaveColumnState: (state: any) => void;
+}) => JSX.Element | null;
+export default Setting;