linkmore-design 1.1.27 → 1.1.28-alpha.5

package/es/LmEditTable/virtual/VirtualWrapper.js

@@ -0,0 +1,60 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useEffect, useMemo } from 'react';
+import { useStore } from './context';
+var VirtualWrapper = /*#__PURE__*/React.memo(function (wrapperProps) {
+  var _a, _b;
+
+  var children = wrapperProps.children,
+      resetProps = __rest(wrapperProps, ["children"]);
+
+  var _useStore = useStore(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch,
+      instance = _useStore.instance;
+
+  var _instance$rowVirtual = instance.rowVirtual,
+      virtualItems = _instance$rowVirtual.virtualItems,
+      totalSize = _instance$rowVirtual.totalSize;
+  var contents = useMemo(function () {
+    return children[1];
+  }, [children]);
+  var contentsLen = useMemo(function () {
+    var _a;
+
+    return (_a = contents === null || contents === void 0 ? void 0 : contents.length) !== null && _a !== void 0 ? _a : 0;
+  }, [contents]);
+  useEffect(function () {
+    if (state.totalLen !== contentsLen) {
+      dispatch({
+        type: 'changeTotalLen',
+        totalLen: contentsLen !== null && contentsLen !== void 0 ? contentsLen : 0
+      });
+    }
+  }, [contentsLen, dispatch, state.totalLen]);
+  var paddingTop = virtualItems.length > 0 ? ((_a = virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems[0]) === null || _a === void 0 ? void 0 : _a.start) || 0 : 0;
+  var paddingBottom = virtualItems.length > 0 ? totalSize - (((_b = virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems[virtualItems.length - 1]) === null || _b === void 0 ? void 0 : _b.end) || 0) : 0;
+  return /*#__PURE__*/React.createElement("tbody", Object.assign({}, resetProps), paddingTop > 0 && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: {
+      height: "".concat(paddingTop, "px")
+    }
+  })), children[0], virtualItems.map(function (virtualRow) {
+    return contents[virtualRow.index];
+  }), paddingBottom > 0 && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: {
+      height: "".concat(paddingBottom, "px")
+    }
+  })));
+});
+export default VirtualWrapper;

package/es/LmEditTable/virtual/context.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const TableContext: import("react").Context<{
+    state: any;
+    dispatch: any;
+    instance: any;
+}>;
+declare const useStore: () => {
+    state: any;
+    dispatch: any;
+    instance: any;
+};
+declare const useRealive: () => [any, import("react").Dispatch<any>];
+export { TableContext, useStore, useRealive };

package/es/LmEditTable/virtual/context.js

@@ -0,0 +1,66 @@
+import { createContext, useContext, useReducer } from 'react'; // =============== context ============== //
+
+var TableContext = /*#__PURE__*/createContext({
+  state: null,
+  dispatch: null,
+  instance: {}
+});
+
+var useStore = function useStore() {
+  return useContext(TableContext);
+};
+
+var initialState = {
+  // 行高度
+  rowHeight: 0,
+  columnsLen: 0,
+  // 总行数
+  totalLen: 0,
+  // 分割后的列数组
+  sliceColumns: {
+    leftColumns: [],
+    centerColumns: [],
+    rightColumns: []
+  }
+};
+
+var reducer = function reducer(state, action) {
+  var totalLen = action.totalLen,
+      columnsLen = action.columnsLen,
+      rowHeight = action.rowHeight,
+      sliceColumns = action.sliceColumns;
+
+  switch (action.type) {
+    // 数据数量
+    case 'changeTotalLen':
+      return Object.assign(Object.assign({}, state), {
+        totalLen: totalLen
+      });
+    // 列数量
+
+    case 'changeColumnsLen':
+      return Object.assign(Object.assign({}, state), {
+        columnsLen: columnsLen
+      });
+    // 初始化行高度
+
+    case 'initHeight':
+      return Object.assign(Object.assign({}, state), {
+        rowHeight: rowHeight
+      });
+
+    case 'changeSliceColumns':
+      return Object.assign(Object.assign({}, state), {
+        sliceColumns: sliceColumns
+      });
+
+    default:
+      throw new Error();
+  }
+};
+
+var useRealive = function useRealive() {
+  return useReducer(reducer, initialState);
+};
+
+export { TableContext, useStore, useRealive };

package/es/LmEditTable/virtual/index.d.ts

@@ -0,0 +1,4 @@
+import VirtualTable from './VirtualTable';
+import VirtualWrapper from './VirtualWrapper';
+import VirtualRow from './VirtualRow';
+export { VirtualTable, VirtualWrapper, VirtualRow };

package/es/LmEditTable/virtual/index.js

@@ -0,0 +1,4 @@
+import VirtualTable from './VirtualTable';
+import VirtualWrapper from './VirtualWrapper';
+import VirtualRow from './VirtualRow';
+export { VirtualTable, VirtualWrapper, VirtualRow };

package/es/LmFilter/baseFilter/index.js

@@ -16,8 +16,9 @@ var _components = _interopRequireDefault(require("../components"));
 // 二级过滤 => 基础过滤组件
 var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
-  var dataSource = instance.dataSource;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+  var dataSource = instance.dataSource,
+      enableSearch = instance.enableSearch;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, enableSearch && /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
     instance: instance
   }), dataSource.map(function (v, index) {
     var isHidden = !v.show && typeof v.show === 'boolean';

package/es/LmFilter/filterFns/index.js

@@ -168,6 +168,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
 
       if (getIsHas(itemValue) && !!item) {
         return [].concat(_toConsumableArray(pre), [{
+          relation: obj[cur].mode || 'and',
           fieldName: cur,
           fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
           type: item.type,
@@ -177,7 +178,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
            * and 等同于逻辑关系contains: 选中的值包含所有值
            * or 等同于逻辑关系in: 选中的值存在于所有值之中
            */
-          operator: obj[cur].mode === 'and' ? 'contains' : 'in'
+          operator: 'in'
         }]);
       }
 
@@ -344,11 +345,12 @@ var useCoreOptions = function useCoreOptions(_ref) {
         if (getIsHas(itemValue) && !!item) {
           // eslint-disable-next-line no-param-reassign
           pre[cur] = {
+            relation: complexFilter[cur].mode || 'and',
             fieldName: cur,
             fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
             type: item.type,
             value: Array.isArray(itemValue) ? itemValue : [itemValue],
-            operator: complexFilter[cur].mode === 'and' ? 'contains' : 'in'
+            operator: 'in'
           };
         }
 

package/es/LmTable/virTual/VirtualRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface rowProps {
-    children: any;
+    children?: any;
 }
 declare const VirtualRow: React.NamedExoticComponent<rowProps>;
 export default VirtualRow;

package/es/LmTable/virTual/VirtualRow.js

@@ -13,33 +13,63 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React, { useRef, useMemo, useEffect } from 'react';
 import { useStore } from './context';
-var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
-  var children = _a.children,
-      resetProps = __rest(_a, ["children"]);
+
+var useOptions = function useOptions(_ref) {
+  var children = _ref.children,
+      ref = _ref.ref,
+      trRef = _ref.trRef;
 
   var _useStore = useStore(),
       state = _useStore.state,
       dispatch = _useStore.dispatch,
       instance = _useStore.instance;
 
+  var virtualItems = instance.columnVirtual.virtualItems;
   var rowHeight = state.rowHeight,
       totalLen = state.totalLen;
-  var virtualItems = instance.columnVirtual.virtualItems;
-  var trRef = useRef(null); // 列长度
+  var sliceColumns = useMemo(function () {
+    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
+      var _a, _b;
 
-  var columnsLen = useMemo(function () {
-    var _a;
+      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
+        pre.leftColumns.push(cur);
+        return pre;
+      }
+
+      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
+        pre.rightColumns.push(cur);
+        return pre;
+      }
 
-    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
+      pre.centerColumns.push(cur);
+      return pre;
+    }, {
+      leftColumns: [],
+      rightColumns: [],
+      centerColumns: []
+    });
   }, [children]);
   useEffect(function () {
-    if (state.columnsLen !== columnsLen) {
+    dispatch({
+      type: 'changeSliceColumns',
+      sliceColumns: sliceColumns
+    });
+  }, [sliceColumns]); // 非固定列长度
+
+  var centerColumnsLen = useMemo(function () {
+    var _a;
+
+    return (_a = sliceColumns.centerColumns.length) !== null && _a !== void 0 ? _a : 0;
+  }, [sliceColumns]);
+  useEffect(function () {
+    if (state.columnsLen !== centerColumnsLen) {
       dispatch({
         type: 'changeColumnsLen',
-        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+        columnsLen: centerColumnsLen !== null && centerColumnsLen !== void 0 ? centerColumnsLen : 0
       });
     }
-  }, [columnsLen, dispatch, state.columnsLen]);
+  }, [centerColumnsLen, dispatch, state.columnsLen]); // 获取行的高度
+
   useEffect(function () {
     var initHeight = function initHeight(tempRef) {
       var _a, _b, _c;
@@ -48,55 +78,59 @@ var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
         var tempRowHeight = (_c = (_b = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) !== null && _c !== void 0 ? _c : 0;
         dispatch({
           type: 'initHeight',
-          rowHeight: tempRowHeight
+          rowHeight: tempRowHeight + 1
         });
       }
     };
 
     initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]); // return {fixedLeft: [], fixedRight: [], columns: []}
-
-  var fixedColumns = useMemo(function () {
-    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
-      var _a, _b;
+  }, [trRef, dispatch, rowHeight, totalLen, ref]); // 横向单元格合并
 
-      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
-        pre.fixedLeft.push(cur);
-        return pre;
-      }
+  var leftColSpan = useMemo(function () {
+    var _a;
 
-      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
-        pre.fixedRight.push(cur);
-        return pre;
-      }
+    return (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
+  }, [virtualItems]); // 右侧隐藏数量
+
+  var rightColSpan = useMemo(function () {
+    return sliceColumns.centerColumns.length - virtualItems.length - leftColSpan || 0;
+  }, [sliceColumns.centerColumns.length, virtualItems.length, leftColSpan]);
+  return Object.assign(Object.assign({
+    virtualItems: virtualItems
+  }, sliceColumns), {
+    leftColSpan: leftColSpan,
+    rightColSpan: rightColSpan
+  });
+};
 
-      pre.columns.push(cur);
-      return pre;
-    }, {
-      fixedLeft: [],
-      fixedRight: [],
-      columns: []
-    });
-  }, [children]); // 截取非固定列
+var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
+  var children = _a.children,
+      resetProps = __rest(_a, ["children"]);
 
-  var resetVirtualItems = useMemo(function () {
-    var fixedLeft = fixedColumns.fixedLeft,
-        columns = fixedColumns.columns;
-    return virtualItems.slice(fixedLeft.length, fixedLeft.length + columns.length);
-  }, [fixedColumns, virtualItems]); // 横线单元格合并
+  var trRef = useRef(null);
 
-  var colSpan = useMemo(function () {
-    var _a;
+  var _useOptions = useOptions({
+    children: children,
+    ref: ref,
+    trRef: trRef
+  }),
+      virtualItems = _useOptions.virtualItems,
+      leftColumns = _useOptions.leftColumns,
+      centerColumns = _useOptions.centerColumns,
+      rightColumns = _useOptions.rightColumns,
+      leftColSpan = _useOptions.leftColSpan,
+      rightColSpan = _useOptions.rightColSpan;
 
-    var startIndex = ((_a = resetVirtualItems === null || resetVirtualItems === void 0 ? void 0 : resetVirtualItems[0]) === null || _a === void 0 ? void 0 : _a.index) || 0;
-    return startIndex ? startIndex - fixedColumns.fixedLeft.length : startIndex;
-  }, [fixedColumns, resetVirtualItems]);
   return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetProps, {
     ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
-  }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/React.createElement("td", {
-    colSpan: colSpan
-  }), resetVirtualItems.map(function (virtualCol) {
-    return children[virtualCol.index];
-  }), fixedColumns.fixedRight);
+  }), leftColumns, !!leftColSpan && /*#__PURE__*/React.createElement("td", {
+    key: "leftColSpan",
+    colSpan: leftColSpan
+  }), virtualItems.map(function (virtualCol) {
+    return centerColumns[virtualCol.index];
+  }), !!rightColSpan && /*#__PURE__*/React.createElement("td", {
+    key: "rightColSpan",
+    colSpan: rightColSpan
+  }), rightColumns);
 });
 export default VirtualRow;

package/es/LmTable/virTual/VirtualTable.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { useVirtual } from 'react-virtual';
 import { TableContext, useRealive } from './context';
 var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
@@ -10,7 +10,7 @@ var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
   var _useRealive = useRealive(),
       _useRealive2 = _slicedToArray(_useRealive, 2),
       state = _useRealive2[0],
-      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
+      dispatch = _useRealive2[1]; // 行虚拟化 { totalSize, virtualItems }
 
 
   var rowVirtual = useVirtual({
@@ -23,18 +23,26 @@ var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
       return state.rowHeight;
     }, [state.rowHeight]),
     overscan: 5
-  });
+  }); // 列动态宽度
+
+  var columnEstimateSize = useCallback(function (i) {
+    var _a, _b;
+
+    var colWidths = (_b = (_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.colWidths;
+    var leftColumnsLen = state.sliceColumns.leftColumns.length;
+    var centerColumnsLen = state.sliceColumns.centerColumns.length; // 获取非固定列
+
+    var virList = colWidths.slice(leftColumnsLen, leftColumnsLen + centerColumnsLen);
+    return virList[i] || 0;
+  }, [(_c = (_b = tableProps.children[0]) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.colWidths, state.sliceColumns.leftColumns.length, state.sliceColumns.centerColumns.length]); // 列虚拟化
+
   var columnVirtual = useVirtual({
     horizontal: true,
     size: state.columnsLen,
     parentRef: {
-      current: (_b = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _b === void 0 ? void 0 : _b.parentNode
+      current: (_d = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _d === void 0 ? void 0 : _d.parentNode
     },
-    estimateSize: React.useCallback(function (i) {
-      var _a, _b;
-
-      return (_b = (_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.colWidths[i];
-    }, [(_d = (_c = tableProps.children[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.colWidths]),
+    estimateSize: columnEstimateSize,
     overscan: 5
   });
   var instance = {

package/es/LmTable/virTual/context.js

@@ -15,13 +15,20 @@ var initialState = {
   rowHeight: 0,
   columnsLen: 0,
   // 总行数
-  totalLen: 0
+  totalLen: 0,
+  // 分割后的列数组
+  sliceColumns: {
+    leftColumns: [],
+    centerColumns: [],
+    rightColumns: []
+  }
 };
 
 var reducer = function reducer(state, action) {
   var totalLen = action.totalLen,
       columnsLen = action.columnsLen,
-      rowHeight = action.rowHeight;
+      rowHeight = action.rowHeight,
+      sliceColumns = action.sliceColumns;
 
   switch (action.type) {
     // 数据数量
@@ -42,6 +49,11 @@ var reducer = function reducer(state, action) {
         rowHeight: rowHeight
       });
 
+    case 'changeSliceColumns':
+      return Object.assign(Object.assign({}, state), {
+        sliceColumns: sliceColumns
+      });
+
     default:
       throw new Error();
   }

package/es/LmUpload/body/UploadCore.js

@@ -24,7 +24,7 @@ var UploadCore = function UploadCore(_ref) {
     var isUploading = getUploadStatus().uploading;
     if (isUploading) return;
     (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-  }, [getUploadStatus]); // 上传触发事件
+  }, [disabled, getUploadStatus]); // 上传触发事件
 
   var uploadChange = useCallback(function (e) {
     var _a;

package/es/LmUpload/fns/index.js

@@ -370,7 +370,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
 
   var filesLoopCheck = useCallback(function (files) {
     return Promise.all(files.map(fileCheckAsync));
-  }, []);
+  }, [fileCheckAsync]);
   /*
    * 上传前: 先校验 => 全部校验通过后开始上传
    * 事件执行顺序:

package/es/Radio/index.js

@@ -19,13 +19,21 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _excluded = ["children"],
+var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
+var _excluded = ["children", "disabled"],
     _excluded2 = ["children", "size", "buttonStyle", "direction", "className"];
 
 var LMRadio = function LMRadio(props) {
   var children = props.children,
+      customDisabled = props.disabled,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled;
   return /*#__PURE__*/_react.default.createElement(_radio.default, (0, _extends2.default)({
+    disabled: mergedDisabled,
     className: "lm-radio"
   }, restProps), children);
 };

package/es/Switch/index.js

@@ -17,16 +17,21 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import cls from 'classnames';
+import DisabledContext from '../ConfigProvider/DisabledContext';
 
 var Switch = function Switch(props) {
   var _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
       className = props.className,
-      restProps = __rest(props, ["size", "className"]);
+      customDisabled = props.disabled,
+      restProps = __rest(props, ["size", "className", "disabled"]);
 
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled || disabled;
   var classs = cls('lm-switch', className, _defineProperty({}, "lm-switch-".concat(size), size));
   return /*#__PURE__*/React.createElement(_Switch, Object.assign({
-    className: classs
+    className: classs,
+    disabled: mergedDisabled
   }, restProps, {
     size: size
   }));

package/es/hooks/useEvent/index.js

@@ -9,7 +9,7 @@ function useEvent(handler) {
 
   return useCallback(function () {
     var fn = handlerRef.current;
-    return fn.apply(void 0, arguments);
+    return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, arguments);
   }, []);
 }
 

package/es/index.d.ts

@@ -51,10 +51,9 @@ export type { TooltipProps } from './Tooltip';
 export { default as Form } from './Form';
 export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
-export type { CountdownHandle, TLmEditTable } from './LmEditTable/EditTable';
+export type { TLmEditTable, CountdownHandle } from './LmEditTable/EditTable';
 export { default as List } from './List';
 export { default as LMQuickMenu } from './QuickMenu';
-export type { IMenuData, IQuickMenuProps } from './QuickMenu';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './DatePicker';
 export { default as Popover } from './Popover';