ztxkui 2.2.9 → 2.3.3

package/dist/components/EnhanceSelect/index.d.ts

@@ -87,6 +87,10 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
      * 接口数据格式转换
      */
     transformData?: (res: any) => any;
+    /**
+     * 增加必传参数组
+     */
+    mustHasParams?: string | string[];
 }
 /**
  * 增强下拉框功能组件
@@ -103,6 +107,6 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
  *    { code: 200, data: { records: [] } } || { status: 200, data: { code: 200, data: { records: [] } } }
  * 如果数据不能在接口层面满足以上形式，那么组件提供transformData属性，转换接口数据格式
  */
-declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, ...restProps }: IProps<VT>): JSX.Element;
+declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, ...restProps }: IProps<VT>): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof EnhanceSelect>;
 export default _default;

package/dist/components/EnhanceSelect/index.js

@@ -39,6 +39,7 @@ import debounce from 'lodash/debounce';
 var enhanceSelectCatchObj = {};
 // 获取接口数据
 function getData(request, options) {
+    var _a;
     if (typeof request === 'function') {
         if (typeof options.params === 'string') {
             try {
@@ -48,7 +49,7 @@ function getData(request, options) {
                 console.log(err);
             }
         }
-        if (options.methods.toUpperCase() === 'POST') {
+        if (((_a = options === null || options === void 0 ? void 0 : options.method) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'POST') {
             options.data = options.params;
             Reflect.deleteProperty(options, 'params');
         }
@@ -75,7 +76,7 @@ function getData(request, options) {
  * 如果数据不能在接口层面满足以上形式，那么组件提供transformData属性，转换接口数据格式
  */
 function EnhanceSelect(_a) {
-    var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.dataKey, dataKey = _c === void 0 ? 'id' : _c, componentKey = _a.componentKey, _d = _a.titleKey, titleKey = _d === void 0 ? 'name' : _d, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _e = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _e === void 0 ? true : _e, transformData = _a.transformData, joinKey = _a.joinKey, _f = _a.joinStr, joinStr = _f === void 0 ? '-' : _f, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr"]);
+    var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.dataKey, dataKey = _c === void 0 ? 'id' : _c, componentKey = _a.componentKey, _d = _a.titleKey, titleKey = _d === void 0 ? 'name' : _d, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _e = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _e === void 0 ? true : _e, transformData = _a.transformData, joinKey = _a.joinKey, _f = _a.joinStr, joinStr = _f === void 0 ? '-' : _f, mustHasParams = _a.mustHasParams, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "mustHasParams"]);
     // 下拉数据源
     var _g = useFetchState([]), selectList = _g[0], setSelectList = _g[1];
     // 多选时，自己需要合并的数据
@@ -95,6 +96,30 @@ function EnhanceSelect(_a) {
     }, [selectList]);
     // 获取数据，并设置数据
     var getDataHandle = useCallback(function (request, options, appointObj) {
+        var _a;
+        if (mustHasParams) {
+            var _params_1;
+            if (typeof options.params === 'string') {
+                try {
+                    _params_1 = JSON.parse(options.params);
+                }
+                catch (err) {
+                    console.log(err);
+                }
+            }
+            if (((_a = options === null || options === void 0 ? void 0 : options.method) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'POST') {
+                _params_1 = options.params;
+            }
+            // 如果必传参数不存在
+            if (typeof mustHasParams === 'string' &&
+                _params_1[mustHasParams] == null) {
+                return;
+            }
+            if (Array.isArray(mustHasParams) &&
+                mustHasParams.find(function (key) { return _params_1[key] == null; })) {
+                return;
+            }
+        }
         setLoading(true);
         // 利用闭包，存到当前请求的id
         fetchId.current++;
@@ -124,7 +149,7 @@ function EnhanceSelect(_a) {
             setLoading(false);
             console.log(err);
         });
-    }, [setSelectList, setLoading, transformData]);
+    }, [setSelectList, setLoading, transformData, mustHasParams]);
     // 远程搜索
     var getRemoteDataHandle = useCallback(function (value, dataKeyValue) {
         var searchKey = remoteSearchKey ? remoteSearchKey : titleKey;
@@ -268,9 +293,9 @@ function EnhanceSelect(_a) {
             // console.log('已经通过id访问了');
             return;
         }
+        // TODO:注释这里的内容
         // 这种情况不需要启用远程搜索key值
         if (!isRemoteSearchDataKey) {
-            getRemoteDataHandle('', '');
             setFirstLoading(true);
             return;
         }
@@ -295,6 +320,24 @@ function EnhanceSelect(_a) {
         isRemoteSearchDataKey,
         setFirstLoading,
     ]);
+    useEffect(function () {
+        if (!url || !remoteSearch) {
+            return;
+        }
+        // console.log('TEST: 远程搜索');
+        // 这种情况不需要启用远程搜索key值
+        if (!isRemoteSearchDataKey) {
+            getRemoteDataHandle('', '');
+            setFirstLoading(true);
+            return;
+        }
+    }, [
+        url,
+        remoteSearch,
+        setFirstLoading,
+        getRemoteDataHandle,
+        isRemoteSearchDataKey,
+    ]);
     // 数据合并
     function concatData(originalData, newData) {
         if (!newData) {

package/dist/components/Table/table-enhance-cell.js

@@ -105,7 +105,7 @@ var TableEnhanceCell = memo(function (_a) {
                         }
                     } })));
         }
-        var type = editableConfig.type, data = editableConfig.data, keyValue = editableConfig.keyValue, maxHandle = editableConfig.maxHandle, minHandle = editableConfig.minHandle, editableProps = __rest(editableConfig, ["type", "data", "keyValue", "maxHandle", "minHandle"]);
+        var type = editableConfig.type, data = editableConfig.data, keyValue = editableConfig.keyValue, maxHandle = editableConfig.maxHandle, minHandle = editableConfig.minHandle, disabledHandle = editableConfig.disabledHandle, editableProps = __rest(editableConfig, ["type", "data", "keyValue", "maxHandle", "minHandle", "disabledHandle"]);
         var selectData = data; // 下拉框使用到得数据
         // 下拉框键值对对象
         var selectKeyValue = keyValue || {
@@ -113,6 +113,7 @@ var TableEnhanceCell = memo(function (_a) {
             label: 'dictValue',
         };
         var inputNumMaxMin = {}; // 数字input框最大最小值
+        var disabledResult = editableProps === null || editableProps === void 0 ? void 0 : editableProps.disabled;
         if (data && data instanceof Function) {
             selectData = data();
         }
@@ -122,19 +123,22 @@ var TableEnhanceCell = memo(function (_a) {
         if (minHandle && minHandle instanceof Function) {
             inputNumMaxMin.min = minHandle(record);
         }
+        if (disabledHandle && disabledHandle instanceof Function) {
+            disabledResult = disabledHandle(record);
+        }
         // 处理各种类型
         if (type === 'select') {
             return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Select, __assign({ allowClear: true }, editableProps, { onChange: save }), Array.isArray(selectData) &&
+                React.createElement(Select, __assign({ allowClear: true }, editableProps, { disabled: disabledResult, onChange: save }), Array.isArray(selectData) &&
                     selectData.map(function (item) { return (React.createElement(Select.Option, { key: item[selectKeyValue.key] + '', value: item[selectKeyValue === null || selectKeyValue === void 0 ? void 0 : selectKeyValue.key] }, item[selectKeyValue === null || selectKeyValue === void 0 ? void 0 : selectKeyValue.label])); }))));
         }
         else if (type === 'inputNumber') {
             return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(InputNumber, __assign({ autoComplete: "new-password", maxLength: 50 }, inputNumMaxMin, editableProps, { onPressEnter: save, onBlur: save }))));
+                React.createElement(InputNumber, __assign({ autoComplete: "new-password", maxLength: 50 }, inputNumMaxMin, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save }))));
         }
         else if (type === 'textArea') {
             return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Input.TextArea, __assign({ autoComplete: "new-password", maxLength: 200, autoSize: { maxRows: 3 } }, editableProps, { onPressEnter: save, onBlur: save, onChange: function (e) {
+                React.createElement(Input.TextArea, __assign({ autoComplete: "new-password", maxLength: 200, autoSize: { maxRows: 3 } }, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save, onChange: function (e) {
                         if (!e.target.value) {
                             e.target.focus();
                         }
@@ -142,7 +146,7 @@ var TableEnhanceCell = memo(function (_a) {
         }
         else {
             return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Input, __assign({ autoComplete: "new-password", maxLength: 50 }, editableProps, { onPressEnter: save, onBlur: save, allowClear: true, onChange: function (e) {
+                React.createElement(Input, __assign({ autoComplete: "new-password", maxLength: 50 }, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save, allowClear: true, onChange: function (e) {
                         if (!e.target.value) {
                             e.target.focus();
                         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "2.2.9",
+  "version": "2.3.3",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",