@arim-aisdc/public-components 2.1.4 → 2.1.5

package/dist/components/CenterModal/type.d.ts

@@ -12,7 +12,7 @@ export interface CenterModalPropsType extends ModalProps {
     okText?: string;
     hasfooter?: boolean;
     footer?: ReactNode;
-    width?: number;
+    width?: number | string;
     size?: string;
     renderContent?: JSX.Element | null;
     maskClosable?: boolean;

package/dist/components/QueryFilter/QueryFilter.js

@@ -22,6 +22,7 @@ import dayjs from 'dayjs';
 import { debounce } from 'lodash';
 import React, { forwardRef, useEffect, useState } from 'react';
 import "./index.less";
+import RemoteSelect from "./remoteSelect";
 import { FormItemType, TimeFormatType } from "./type";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -264,6 +265,13 @@ var QueryFilter = function QueryFilter(_ref, ref) {
           })
         });
         break;
+      case FormItemType.RemoteSelect:
+        element = /*#__PURE__*/_jsx(RemoteSelect, _objectSpread(_objectSpread({}, item), {}, {
+          onChange: function onChange(e) {
+            commonChange(e, item);
+          }
+        }));
+        break;
       case FormItemType.Radio:
         element = /*#__PURE__*/_jsx(Radio.Group, {
           onChange: function onChange(e) {

package/dist/components/QueryFilter/remoteSelect/index.d.ts

@@ -0,0 +1,7 @@
+import { searchFieldType } from '../type';
+interface IProps extends searchFieldType {
+    value?: any;
+    onChange?: (value: string, option: any) => void;
+}
+declare const RemoteSelect: ({ value, onChange, getOptionsFn, ...item }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default RemoteSelect;

package/dist/components/QueryFilter/remoteSelect/index.js

@@ -0,0 +1,72 @@
+var _excluded = ["value", "onChange", "getOptionsFn"];
+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 _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 { Select, Spin } from 'antd';
+import { debounce } from 'lodash';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var RemoteSelect = function RemoteSelect(_ref) {
+  var _item$handleSelect;
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    getOptionsFn = _ref.getOptionsFn,
+    item = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    fetching = _useState2[0],
+    setFetching = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    options = _useState4[0],
+    setOptions = _useState4[1];
+  var fetchRef = useRef(0);
+  var debounceFetcher = useMemo(function () {
+    var loadOptions = function loadOptions(value) {
+      fetchRef.current += 1;
+      var fetchId = fetchRef.current;
+      if (!getOptionsFn) return;
+      setOptions([]);
+      setFetching(true);
+      getOptionsFn(value).then(function (newOptions) {
+        if (fetchId !== fetchRef.current) {
+          // for fetch callback order
+          return;
+        }
+        // console.log('newOptions', newOptions);
+        setOptions(newOptions);
+        setFetching(false);
+      });
+    };
+    return debounce(loadOptions, 500);
+  }, [getOptionsFn]);
+  useEffect(function () {
+    debounceFetcher();
+  }, []);
+  return /*#__PURE__*/_jsx(Select, {
+    className: "queryFilter-remoteSelect",
+    mode: item.mode ? item.mode : undefined,
+    showSearch: item.showSearch,
+    placeholder: item.inputTips,
+    allowClear: item.allowClear,
+    value: value,
+    maxTagCount: item.maxTagCount,
+    suffixIcon: null,
+    options: options,
+    disabled: item.disabled,
+    onSearch: debounceFetcher,
+    onChange: onChange,
+    filterOption: false,
+    onSelect: (_item$handleSelect = item.handleSelect) !== null && _item$handleSelect !== void 0 ? _item$handleSelect : undefined,
+    notFoundContent: fetching ? /*#__PURE__*/_jsx(Spin, {
+      size: "small"
+    }) : null,
+    fieldNames: item.fieldNames
+  });
+};
+export default RemoteSelect;

package/dist/components/QueryFilter/type.d.ts

@@ -6,6 +6,7 @@ export declare enum FormItemType {
     Number = "number",
     Switch = "switch",
     Select = "select",
+    RemoteSelect = "remoteSelect",
     Cascader = "cascader",
     DateTime = "datetime",
     DateRang = "daterang",
@@ -28,19 +29,26 @@ export declare enum TimeFormatType {
     nonSecondTimeType = "HH:mm"
 }
 export interface fieldType {
+    /**字段 */
     field: string;
     label?: string;
     text: string | Element | JSX.Element;
     value: any;
+    /**单位 */
     units?: string;
     width?: string;
     labelWidth?: string;
     color?: string;
     disabledColor?: string;
+    /**全部数据 */
     detail?: object;
+    /** 是否显示区间选项 */
     isShowInterval?: boolean;
+    /** 主动触发, 用于触发级联条件 */
     isActiveTrigger?: boolean;
+    /** 主动触发方法 */
     activeTriggerFun?: (e: any) => void;
+    /** 是否超出隐藏显示tooltip */
     isShowToolTip?: boolean;
 }
 export type inputValueType = 'min' | 'max' | string;
@@ -53,40 +61,72 @@ export declare enum PickerType {
     Quarter = "quarter "
 }
 export type searchFieldType = {
+    /**字段code */
     field: string;
+    /**字段名称 */
     label?: string;
+    /**表单类型 */
     formType: FormItemType;
+    /**默认值 */
     defaultValue?: string | any[] | number;
+    /**placeholder */
     inputTips?: string | any;
+    /**下拉选配置 */
     setting?: any[];
+    /**下拉选配置（当有并排下拉选时） */
     setting1?: any[];
+    /**字段值 */
     value?: string;
+    /**文本域最大字符 */
     maxLength?: number;
+    /**文本域行数 */
     rows?: number;
+    /**输入/选择框的长度px值 */
     wapperWidth?: number;
+    /**时间面板 */
     picker?: PickerType;
+    /**格式化时间 */
     defaultFormat?: any;
-    showTimeFormat?: any;
+    /**显示时间格式化 */
     allowClear?: boolean;
+    /**是否显示多个输入框 */
     isShowInterval?: boolean;
+    /**是否禁用 */
     disabled?: boolean;
+    /**imputnumber 最小值 */
     min?: number;
+    /**imputnumber 最大值 */
     max?: number;
+    /**imputnumber 步长 */
     step?: number;
+    /**是否远程搜索 autocomplete 不需要，select需要 */
     showSearch?: boolean;
+    /**自定义节点 label、value、options、groupLabel 的字段 */
     fieldNames?: {
-        label: string;
-        value: string;
+        label?: string;
+        value?: string;
+        options?: string;
+        groupLabel?: string;
     };
     optionFilterProp?: string;
     optionLabelProp?: string;
+    /**远程搜索函数 */
     handleSearch?: () => void;
+    /**remoteSelect组件获取options函数 */
+    getOptionsFn?: (keyword: string) => Promise<any[]>;
+    /**后缀，可以是单位 */
     suffix?: string;
+    /**下拉框内容模糊筛选 */
     isFilter?: boolean;
+    /**select下拉选被选中是否触发handleSelect */
     showSelect?: boolean;
+    /**select下拉选被选中时调用 */
     handleSelect?: () => void;
+    /**select下多选模式配置 */
     mode?: 'multiple' | 'tags';
+    /**select下多选模式配置最多显示多少个 tag */
     maxTagCount?: number | 'responsive';
+    /**是否初始化获取options 默认为true */
     isInitGetOptions?: boolean;
 };
 export interface QueryFilterProps {

package/dist/components/QueryFilter/type.js

@@ -4,6 +4,7 @@ export var FormItemType = /*#__PURE__*/function (FormItemType) {
   FormItemType["Number"] = "number";
   FormItemType["Switch"] = "switch";
   FormItemType["Select"] = "select";
+  FormItemType["RemoteSelect"] = "remoteSelect";
   FormItemType["Cascader"] = "cascader";
   FormItemType["DateTime"] = "datetime";
   FormItemType["DateRang"] = "daterang";

package/dist/components/TableMax/components/ColumnSort/customSortFns.d.ts

@@ -1,13 +1,13 @@
 import { TableMaxColumnType } from "../../type";
-export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
 declare const customSortFns: {
-    numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-    stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-    timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
 };
 export default customSortFns;
 export type SortFnType = keyof typeof customSortFns | undefined;

package/dist/hooks/useCenterModalState.js

@@ -27,7 +27,7 @@ var useCenterModalState = function useCenterModalState(initState) {
     setProps(_objectSpread(_objectSpread({}, centerModalProps), {}, {
       open: false
     }));
-  }, [setProps]);
+  }, [setProps, centerModalProps]);
 
   // 设置props
   var setCenterModalProps = useCallback(function (params) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arim-aisdc/public-components",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",