@nokecy/qc-ui 0.6.7 → 0.7.0

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): 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): React.JSX.Element;
+export { GridProps, AgGridColumn, GridRef };

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

@@ -1,8 +1,9 @@
 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 @@
-/// <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;
+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;

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

@@ -1,21 +1,15 @@
-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 _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 _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(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 _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 _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';
@@ -26,22 +20,19 @@ 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() {
@@ -70,19 +61,15 @@ 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 {
@@ -90,39 +77,31 @@ 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',
@@ -141,21 +120,18 @@ 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 ? 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,
+          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,
           "x-component": component,
           "x-component-props": _objectSpread({
             placeholder: "\u8BF7\u8F93\u5165".concat(headerName),
@@ -168,22 +144,19 @@ 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);
@@ -199,5 +172,4 @@ 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;
+/// <reference types="react" />
+declare const QueryForm: import("react").MemoExoticComponent<import("@formily/react").ReactFC<Omit<any, "ref">>>;
+export default QueryForm;

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

@@ -1,9 +1,8 @@
-import React, { useMemo, Fragment } from 'react';
-import { FormGrid, Submit, FormButtonGroup } from '@formily/antd-v5';
-import { DownOutlined } from '@ant-design/icons';
-import { Button } from 'antd';
-import { observer } from '@formily/react';
-
+import { ClearOutlined, DownOutlined, SearchOutlined } from "@ant-design/icons";
+import { FormButtonGroup, FormGrid, Submit } from "@formily/antd-v5";
+import { observer } from "@formily/react";
+import { Button } from "antd";
+import { Fragment, useMemo } from "react";
 var useCollapseGrid = function useCollapseGrid(maxRows) {
   var grid = useMemo(function () {
     return FormGrid.createFormGrid({
@@ -20,7 +19,6 @@ 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;
@@ -28,13 +26,11 @@ 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';
+    if (realRows < maxRows + 1) return "incomplete-wrap";
+    if (computeRows > maxRows) return "collapsible";
+    return "complete-wrap";
   };
-
   return {
     grid: grid,
     expanded: expanded,
@@ -42,43 +38,41 @@ 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, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Submit, {
+      type: "default",
+      icon: /*#__PURE__*/React.createElement(SearchOutlined, null)
+    }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
+      icon: /*#__PURE__*/React.createElement(ClearOutlined, null),
       onClick: onReset
     }, "\u91CD\u7F6E"));
   };
-
   var renderExpanded = function renderExpanded() {
     return /*#__PURE__*/React.createElement("a", {
       onClick: function onClick(e) {
         e.preventDefault();
         toggle();
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, expanded ? '收起' : '展开', /*#__PURE__*/React.createElement(DownOutlined, {
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, expanded ? "收起" : "展开", /*#__PURE__*/React.createElement(DownOutlined, {
       style: {
-        marginLeft: '0.5em',
-        transition: '0.3s all',
+        marginLeft: "0.5em",
+        transition: "0.3s all",
         transform: "rotate(".concat(expanded ? 0 : 0.5, "turn)")
       }
     })));
   };
-
   var renderButtonGroup = function renderButtonGroup() {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormButtonGroup, {
       align: "right"
-    }, renderActions(), type === 'collapsible' ? renderExpanded() : null));
+    }, renderActions(), type === "collapsible" ? renderExpanded() : null));
   };
-
   return /*#__PURE__*/React.createElement(FormGrid, {
     grid: grid,
     colWrap: true,
@@ -86,8 +80,8 @@ var QueryForm = observer(function (props) {
   }, props.children, /*#__PURE__*/React.createElement(FormGrid.GridColumn, {
     gridSpan: -1,
     style: {
-      display: 'flex',
-      justifyContent: 'right'
+      display: "flex",
+      justifyContent: "right"
     }
   }, renderButtonGroup()));
 });

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

@@ -1,9 +1,8 @@
-/// <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;
+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;