ls-pro-common 3.1.47 → 3.1.49

package/es/components/InputTable.d.ts

@@ -14,7 +14,7 @@ export declare type InputTableProps = ProFormItemProps<InputProps> & {
     /** @name 是否支持多选 */
     multiple?: boolean;
     /** @name 表单项name, 跟 form.item 的 name一致 */
-    name: string;
+    name?: string;
     /** @name 返回的值字段，表格中valueField配置的字段时返回给name */
     valueField: string;
     /** @name 返回输入框显示的字段，textField字段值返回给textName */
@@ -74,7 +74,7 @@ declare const InputTable: React.ForwardRefExoticComponent<{
     /** @name 是否支持多选 */
     multiple?: boolean | undefined;
     /** @name 表单项name, 跟 form.item 的 name一致 */
-    name: string;
+    name?: string | undefined;
     /** @name 返回的值字段，表格中valueField配置的字段时返回给name */
     valueField: string;
     /** @name 返回输入框显示的字段，textField字段值返回给textName */

package/es/components/InputTable.js

@@ -1,3 +1,5 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 import "antd/es/popover/style";
@@ -11,7 +13,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["columns", "url", "textName", "name", "tableConfig", "tableHeight", "tableWidth", "readonly", "multiple", "valueField", "labelWidth", "textField", "onSelectChange", "beforeLoad", "afterLoad", "isV2", "allowClear", "keepSelect", "fieldProps", "searchField", "fillMap", "loadOnShow", "triggerCheck", "getPopupContainer", "placement", "arrowPointAtCenter", "rowKey", "method", "changeOnSelect", "record"],
+var _excluded = ["columns", "url", "textName", "name", "tableConfig", "tableHeight", "tableWidth", "readonly", "multiple", "valueField", "labelWidth", "textField", "onSelectChange", "beforeLoad", "afterLoad", "isV2", "allowClear", "keepSelect", "fieldProps", "searchField", "fillMap", "loadOnShow", "triggerCheck", "getPopupContainer", "placement", "arrowPointAtCenter", "method", "changeOnSelect", "rowKey", "record", "id"],
   _excluded2 = ["current", "pageSize"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useRef, useState, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
@@ -43,7 +45,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
   var columns = prop.columns,
     url = prop.url,
     textName = prop.textName,
-    name = prop.name,
+    itemName = prop.name,
     tableConfig = prop.tableConfig,
     _prop$tableHeight = prop.tableHeight,
     tableHeight = _prop$tableHeight === void 0 ? 400 : _prop$tableHeight,
@@ -80,12 +82,13 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     placement = _prop$placement === void 0 ? 'bottom' : _prop$placement,
     _prop$arrowPointAtCen = prop.arrowPointAtCenter,
     arrowPointAtCenter = _prop$arrowPointAtCen === void 0 ? true : _prop$arrowPointAtCen,
-    rowKey = prop.rowKey,
     _prop$method = prop.method,
     method = _prop$method === void 0 ? 'GET' : _prop$method,
     _prop$changeOnSelect = prop.changeOnSelect,
     changeOnSelect = _prop$changeOnSelect === void 0 ? true : _prop$changeOnSelect,
+    rowKey = prop.rowKey,
     record = prop.record,
+    id = prop.id,
     rest = _objectWithoutProperties(prop, _excluded);
   if (!valueField && isDev) {
     console.error('valueField 属性必须设置');
@@ -93,10 +96,21 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
   if (!url && isDev) {
     console.error('url 属性必须设置');
   }
+  var tableKey = (tableConfig === null || tableConfig === void 0 ? void 0 : tableConfig.rowKey) || valueField || 'id';
+  // 处理表单name， 如果不传入通过id来处理。在表格中，自动会添加Id
+  var name = useMemo(function () {
+    if (itemName) return itemName;
+    if (id) {
+      if (id.includes('_')) {
+        return id.slice(id.indexOf('_') + 1);
+      }
+      return id;
+    }
+    return '';
+  }, [itemName, id]);
   if (!name && isDev) {
     console.error('name 属性必须设置');
   }
-  var tableKey = (tableConfig === null || tableConfig === void 0 ? void 0 : tableConfig.rowKey) || valueField || 'id';
   //显示输入框绑定的name,如果不设置textName,设置为$name__text
   var textNameProp = useMemo(function () {
     return textName ? textName : name + '__text';
@@ -120,6 +134,11 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     if (col) return col.searchField || col.dataIndex;
     return textField || valueField;
   }, [columns, searchField, valueField, textField]);
+  /**
+   * 获取表单值
+   *
+   * @returns
+   */
   var getFormValue = function getFormValue() {
     var _formRef$current2, _formRef$current2$get;
     if (rowKey) {
@@ -128,20 +147,31 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     }
     return formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : (_formRef$current2$get = _formRef$current2.getFieldsValue) === null || _formRef$current2$get === void 0 ? void 0 : _formRef$current2$get.call(_formRef$current2);
   };
+  /**
+   * 设置表单值
+   *
+   * @param formValue
+   */
   var setFormValue = function setFormValue(formValue) {
-    var _prop$onChange;
-    (_prop$onChange = prop.onChange) === null || _prop$onChange === void 0 ? void 0 : _prop$onChange.call(prop, formValue[name]);
     if (rowKey) {
-      var _formRef$current3, _formRef$current3$set;
+      var _formRef$current3, _formRef$current3$set, _prop$onChange;
       formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : (_formRef$current3$set = _formRef$current3.setFieldsValue) === null || _formRef$current3$set === void 0 ? void 0 : _formRef$current3$set.call(_formRef$current3, _defineProperty({}, rowKey, formValue));
+      (_prop$onChange = prop.onChange) === null || _prop$onChange === void 0 ? void 0 : _prop$onChange.call(prop, formValue[textNameProp]);
     } else {
-      var _formRef$current4, _formRef$current4$set;
+      var _prop$onChange2, _formRef$current4, _formRef$current4$set;
+      (_prop$onChange2 = prop.onChange) === null || _prop$onChange2 === void 0 ? void 0 : _prop$onChange2.call(prop, formValue[name]);
       formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : (_formRef$current4$set = _formRef$current4.setFieldsValue) === null || _formRef$current4$set === void 0 ? void 0 : _formRef$current4$set.call(_formRef$current4, formValue);
     }
   };
+  /**
+   * 加载面板数据
+   *
+   * @param param
+   * @returns
+   */
   var loadData = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-      var current, pageSize, restParams, _selectRowRef$current, _rows, data, _tableRef$current2, _tableRef$current2$cl, _param, result, rows, formValue, val, _selectRowRef$current2, arr, pageSelectedRows;
+      var current, pageSize, restParams, _selectRowRef$current, _rows, data, _tableRef$current2, _tableRef$current2$cl, beforeParam, result, rows, formValue, val, _selectRowRef$current2, arr, pageSelectedRows;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -157,10 +187,10 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
               return o[tableKey];
             })));
             setSelectedKeys(Array.from(new Set(selectedKeys)));
-            setTimeout(function () {
+            requestIdleCallback(function () {
               var _tableRef$current, _tableRef$current$rel;
               (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : (_tableRef$current$rel = _tableRef$current.reload) === null || _tableRef$current$rel === void 0 ? void 0 : _tableRef$current$rel.call(_tableRef$current);
-            }, 0);
+            });
             return _context.abrupt("return", {
               data: _rows,
               total: _rows.length,
@@ -191,9 +221,9 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
             _context.next = 16;
             return beforeLoad(data);
           case 16:
-            _param = _context.sent;
-            if (typeof _param !== 'boolean' && _param !== undefined) {
-              data = _param;
+            beforeParam = _context.sent;
+            if (typeof beforeParam !== 'boolean' && beforeParam !== undefined) {
+              data = beforeParam;
             }
           case 18:
             if (!(method !== 'GET')) {
@@ -254,6 +284,13 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       return _ref.apply(this, arguments);
     };
   }();
+  /**
+   * 如果初始有值时，调用此方法初始化名称
+   *
+   * @param val
+   * @param updateTxt
+   * @returns
+   */
   var initName = function initName(val) {
     var updateTxt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (!val) return;
@@ -310,6 +347,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
         initName(val, false);
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rowKey]);
   // 处理返回数据
   var handleValue = function handleValue(row) {
@@ -433,6 +471,19 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       (_tableRef$current5 = tableRef.current) === null || _tableRef$current5 === void 0 ? void 0 : (_tableRef$current5$re = _tableRef$current5.reload) === null || _tableRef$current5$re === void 0 ? void 0 : _tableRef$current5$re.call(_tableRef$current5);
     }
   }, [visible, loadOnShow]);
+  // 处理有值时，可清空
+  useEffect(function () {
+    if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
+    try {
+      var el = inputRef.current.input.parentNode;
+      if (!el) return;
+      if (text) {
+        el.classList.add('ant-input-has-value');
+      } else {
+        el.classList.remove('ant-input-has-value');
+      }
+    } catch (e) {}
+  }, [text, rest, fieldProps]);
   var tableDom = /*#__PURE__*/React.createElement(ProTable, _extends({
     className: "ls-input-table",
     columns: columns,
@@ -549,31 +600,33 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     readOnly: readonly,
     allowClear: allowClear,
     ref: inputRef
-  }, rest.label ? {} : {
-    value: text
   }, fieldProps));
-  // 处理有值时，可清空
-  useEffect(function () {
-    if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
-    try {
-      var el = inputRef.current.input.parentNode;
-      if (!el) return;
-      if (text) {
-        el.classList.add('ant-input-has-value');
-      } else {
-        el.classList.remove('ant-input-has-value');
-      }
-    } catch (e) {}
-  }, [text, rest, fieldProps]);
+  // 是否在编辑表格下面使用，如果是，则需要使用 rowKey 和 id 来设置 name
+  var isEditable = rowKey && id && id.includes('_');
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'none'
     }
   }, /*#__PURE__*/React.createElement(ProFormText, {
-    name: name
-  })), /*#__PURE__*/React.createElement(ProFormText, _extends({
+    name: isEditable ? [rowKey, name] : name
+  })), rest.label ?
+  /*#__PURE__*/
+  // 在ProForm中直接使用
+  React.createElement(ProFormText, _extends({
+    name: textNameProp
+  }, rest), InputDom) : isEditable ?
+  /*#__PURE__*/
+  // 在EditableTable中使用
+  React.createElement(_Form.Item, _extends({
+    name: [rowKey, textNameProp]
+  }, rest, {
+    noStyle: true
+  }), InputDom) :
+  /*#__PURE__*/
+  // 在 ProTable 的查询面板中使用
+  React.createElement(_Form.Item, _extends({
     name: textNameProp
-  }, rest, rest.label ? {} : {
+  }, rest, {
     noStyle: true
   }), InputDom));
 });

package/es/utils/cache.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 设置本地缓存
+ *
+ * @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
+ * @returns 关键字对应的值
+ */
+export declare const getCache: any;
+/**
+ * 读取本地缓存，优先从sessionStorage 取，取不到时再从 localStorage取
+ *
+ * @param key
+ * @returns
+ */
+export declare const getCacheSessionFirst: (key: string) => any;
+/**
+ * @param key 关键字，不传清除所有
+ * @param session 是否session storage , 默认 localStorage
+ */
+export declare const clearCache: (key?: string | undefined, session?: boolean) => void;

package/es/utils/cache.js

@@ -0,0 +1,63 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/**
+ * 设置本地缓存
+ *
+ * @param {String} key 关键字
+ * @param {Object} data 值
+ * @param {Boolean} session 保存到 sessionStorage 还是 localStorage,默认 localStorage
+ */
+export var setCache = function setCache(key, data) {
+  var session = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (_typeof(data) === 'object') {
+    data = JSON.stringify(data);
+  }
+  if (session) {
+    sessionStorage.setItem(key, data);
+  } else {
+    localStorage.setItem(key, data);
+  }
+};
+/**
+ * 读取本地缓存
+ *
+ * @param {String} key 关键字
+ * @param {boolean} session 从 sessionStorage 取数还是从 localStorage 中取数 默认从 localStorage
+ * @returns 关键字对应的值
+ */
+export var getCache = function getCache(key) {
+  var session = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var data = session ? sessionStorage.getItem(key) : localStorage.getItem(key);
+  if (data && (data.startsWith('{') || data.startsWith('['))) {
+    data = JSON.parse(data);
+  }
+  return data;
+};
+/**
+ * 读取本地缓存，优先从sessionStorage 取，取不到时再从 localStorage取
+ *
+ * @param key
+ * @returns
+ */
+export var getCacheSessionFirst = function getCacheSessionFirst(key) {
+  return getCache(key, true) || getCache(key);
+};
+/**
+ * @param key 关键字，不传清除所有
+ * @param session 是否session storage , 默认 localStorage
+ */
+export var clearCache = function clearCache(key) {
+  var session = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (key) {
+    if (session) {
+      sessionStorage.removeItem(key);
+    } else {
+      localStorage.removeItem(key);
+    }
+  } else {
+    if (session) {
+      sessionStorage.clear();
+    } else {
+      localStorage.clear();
+    }
+  }
+};

package/es/utils/constant.d.ts

@@ -0,0 +1,12 @@
+/** @name 状态列表 */
+export declare const statusList: {
+    value: number;
+    text: string;
+    label: string;
+}[];
+/** @name 是否列表 */
+export declare const yesnoList: {
+    value: number;
+    text: string;
+    label: string;
+}[];

package/es/utils/constant.js

@@ -0,0 +1,20 @@
+/** @name 状态列表 */
+export var statusList = [{
+  value: 1,
+  text: '启用',
+  label: '1→启用'
+}, {
+  value: 0,
+  text: '禁用',
+  label: '0→禁用'
+}];
+/** @name 是否列表 */
+export var yesnoList = [{
+  value: 1,
+  text: '是',
+  label: '1→是'
+}, {
+  value: 0,
+  text: '否',
+  label: '0→否'
+}];

package/es/utils/cookie.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 获取Cookie
+ *
+ * @param {String} name Cookie名
+ * @returns
+ */
+export declare const getCookie: (name: string) => string | null;
+/**
+ * 设置Cookie
+ *
+ * @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;

package/es/utils/cookie.js

@@ -0,0 +1,36 @@
+/**
+ * 获取Cookie
+ *
+ * @param {String} name Cookie名
+ * @returns
+ */
+export var getCookie = function getCookie(name) {
+  var arr;
+  var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
+  if (arr = document.cookie.match(reg)) return arr[2];else return null;
+};
+/**
+ * 设置Cookie
+ *
+ * @param {any} key Cookie名称
+ * @param {any} value Cookie 值
+ * @param {Number} day 有效天数 默认1天,
+ */
+export var setCookie = function setCookie(key, value) {
+  var day = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var sameSite = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (day !== 0) {
+    var d = new Date(Date.now() + day * 24 * 60 * 60 * 1000);
+    if (sameSite) {
+      document.cookie = "".concat(key, "=").concat(value, ";expires=").concat(d.toUTCString(), ";path=/;sameSite=None;secure=true");
+    } else {
+      document.cookie = "".concat(key, "=").concat(value, ";expires=").concat(d.toUTCString(), ";path=/");
+    }
+  } else {
+    if (sameSite) {
+      document.cookie = key + '=' + value + ';path=/;sameSite=None;secure=true';
+    } else {
+      document.cookie = key + '=' + value + ';path=/';
+    }
+  }
+};

package/es/utils/event.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 绑定事件
+ *
+ * @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
+ */
+export declare const off: (eventName: string, fn: Function, el: any | undefined) => void;

package/es/utils/event.js

@@ -0,0 +1,26 @@
+/**
+ * 绑定事件
+ *
+ * @param eventName 事件名
+ * @param fn 调用函数
+ * @param el 源对象，默认为window
+ */
+export var on = function on(eventName, fn, el) {
+  if (!el) {
+    el = window;
+  }
+  el.addEventListener(eventName, fn);
+};
+/**
+ * 解绑事件
+ *
+ * @param eventName 事件名
+ * @param fn 调用函数
+ * @param el 源对象，默认为window
+ */
+export var off = function off(eventName, fn, el) {
+  if (!el) {
+    el = window;
+  }
+  el.removeEventListener(eventName, fn);
+};