ls-pro-common 3.0.37 → 3.0.39

package/es/components/TagCheck.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+declare const TagCheck: (props: {
+    value?: string | number | string[] | number[] | undefined;
+    onChange?: ((checkedValues: any, currentItem: any, checked: boolean) => void) | undefined;
+    className?: string | undefined;
+    tagClassName?: string | undefined;
+    style?: CSSProperties | undefined;
+    tagStyle?: CSSProperties | undefined;
+    options: {
+        value: number | string;
+        label: string;
+    }[];
+    multiple?: boolean | undefined;
+}) => JSX.Element;
+export default TagCheck;

package/es/components/TagCheck.js

@@ -0,0 +1,63 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/tag/style";
+import _Tag from "antd/es/tag";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from "react"; // 平铺选择,支持单选及多选。
+import { useState, useEffect } from 'react';
+import classNames from 'classnames';
+var toArray = function toArray(val) {
+  return val === undefined || val === null ? [] : Array.isArray(val) ? val : [val];
+};
+var TagCheck = function TagCheck(props) {
+  var _onChange = props.onChange,
+    className = props.className,
+    style = props.style,
+    tagClassName = props.tagClassName,
+    tagStyle = props.tagStyle,
+    options = props.options,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? true : _props$multiple;
+  var _useState = useState(toArray(props.value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  useEffect(function () {
+    if (!('value' in props)) return;
+    setInnerValue(toArray(props.value));
+  }, [props.value]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: classNames('tag-check', className)
+  }, multiple && options.length > 0 && /*#__PURE__*/React.createElement(_Tag.CheckableTag, {
+    checked: innerValue.length === options.length,
+    onChange: function onChange(checked) {
+      var val = checked ? options.map(function (o) {
+        return o.value;
+      }) : [];
+      setInnerValue(val);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(val.length ? val : undefined, 'all', checked);
+    }
+  }, "\u5168\u90E8"), options && options.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Tag.CheckableTag, {
+      className: tagClassName,
+      style: tagStyle,
+      key: item.value,
+      checked: innerValue.filter(function (o) {
+        return item.value == o;
+      }).length > 0,
+      onChange: function onChange(checked) {
+        var val = [];
+        if (checked) {
+          val = multiple ? [].concat(_toConsumableArray(innerValue), [item.value]) : [item.value];
+        } else {
+          val = innerValue.filter(function (o) {
+            return o != item.value;
+          });
+        }
+        setInnerValue(val);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(val.length ? multiple ? val : val[0] : undefined, item, checked);
+      }
+    }, item.label);
+  }));
+};
+export default TagCheck;

package/es/components/common.less

@@ -371,6 +371,39 @@ a:hover {
   }
 }
 
+.tag-check {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+
+  .ant-tag-checkable {
+    background-color: #efefef;
+    border-color: #efefef;
+    margin-right: 0px;
+    position: relative;
+  }
+
+  .ant-tag-checkable-checked {
+    border-color: var(--ant-primary-color);
+    color: var(--ant-primary-color);
+    background-color: var(--ant-primary-1);
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      right: 0;
+      bottom: 0;
+      border-width: 4px;
+      border-style: solid;
+      border-color: transparent;
+      border-right-color: var(--ant-primary-color);
+      border-bottom-color: var(--ant-primary-color);
+    }
+  }
+}
+
 .ant-pro-table-list-toolbar-title {
   .ls-group-tip {
     padding-bottom: 0;

package/es/hooks/useDtl/index.js

@@ -34,7 +34,9 @@ function useDtl(dtlParam) {
     beforeAudit = dtlParam.beforeAudit,
     afterAudit = dtlParam.afterAudit,
     _dtlParam$ifHistory = dtlParam.ifHistory,
-    ifHistory = _dtlParam$ifHistory === void 0 ? 0 : _dtlParam$ifHistory;
+    ifHistory = _dtlParam$ifHistory === void 0 ? 0 : _dtlParam$ifHistory,
+    _dtlParam$isV = dtlParam.isV2,
+    isV2 = _dtlParam$isV === void 0 ? false : _dtlParam$isV;
   var _usePermission = usePermission(),
     canAdd = _usePermission.canAdd,
     canEdit = _usePermission.canEdit,
@@ -592,6 +594,27 @@ function useDtl(dtlParam) {
       return _ref7.apply(this, arguments);
     };
   }();
+  var toV2LoadParams = function toV2LoadParams(param) {
+    var page = param.page,
+      pageSize = param.pageSize,
+      where = param.where,
+      sort = param.sort;
+    delete param.page;
+    delete param.pageSize;
+    delete param.where;
+    delete param.sort;
+    param['page.pn'] = page;
+    param['page.size'] = pageSize;
+    if (where && Object.keys(where).length) {
+      for (var key in where) {
+        param['search.' + key] = where[key];
+      }
+    }
+    if (sort) {
+      var sortArr = sort.split(' ');
+      param['sort.' + sortArr[0].trim()] = (sortArr[1] || 'asc').trim();
+    }
+  };
   /** 加载数据方法 */
   var onLoadDtl = /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(params, sort, filter) {
@@ -651,32 +674,35 @@ function useDtl(dtlParam) {
             if (ifHistory === 1) {
               param.ifHistory = 1;
             }
+            if (isV2) {
+              toV2LoadParams(param);
+            }
             _context8.t0 = beforeLoad;
             if (!_context8.t0) {
-              _context8.next = 21;
+              _context8.next = 22;
               break;
             }
-            _context8.next = 19;
+            _context8.next = 20;
             return beforeLoad(param);
-          case 19:
+          case 20:
             _context8.t1 = _context8.sent;
             _context8.t0 = _context8.t1 === false;
-          case 21:
+          case 22:
             if (!_context8.t0) {
-              _context8.next = 23;
+              _context8.next = 24;
               break;
             }
             return _context8.abrupt("return", {
               data: [],
               success: true
             });
-          case 23:
+          case 24:
             if (sumProperties && param.sort) {
               delete param.sort;
             }
-            _context8.next = 26;
+            _context8.next = 27;
             return dtlService.load(param);
-          case 26:
+          case 27:
             result = _context8.sent;
             result.data = result.rows;
             result.success = true;
@@ -684,7 +710,7 @@ function useDtl(dtlParam) {
               result.data = result.footer;
             }
             return _context8.abrupt("return", result);
-          case 31:
+          case 32:
           case "end":
             return _context8.stop();
         }
@@ -696,8 +722,8 @@ function useDtl(dtlParam) {
   }();
   var onExportDtl = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(url, param) {
-      var _param$exportColumns, _param$searchData;
-      var searchArr, _result$flag6, result, _result$flag7, _result$flag8;
+      var _param$exportColumns;
+      var searchArr, arr, otherArr, whereArr, where, _result$flag6, result, _result$flag7, _result$flag8;
       return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
@@ -715,11 +741,44 @@ function useDtl(dtlParam) {
             showWarn('请配置业务接口 bizApi 属性');
             return _context9.abrupt("return", false);
           case 6:
-            // 处理导出历史数据传参
-            if (ifHistory && !param.searchData || !((_param$searchData = param.searchData) === null || _param$searchData === void 0 ? void 0 : _param$searchData.includes('ifHistory=1'))) {
+            if (param.searchData) {
               searchArr = (param.searchData || '').split('&');
-              searchArr.push('ifHistory=1');
-              param.searchData = searchArr.join('&');
+              if (isV2) {
+                arr = searchArr.map(function (item) {
+                  if (item.startsWith('page=')) {
+                    // page=1 改成 page.pn=1;
+                    return item.replace('page=', 'page.pn=');
+                  } else if (item.startsWith('pageSize=')) {
+                    // pageSize=25 => page.size=25
+                    return item.replace('pageSize=', 'page.size=');
+                  } else if (item.startsWith('sort=')) {
+                    // sort=createTime desc => sort.createTime=desc
+                    return item.replace('sort=', 'sort.').replace(' ', '=');
+                  } else if (item.startsWith('ifPage=') || item.startsWith('ifHistory=')) {
+                    return item;
+                  } else {
+                    //其它查询条件，添加 search.
+                    return 'search.' + item;
+                  }
+                });
+                param.searchData = arr.join('&');
+              } else {
+                otherArr = searchArr.filter(function (item) {
+                  return item.startsWith('page=') || item.startsWith('pageSize=') || item.startsWith('ifPage=') || item.startsWith('ifHistory=') || item.startsWith('sort=');
+                });
+                whereArr = searchArr.filter(function (item) {
+                  return !otherArr.includes(item);
+                });
+                where = {};
+                if (whereArr.length) {
+                  whereArr.forEach(function (item) {
+                    var itemArr = item.split('=');
+                    where[itemArr[0]] = itemArr[1];
+                  });
+                  otherArr.push("where=" + JSON.stringify(where));
+                  param.searchData = otherArr.join('&');
+                }
+              }
             }
             _context9.prev = 7;
             _context9.next = 10;

package/es/hooks/useSingle/index.d.ts

@@ -7,6 +7,7 @@ export declare type SingleParamType = {
     initItem?: any;
     statusField?: string;
     auditStatus?: number;
+    isV2?: boolean;
     beforeLoad?: (param: Record<string, any>) => Promise<boolean>;
     beforeRemove?: (rows: any[]) => Promise<any>;
     beforeAudit?: (rows: any[]) => Promise<any>;

package/es/hooks/useSingle/index.js

@@ -45,7 +45,9 @@ function useSingle(inParam) {
     afterRemove = inParam.afterRemove,
     afterSave = inParam.afterSave,
     afterAudit = inParam.afterAudit,
-    btnStatus = inParam.btnStatus;
+    btnStatus = inParam.btnStatus,
+    _inParam$isV = inParam.isV2,
+    isV2 = _inParam$isV === void 0 ? false : _inParam$isV;
   /** @name 选中行数据 */
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -400,6 +402,27 @@ function useSingle(inParam) {
       return _ref5.apply(this, arguments);
     };
   }();
+  var toV2LoadParams = function toV2LoadParams(param) {
+    var page = param.page,
+      pageSize = param.pageSize,
+      where = param.where,
+      sort = param.sort;
+    delete param.page;
+    delete param.pageSize;
+    delete param.where;
+    delete param.sort;
+    param['page.pn'] = page;
+    param['page.size'] = pageSize;
+    if (where && Object.keys(where).length) {
+      for (var key in where) {
+        param['search.' + key] = where[key];
+      }
+    }
+    if (sort) {
+      var sortArr = sort.split(' ');
+      param['sort.' + sortArr[0].trim()] = (sortArr[1] || 'asc').trim();
+    }
+  };
   /** 加载数据方法 */
   var onLoad = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(params, sort, filter, isHistory) {
@@ -453,19 +476,22 @@ function useSingle(inParam) {
             }
             setSelectedRows([]);
             (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : (_tableRef$current$cle = _tableRef$current.clearSelected) === null || _tableRef$current$cle === void 0 ? void 0 : _tableRef$current$cle.call(_tableRef$current);
+            if (isV2) {
+              toV2LoadParams(param);
+            }
             _context6.t0 = beforeLoad;
             if (!_context6.t0) {
-              _context6.next = 17;
+              _context6.next = 18;
               break;
             }
-            _context6.next = 15;
+            _context6.next = 16;
             return beforeLoad(param);
-          case 15:
+          case 16:
             _context6.t1 = _context6.sent;
             _context6.t0 = _context6.t1 === false;
-          case 17:
+          case 18:
             if (!_context6.t0) {
-              _context6.next = 19;
+              _context6.next = 20;
               break;
             }
             return _context6.abrupt("return", {
@@ -473,13 +499,13 @@ function useSingle(inParam) {
               success: false,
               total: 0
             });
-          case 19:
+          case 20:
             if (sumProperties && param.sort) {
               delete param.sort;
             }
-            _context6.next = 22;
+            _context6.next = 23;
             return service.load(param);
-          case 22:
+          case 23:
             result = _context6.sent;
             result.data = result.rows || [];
             result.success = true;
@@ -487,7 +513,7 @@ function useSingle(inParam) {
               result.data = result.footer;
             }
             return _context6.abrupt("return", result);
-          case 27:
+          case 28:
           case "end":
             return _context6.stop();
         }
@@ -499,8 +525,8 @@ function useSingle(inParam) {
   }();
   var onExport = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(url, param) {
-      var _param$exportColumns, _param$searchData;
-      var searchArr, _result$flag4, result, _result$flag5, _result$flag6;
+      var _param$exportColumns;
+      var searchArr, arr, otherArr, whereArr, where, _result$flag4, result, _result$flag5, _result$flag6;
       return _regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
@@ -518,11 +544,44 @@ function useSingle(inParam) {
             showWarn('请配置业务接口 bizApi 属性');
             return _context7.abrupt("return", false);
           case 6:
-            // 处理导出历史数据传参，如果组件里没有传入参数，hooks再处理一次
-            if (ifHistory && !param.searchData || !((_param$searchData = param.searchData) === null || _param$searchData === void 0 ? void 0 : _param$searchData.includes('ifHistory=1'))) {
+            if (param.searchData) {
               searchArr = (param.searchData || '').split('&');
-              searchArr.push('ifHistory=1');
-              param.searchData = searchArr.join('&');
+              if (isV2) {
+                arr = searchArr.map(function (item) {
+                  if (item.startsWith('page=')) {
+                    // page=1 改成 page.pn=1;
+                    return item.replace('page=', 'page.pn=');
+                  } else if (item.startsWith('pageSize=')) {
+                    // pageSize=25 => page.size=25
+                    return item.replace('pageSize=', 'page.size=');
+                  } else if (item.startsWith('sort=')) {
+                    // sort=createTime desc => sort.createTime=desc
+                    return item.replace('sort=', 'sort.').replace(' ', '=');
+                  } else if (item.startsWith('ifPage=') || item.startsWith('ifHistory=')) {
+                    return item;
+                  } else {
+                    //其它查询条件，添加 search.
+                    return 'search.' + item;
+                  }
+                });
+                param.searchData = arr.join('&');
+              } else {
+                otherArr = searchArr.filter(function (item) {
+                  return item.startsWith('page=') || item.startsWith('pageSize=') || item.startsWith('ifPage=') || item.startsWith('ifHistory=') || item.startsWith('sort=');
+                });
+                whereArr = searchArr.filter(function (item) {
+                  return !otherArr.includes(item);
+                });
+                where = {};
+                if (whereArr.length) {
+                  whereArr.forEach(function (item) {
+                    var itemArr = item.split('=');
+                    where[itemArr[0]] = itemArr[1];
+                  });
+                  otherArr.push("where=" + JSON.stringify(where));
+                  param.searchData = otherArr.join('&');
+                }
+              }
             }
             _context7.prev = 7;
             _context7.next = 10;

package/es/http/index.js

@@ -42,7 +42,7 @@ request.interceptors.request.use(function (url, options) {
   }
   url = url.replace('&noToken=1', '').replace('noToken=1', '');
   var param = {
-    resCode: getUrlQuery('resCode') || getUrlQuery('resourceId') || getResourceProps('resourceId'),
+    resCode: getUrlQuery('resCode', url) || getUrlQuery('resCode') || getUrlQuery('resourceId') || getResourceProps('resourceId'),
     _t1: Date.now()
   };
   if (!param.resCode) {

package/es/index.d.ts

@@ -15,6 +15,7 @@ import IconText from './components/IconText';
 import IconQuestion from './components/IconQuestion';
 import IconBell from './components/IconBell';
 import IconSearch from './components/IconSearch';
+import TagCheck from './components/TagCheck';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -29,4 +30,4 @@ import type { DtlLyaoutProps } from './components/DtlLayout';
 import type { DescritionCardProps } from './components/DescritionCard';
 import type { PermissionProps } from './components/Permission';
 export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps, DescritionCardProps, PermissionProps };
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };

package/es/index.js

@@ -15,6 +15,7 @@ import IconText from './components/IconText';
 import IconQuestion from './components/IconQuestion';
 import IconBell from './components/IconBell';
 import IconSearch from './components/IconSearch';
+import TagCheck from './components/TagCheck';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -23,4 +24,4 @@ import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
 import useGetState from './hooks/useGetState';
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };

package/lib/components/TagCheck.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+declare const TagCheck: (props: {
+    value?: string | number | string[] | number[] | undefined;
+    onChange?: ((checkedValues: any, currentItem: any, checked: boolean) => void) | undefined;
+    className?: string | undefined;
+    tagClassName?: string | undefined;
+    style?: CSSProperties | undefined;
+    tagStyle?: CSSProperties | undefined;
+    options: {
+        value: number | string;
+        label: string;
+    }[];
+    multiple?: boolean | undefined;
+}) => JSX.Element;
+export default TagCheck;

package/lib/components/TagCheck.js

@@ -0,0 +1,63 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/tag/style";
+import _Tag from "antd/es/tag";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from "react"; // 平铺选择,支持单选及多选。
+import { useState, useEffect } from 'react';
+import classNames from 'classnames';
+var toArray = function toArray(val) {
+  return val === undefined || val === null ? [] : Array.isArray(val) ? val : [val];
+};
+var TagCheck = function TagCheck(props) {
+  var _onChange = props.onChange,
+    className = props.className,
+    style = props.style,
+    tagClassName = props.tagClassName,
+    tagStyle = props.tagStyle,
+    options = props.options,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? true : _props$multiple;
+  var _useState = useState(toArray(props.value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  useEffect(function () {
+    if (!('value' in props)) return;
+    setInnerValue(toArray(props.value));
+  }, [props.value]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: classNames('tag-check', className)
+  }, multiple && options.length > 0 && /*#__PURE__*/React.createElement(_Tag.CheckableTag, {
+    checked: innerValue.length === options.length,
+    onChange: function onChange(checked) {
+      var val = checked ? options.map(function (o) {
+        return o.value;
+      }) : [];
+      setInnerValue(val);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(val.length ? val : undefined, 'all', checked);
+    }
+  }, "\u5168\u90E8"), options && options.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Tag.CheckableTag, {
+      className: tagClassName,
+      style: tagStyle,
+      key: item.value,
+      checked: innerValue.filter(function (o) {
+        return item.value == o;
+      }).length > 0,
+      onChange: function onChange(checked) {
+        var val = [];
+        if (checked) {
+          val = multiple ? [].concat(_toConsumableArray(innerValue), [item.value]) : [item.value];
+        } else {
+          val = innerValue.filter(function (o) {
+            return o != item.value;
+          });
+        }
+        setInnerValue(val);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(val.length ? multiple ? val : val[0] : undefined, item, checked);
+      }
+    }, item.label);
+  }));
+};
+export default TagCheck;

package/lib/components/common.less

@@ -371,6 +371,39 @@ a:hover {
   }
 }
 
+.tag-check {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+
+  .ant-tag-checkable {
+    background-color: #efefef;
+    border-color: #efefef;
+    margin-right: 0px;
+    position: relative;
+  }
+
+  .ant-tag-checkable-checked {
+    border-color: var(--ant-primary-color);
+    color: var(--ant-primary-color);
+    background-color: var(--ant-primary-1);
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      right: 0;
+      bottom: 0;
+      border-width: 4px;
+      border-style: solid;
+      border-color: transparent;
+      border-right-color: var(--ant-primary-color);
+      border-bottom-color: var(--ant-primary-color);
+    }
+  }
+}
+
 .ant-pro-table-list-toolbar-title {
   .ls-group-tip {
     padding-bottom: 0;