ls-pro-common 3.0.58 → 3.0.59

package/lib/components/antd-custom.less

@@ -14,8 +14,6 @@
   max-width: min-content !important;
 }
 
-
-
 .ant-input-has-value:hover {
   .ant-input-clear-icon {
     visibility: visible;
@@ -61,16 +59,15 @@
   }
 }
 
-
 .ant-btn {
   height: 32px;
+  color: var(--ant-primary-color);
   background-color: var(--ant-primary-1);
   border-color: transparent;
-  color: var(--ant-primary-color);
   border-radius: 4px;
 
   &.ant-btn-lg {
-    height: 40px
+    height: 40px;
   }
 
   &.ant-btn-sm {
@@ -79,114 +76,113 @@
 
   &:hover,
   &:focus {
+    color: var(--ant-primary-color);
     background-color: var(--ant-primary-2);
     border-color: transparent;
-    color: var(--ant-primary-color);
   }
 
   &:active {
+    color: var(--ant-primary-color);
     background-color: var(--ant-primary-3);
     border-color: transparent;
-    color: var(--ant-primary-color);
   }
 
   &[disabled],
   &[disabled]:hover,
   &[disabled]:focus,
   &[disabled]:active {
-    background-color: #EAEEF2;
+    color: #d9d9d9;
+    background-color: #eaeef2;
     border-color: transparent;
-    color: #D9D9D9;
   }
 }
 
 .ant-btn-primary {
+  color: #fff;
   background-color: var(--ant-primary-color);
   border-color: transparent;
-  color: #fff;
 
   &:hover,
   &:focus {
+    color: #fff;
     background-color: var(--ant-primary-color-hover);
     border-color: transparent;
-    color: #fff;
   }
 
   &:active {
+    color: #fff;
     background-color: var(--ant-primary-color-active);
     border-color: transparent;
-    color: #fff;
   }
 
   &[disabled],
   &[disabled]:hover,
   &[disabled]:focus,
   &[disabled]:active {
+    color: #fff;
     background-color: var(--ant-primary-color-outline);
     border-color: transparent;
-    color: #fff;
   }
 }
 
 .ant-btn-dashed,
 .ant-btn-gray {
-  background-color: #F1F4F6;
-  color: #1B1F2A;
+  color: #1b1f2a;
+  background-color: #f1f4f6;
 
   &:hover,
   &:focus {
-    background-color: #D2D6DD;
-    color: #1B1F2A;
+    color: #1b1f2a;
+    background-color: #d2d6dd;
   }
 
   &:active {
-    background-color: #B5BBC5;
-    color: #1B1F2A;
+    color: #1b1f2a;
+    background-color: #b5bbc5;
   }
 
   &[disabled],
   &[disabled]:hover,
   &[disabled]:focus,
   &[disabled]:active {
-    background-color: #F1F4F6;
     color: #818999;
+    background-color: #f1f4f6;
   }
 }
 
-
 .ant-btn-dangerous {
-  background-color: #FFCCC7;
+  color: #f5222d;
+  background-color: #ffccc7;
   border-color: transparent;
-  color: #F5222D;
 
   &:hover,
   &:focus {
-    background-color: #FFF1F0;
+    color: #f5222d;
+    background-color: #fff1f0;
     border-color: transparent;
-    color: #F5222D;
   }
 
   &:active {
-    background-color: #FFA39E;
+    color: #f5222d;
+    background-color: #ffa39e;
     border-color: transparent;
-    color: #F5222D;
   }
 
   &[disabled],
   &[disabled]:hover,
   &[disabled]:focus,
   &[disabled]:active {
-    background-color: #FFCCC7;
+    color: #ffa39e;
+    background-color: #ffccc7;
     border-color: transparent;
-    color: #FFA39E;
   }
 }
 
 .ant-btn-link {
+  padding: 4px 8px;
+  color: var(--ant-primary-color);
   background-color: transparent;
   border-color: transparent;
-  color: var(--ant-primary-color);
-  padding: 4px 8px;
 
   &[disabled],
   &[disabled]:hover,
@@ -212,15 +208,15 @@
   &[disabled]:hover,
   &[disabled]:focus,
   &[disabled]:active {
-    color: #A7B5CC;
+    color: #a7b5cc;
   }
 }
 
 .ant-btn-text {
+  padding: 4px 8px;
+  color: #8c8c8c;
   background-color: transparent;
   border-color: transparent;
-  color: #8C8C8C;
-  padding: 4px 8px;
 
   &[disabled],
   &[disabled]:hover,
@@ -231,7 +227,6 @@
   &:active {
     background-color: transparent;
     border-color: transparent;
-
   }
 
   &:hover,
@@ -253,7 +248,6 @@
   animation-fill-mode: none !important;
 }
 
-
 .ant-descriptions-item-label {
   color: #8c8c8c !important;
 
@@ -283,18 +277,18 @@
   }
 }
 
-.ant-table-filter-dropdown .ant-checkbox-wrapper+span,
-.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
+.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
+.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
   display: inline-block;
+  width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 200px;
 }
 
 // 以下为调整字体大小及行高
 
 .ant-picker:not(.ant-picker-large, .ant-picker-sm),
-.ant-input:not(.ant-input-lg, .ant-input-sm) .ant-form-item-label>label,
+.ant-input:not(.ant-input-lg, .ant-input-sm) .ant-form-item-label > label,
 .ant-form:not(.ant-form-large, .ant-form-sm) .ant-form-item,
 .ant-input:not(.ant-input-lg, .ant-input-sm),
 .ant-input-number:not(.ant-input-number-lg, .ant-input-number-sm),
@@ -306,7 +300,7 @@
 
 .ant-btn:not(.ant-btn-lg, .ant-btn-sm),
 .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
-.ant-input:not(.ant-input-lg, .ant-input-sm) .ant-form-item-label>label {
+.ant-input:not(.ant-input-lg, .ant-input-sm) .ant-form-item-label > label {
   height: 28px !important;
   min-height: 28px !important;
 }
@@ -319,8 +313,12 @@
   margin-bottom: 12px !important;
 }
 
-.ant-select-single:not(.ant-select-lg, .ant-select-sm) .ant-select-selector .ant-select-selection-item,
-.ant-select-single:not(.ant-select-lg, .ant-select-sm) .ant-select-selector .ant-select-selection-placeholder {
+.ant-select-single:not(.ant-select-lg, .ant-select-sm)
+  .ant-select-selector
+  .ant-select-selection-item,
+.ant-select-single:not(.ant-select-lg, .ant-select-sm)
+  .ant-select-selector
+  .ant-select-selection-placeholder {
   line-height: 26px !important;
 }
 
@@ -340,7 +338,6 @@
   padding-bottom: 2px !important;
 }
 
-
 .ant-picker-range:not(.ant-picker-large, .ant-picker-sm) {
   padding: 2px 4px !important;
 
@@ -356,12 +353,12 @@
     right: 3px !important;
   }
 
-  .ant-picker-input>input {
+  .ant-picker-input > input {
     letter-spacing: -0.8px !important;
   }
 }
 
-.ant-table-filter-dropdown .ant-dropdown-menu-item .ant-checkbox+span {
+.ant-table-filter-dropdown .ant-dropdown-menu-item .ant-checkbox + span {
   width: 230px;
 }
 
@@ -379,31 +376,31 @@
     max-width: 200px;
 
     ul {
-      height: 0;
       flex: auto;
-      list-style: none;
-      overflow: auto;
+      height: 0;
       margin: 0;
       padding: 8px;
+      overflow: auto;
+      list-style: none;
       border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
 
       li {
+        margin-top: 8px;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         border-radius: 4px;
-        padding-inline: 8px;
-        padding-block: 1px;
         cursor: pointer;
         transition: all 0.3s;
-        margin-top: 8px;
+        padding-inline: 8px;
+        padding-block: 1px;
       }
     }
   }
 }
 
 .ant-table td.ant-table-cell {
-  color: #5b5b5b
+  color: #5b5b5b;
 }
 
 .ant-pro-form-query-filter.ant-form-vertical {
@@ -417,26 +414,27 @@
     height: 28px;
   }
 
-  .ant-input-group.ant-input-group-compact>*:first-child {
+  .ant-input-group.ant-input-group-compact > *:first-child {
     border-radius: 0 !important;
     border-top-left-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
   }
 
-  .ant-input-group.ant-input-group-compact>*:last-child {
+  .ant-input-group.ant-input-group-compact > *:last-child {
     border-radius: 0 !important;
-    border-top-left-radius: 4px !important;
-    border-bottom-left-radius: 4px !important;
+    border-top-right-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+  }
+  .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
+    line-height: 1.5;
   }
-
 }
 
-.ant-input-number-group>.ant-input-number:not(:first-child):not(:last-child) {
+.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
   border-radius: 0 !important;
 }
 
 .ant-pro-table {
-
   .ant-table:not(.ant-table-has-fix-right),
   .ant-table.ant-table-empty {
     .ant-table-container {
@@ -453,4 +451,4 @@
       }
     }
   }
-}
+}

package/lib/utils/index.d.ts

@@ -4,6 +4,7 @@ import React from 'react';
 export { throttle, debounce } from 'lodash';
 /**
  * 获取 url 参数
+ *
  * @param name
  * @param url
  * @returns
@@ -11,21 +12,24 @@ export { throttle, debounce } from 'lodash';
 export declare const getUrlQuery: (name: string, url?: string) => string;
 export declare const getResourceProps: (name: string) => any;
 /**
-* 设置url传参
-* @param {*} url
-* @param {*} keyvals
-* @returns
-*/
+ * 设置url传参
+ *
+ * @param {any} url
+ * @param {any} keyvals
+ * @returns
+ */
 export declare const setUrlQuery: (url: string, keyvals?: Record<string, any>) => string;
 /**
  * 日期格式化
+ *
  * @param dt 日期
- * @param showTime 是否显示时间
+ * @param showTime 是否显示时间 默认为 true
  * @returns YYYY-MM-DD
  */
 export declare const dateFormat: (dt?: Date | null | undefined, showTime?: boolean) => string;
 /**
  * 给 url 添加网关
+ *
  * @param url 原url，以 / 打头
  * @param gatewayKey 设置gateway关键字 默认为 'gateway'
  * @param defGateway 默认网关 ''
@@ -34,12 +38,14 @@ export declare const dateFormat: (dt?: Date | null | undefined, showTime?: boole
 export declare const toGatewayUrl: (url: string, gatewayKey?: string, defGateway?: string) => string;
 /**
  * 设置文档title
- * @param {*} title
+ *
+ * @param {any} title
  * @returns
  */
 export declare const setTitle: (title: string) => void;
 /**
  * 日期格式化
+ *
  * @param dt 日期
  * @param showTime 是否显示时间 默认true
  * @returns YYYY-MM-DD hh:mm:ss
@@ -47,16 +53,19 @@ export declare const setTitle: (title: string) => void;
 export declare const formatDate: (dt?: Date | null | undefined, showTime?: boolean) => string;
 /**
  * 返回当前日期
+ *
  * @returns YYYY-MM-DD
  */
 export declare const today: () => string;
 /**
  * 返回当前日期时间
+ *
  * @returns YYYY-MM-DD hh:mm:ss
  */
 export declare const now: () => string;
 /**
  * 时间加减
+ *
  * @param dt 原始时间，传 null 为当前时间
  * @param addDay 添加添数，可为负数
  * @param addMonth 添加月数，可为负数
@@ -66,6 +75,7 @@ export declare const now: () => string;
 export declare const dateAdd: (dt: Date | null, addDay: number, addMonth?: number, addYear?: number) => string;
 /**
  * 当前时间加减
+ *
  * @param addDay 添加添数，可为负数
  * @param addMonth 添加月数，可为负数
  * @param addYear 添加年数，可以负责
@@ -74,6 +84,7 @@ export declare const dateAdd: (dt: Date | null, addDay: number, addMonth?: numbe
 export declare const nowAdd: (addDay: number, addMonth?: number, addYear?: number) => string;
 /**
  * 当前日期加减
+ *
  * @param addDay 添加添数，可为负数
  * @param addMonth 添加月数，可为负数
  * @param addYear 添加年数，可以负责
@@ -82,52 +93,58 @@ export declare const nowAdd: (addDay: number, addMonth?: number, addYear?: numbe
 export declare const todayAdd: (addDay: number, addMonth?: number, addYear?: number) => string;
 /**
  * 千位符格式化数值
+ *
  * @param num 数值
  * @param dec 小数位数,默认为2位小数
- * @returns xx,xxx.xx
+ * @returns Xx,xxx.xx
  */
 export declare const formatMoney: (num: number | string, dec?: number) => string;
 /**
  * 获取Cookie
- * @param {String} name cookie名
+ *
+ * @param {String} name Cookie名
  * @returns
  */
 export declare const getCookie: (name: string) => string | null;
 /**
  * 设置Cookie
- * @param {*} key Cookie名称
- * @param {*} value  Cookie 值
- * @param { Number } day 有效天数 默认1天,
+ *
+ * @param {any} key Cookie名称
+ * @param {any} value Cookie 值
+ * @param {Number} day 有效天数 默认1天,
  */
 export declare const setCookie: (key: string, value: string | number, day?: number, sameSite?: boolean) => void;
 /**
  * 判断是否登录
+ *
  * @returns
  */
 export declare const isLogin: () => boolean;
 export declare const getFullScreenElement: () => any;
 /**
  * 设置本地缓存
- * @param { String } key 关键字
- * @param { Object } data 值
- * @param { Boolean } session 保存到 sessionStorage 还是 localStorage,默认 localStorage
+ *
+ * @param {String} key 关键字
+ * @param {Object} data 值
+ * @param {Boolean} session 保存到 sessionStorage 还是 localStorage,默认 localStorage
  */
 export declare const setCache: (key: string, data: any, session?: boolean) => void;
 /**
  * 读取本地缓存
- * @param { String } key 关键字
- * @param { boolean } session 从 sessionStorage 取数还是从 localStorage 中取数 默认从 localStorage
+ *
+ * @param {String} key 关键字
+ * @param {boolean} session 从 sessionStorage 取数还是从 localStorage 中取数 默认从 localStorage
  * @returns 关键字对应的值
  */
 export declare const getCache: (key: string, session?: boolean) => string | null;
 /**
  * 读取本地缓存，优先从sessionStorage 取，取不到时再从 localStorage取
+ *
  * @param key
  * @returns
  */
 export declare const getCacheSessionFirst: (key: string) => string | null;
 /**
- *
  * @param key 关键字，不传清除所有
  * @param session 是否session storage , 默认 localStorage
  */
@@ -140,6 +157,7 @@ export declare const showWarn: (text: string, duration?: number) => void;
 export declare const showSuccess: (text: string, duration?: number) => void;
 /**
  * 弹框提示
+ *
  * @param text 提示信息
  * @param title 标题，默认 系统提示
  * @param type 类型
@@ -152,15 +170,17 @@ export declare const exitAlert: () => void;
 /** @name 显示确认 */
 export declare const showConfirm: (text: string, title?: string) => Promise<unknown>;
 /**
- * token过期重新登录
+ * Token过期重新登录
+ *
  * @returns
  */
 export declare const reLogin: () => void;
 /**
  * 日期组选择转换
+ *
  * @param values 选择的值
- * @param startField  第一个字段
- * @param endField  第二个字段
+ * @param startField 第一个字段
+ * @param endField 第二个字段
  * @param endSuffix
  * @returns
  */
@@ -179,6 +199,7 @@ export declare const yesnoList: {
 }[];
 /**
  * 遍历树
+ *
  * @param list 树对象
  * @param fn 回调函数
  * @param children 树属性字段
@@ -186,6 +207,7 @@ export declare const yesnoList: {
 export declare const treeEach: (list: any[], fn: (item: any, index: any, list: any[]) => void, children?: string) => void;
 /**
  * 查询数
+ *
  * @param list 树对象
  * @param key 查询属性
  * @param val 查询值
@@ -195,6 +217,7 @@ export declare const treeEach: (list: any[], fn: (item: any, index: any, list: a
 export declare const treeFind: (list: any[], key: string, val: any, children?: string) => any;
 /**
  * 处理普通的尺码横排
+ *
  * @param orgSizeHeader 后端返回的原始尺码组表头
  * @param typeWidth 尺码组宽 sizeTypeNo，默认120
  * @param sizeWidth 尺码宽f1~f100， 默认100
@@ -203,13 +226,15 @@ export declare const treeFind: (list: any[], key: string, val: any, children?: s
 export declare const handleSizeCols: (orgSizeHeader: any[], typeWidth?: number, sizeWidth?: number) => any[];
 /**
  * 绑定事件
- * @param eventName  事件名
- * @param fn  调用函数
- * @param el  源对象，默认为window
+ *
+ * @param eventName 事件名
+ * @param fn 调用函数
+ * @param el 源对象，默认为window
  */
 export declare const on: (eventName: string, fn: Function, el: any | undefined) => void;
 /**
  * 解绑事件
+ *
  * @param eventName 事件名
  * @param fn 调用函数
  * @param el 源对象，默认为window
@@ -217,21 +242,23 @@ export declare const on: (eventName: string, fn: Function, el: any | undefined)
 export declare const off: (eventName: string, fn: Function, el: any | undefined) => void;
 /**
  * 打印预览
+ *
  * @param templateNo 打印模板编码
  * @param reqUrl 业务请求api
  * @param bodyParam Post传参数
- * @param param get传参数
+ * @param param Get传参数
  * @param method 请求方式，默认post
  * @returns
  */
 export declare const printView: (templateNo: string, reqUrl: string, bodyParam?: any, param?: any, method?: 'POST' | 'GET') => any;
 /**
  * 直接打印
+ *
  * @param taskName 打印任务名
  * @param templateNo 打印模板
  * @param reqUrl 业务请求api
  * @param bodyParam Post传参数
- * @param param get传参数
+ * @param param Get传参数
  * @param method 请求方式，默认post
  * @returns
  */
@@ -268,12 +295,14 @@ export declare const getCompanyId: () => string | undefined;
 export declare const appPath: (path?: string) => any;
 /**
  * 深度复制对象
+ *
  * @param obj
  * @returns
  */
 export declare const deepClone: (obj: any) => any;
 /**
  * 在主工程中打开模块
+ *
  * @param option {path:模块路由,需要加工程编码, resourceId: 资源Id，两者传一个即可,data:参数}
  */
 export declare const openPageInMain: (option: {