linkmore-design 1.0.99 → 1.1.0

package/es/LmFilter/filterFns/index.js

@@ -1,27 +1,10 @@
-"use strict";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { useCallback } from 'react';
+import { getIsHas, getValueForType, getFilterShow } from '../utils'; // 初始化查询结构
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.initLocalization = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../utils");
-
-// 初始化查询结构
-var initLocalization = function initLocalization(props) {
-  var _globalQuery$filters, _globalQuery$filters$, _fuzzyQuery$filters, _fuzzyQuery$filters$, _filterQuery$filters, _filterQuery$filters$;
+export var initLocalization = function initLocalization(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
 
   var localization = props.localization,
       dataSource = props.dataSource,
@@ -40,22 +23,20 @@ var initLocalization = function initLocalization(props) {
   var searchQuery = {}; // 模糊查询结构
 
   var customFilter = (customOptions === null || customOptions === void 0 ? void 0 : customOptions.find(function (v) {
-    var _localization$customF;
+    var _a;
 
-    return (v === null || v === void 0 ? void 0 : v.value) === (localization === null || localization === void 0 ? void 0 : (_localization$customF = localization.customFilter) === null || _localization$customF === void 0 ? void 0 : _localization$customF.value);
+    return (v === null || v === void 0 ? void 0 : v.value) === ((_a = localization === null || localization === void 0 ? void 0 : localization.customFilter) === null || _a === void 0 ? void 0 : _a.value);
   })) || {};
   var customQuery = {}; // 自定义筛选存储结构
   // 一级查询
 
-  if (globalQuery === null || globalQuery === void 0 ? void 0 : (_globalQuery$filters = globalQuery.filters) === null || _globalQuery$filters === void 0 ? void 0 : (_globalQuery$filters$ = _globalQuery$filters[0]) === null || _globalQuery$filters$ === void 0 ? void 0 : _globalQuery$filters$.conditions) {
-    var _globalQuery$filters2, _globalQuery$filters3;
-
-    var globalQueryArr = (globalQuery === null || globalQuery === void 0 ? void 0 : (_globalQuery$filters2 = globalQuery.filters) === null || _globalQuery$filters2 === void 0 ? void 0 : (_globalQuery$filters3 = _globalQuery$filters2[0]) === null || _globalQuery$filters3 === void 0 ? void 0 : _globalQuery$filters3.conditions) || [];
+  if ((_b = (_a = globalQuery === null || globalQuery === void 0 ? void 0 : globalQuery.filters) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.conditions) {
+    var globalQueryArr = ((_d = (_c = globalQuery === null || globalQuery === void 0 ? void 0 : globalQuery.filters) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.conditions) || [];
     customQuery = globalQueryArr.reduce(function (pre, cur) {
       var checkedValue = cur.value; // 选中的数据
       // 查找该数据是否展示
 
-      if ((0, _utils.getIsHas)(checkedValue)) {
+      if (getIsHas(checkedValue)) {
         pre[cur.fieldName] = cur;
       }
 
@@ -64,12 +45,10 @@ var initLocalization = function initLocalization(props) {
   } // 模糊查询
 
 
-  if ((0, _utils.getIsHas)(searchFilter)) {
-    var _Object$keys;
-
-    searchQuery = (_Object$keys = Object.keys(searchFilter)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.reduce(function (pre, cur) {
-      if ((0, _utils.getIsHas)(searchFilter[cur])) {
-        pre[cur] = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, searchConfig), {}, {
+  if (getIsHas(searchFilter)) {
+    searchQuery = (_e = Object.keys(searchFilter)) === null || _e === void 0 ? void 0 : _e.reduce(function (pre, cur) {
+      if (getIsHas(searchFilter[cur])) {
+        pre[cur] = Object.assign(Object.assign({}, searchConfig), {
           fieldName: cur,
           value: [searchFilter[cur]]
         });
@@ -77,15 +56,13 @@ var initLocalization = function initLocalization(props) {
 
       return pre;
     }, {});
-  } else if (fuzzyQuery === null || fuzzyQuery === void 0 ? void 0 : (_fuzzyQuery$filters = fuzzyQuery.filters) === null || _fuzzyQuery$filters === void 0 ? void 0 : (_fuzzyQuery$filters$ = _fuzzyQuery$filters[0]) === null || _fuzzyQuery$filters$ === void 0 ? void 0 : _fuzzyQuery$filters$.conditions) {
-    var _fuzzyQuery$filters2, _fuzzyQuery$filters2$;
-
-    var fuzzyQueryArr = (fuzzyQuery === null || fuzzyQuery === void 0 ? void 0 : (_fuzzyQuery$filters2 = fuzzyQuery.filters) === null || _fuzzyQuery$filters2 === void 0 ? void 0 : (_fuzzyQuery$filters2$ = _fuzzyQuery$filters2[0]) === null || _fuzzyQuery$filters2$ === void 0 ? void 0 : _fuzzyQuery$filters2$.conditions) || []; // 初始化基础查询缓存
+  } else if ((_g = (_f = fuzzyQuery === null || fuzzyQuery === void 0 ? void 0 : fuzzyQuery.filters) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.conditions) {
+    var fuzzyQueryArr = ((_j = (_h = fuzzyQuery === null || fuzzyQuery === void 0 ? void 0 : fuzzyQuery.filters) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.conditions) || []; // 初始化基础查询缓存
 
     searchFilter = fuzzyQueryArr.reduce(function (pre, cur) {
       var checkedValue = cur.value; // 选中的数据
 
-      if ((0, _utils.getIsHas)(checkedValue)) {
+      if (getIsHas(checkedValue)) {
         searchQuery[cur.fieldName] = cur;
         pre[cur.fieldName] = checkedValue[0];
       }
@@ -95,10 +72,8 @@ var initLocalization = function initLocalization(props) {
   } // 二级查询
 
 
-  if ((0, _utils.getIsHas)(basicFilter)) {
-    var _Object$keys2;
-
-    basicQuery = (_Object$keys2 = Object.keys(basicFilter)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.reduce(function (pre, cur) {
+  if (getIsHas(basicFilter)) {
+    basicQuery = (_k = Object.keys(basicFilter)) === null || _k === void 0 ? void 0 : _k.reduce(function (pre, cur) {
       var item = dataSource.find(function (v) {
         if (cur === v.field) {
           return v.show || typeof v.show !== 'boolean';
@@ -115,23 +90,19 @@ var initLocalization = function initLocalization(props) {
         };
       }
 
-      if ((0, _utils.getIsHas)(basicFilter[cur]) && !!item) {
-        var _item, _item2;
-
+      if (getIsHas(basicFilter[cur]) && !!item) {
         pre[cur] = {
           fieldName: cur,
-          fieldType: ((_item = item) === null || _item === void 0 ? void 0 : _item.valueType) || 'string',
+          fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
           value: Array.isArray(basicFilter[cur]) ? basicFilter[cur] : [basicFilter[cur]],
-          operator: ((_item2 = item) === null || _item2 === void 0 ? void 0 : _item2.operator) || 'equal'
+          operator: (item === null || item === void 0 ? void 0 : item.operator) || 'equal'
         };
       }
 
       return pre;
     }, {});
-  } else if (filterQuery === null || filterQuery === void 0 ? void 0 : (_filterQuery$filters = filterQuery.filters) === null || _filterQuery$filters === void 0 ? void 0 : (_filterQuery$filters$ = _filterQuery$filters[0]) === null || _filterQuery$filters$ === void 0 ? void 0 : _filterQuery$filters$.conditions) {
-    var _filterQuery$filters2, _filterQuery$filters3;
-
-    var filterQueryArr = (filterQuery === null || filterQuery === void 0 ? void 0 : (_filterQuery$filters2 = filterQuery.filters) === null || _filterQuery$filters2 === void 0 ? void 0 : (_filterQuery$filters3 = _filterQuery$filters2[0]) === null || _filterQuery$filters3 === void 0 ? void 0 : _filterQuery$filters3.conditions) || []; // 初始化基础查询缓存
+  } else if ((_m = (_l = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filters) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.conditions) {
+    var filterQueryArr = ((_p = (_o = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filters) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.conditions) || []; // 初始化基础查询缓存
 
     basicFilter = filterQueryArr.reduce(function (pre, cur) {
       var checkedValue = cur.value; // 选中的数据
@@ -147,7 +118,7 @@ var initLocalization = function initLocalization(props) {
         return false;
       });
 
-      if ((0, _utils.getIsHas)(checkedValue) && someData || isSearchInput) {
+      if (getIsHas(checkedValue) && someData || isSearchInput) {
         basicQuery[cur.fieldName] = cur; // 复选/级联/日期区间
 
         if (!['checkbox', 'cascader'].includes(cur.type) && checkedValue.length < 2) {
@@ -171,9 +142,6 @@ var initLocalization = function initLocalization(props) {
   };
 }; // 核心参数集合
 
-
-exports.initLocalization = initLocalization;
-
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
       dispatch = _ref.dispatch,
@@ -182,19 +150,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
       dataSource = props.dataSource,
       searchKey = props.searchKey,
       searchConfig = props.searchConfig,
-      customOptions = props.customOptions; // 转换一级查询结构 object => array
+      customOptions = props.customOptions,
+      enableAutoString = props.enableAutoString; // 转换一级查询结构 object => array
 
-  var tranformGlobalQuery = (0, _react.useCallback)(function (obj) {
-    var _Object$keys3;
+  var tranformGlobalQuery = useCallback(function (obj) {
+    var _a;
 
-    var nArr = ((_Object$keys3 = Object.keys(obj)) === null || _Object$keys3 === void 0 ? void 0 : _Object$keys3.reduce(function (pre, cur) {
+    var nArr = ((_a = Object.keys(obj)) === null || _a === void 0 ? void 0 : _a.reduce(function (pre, cur) {
       var item = dataSource.find(function (v) {
         return cur === v.field;
       });
       var itemValue = obj[cur].value;
 
-      if ((0, _utils.getIsHas)(itemValue) && !!item) {
-        return [].concat((0, _toConsumableArray2.default)(pre), [{
+      if (getIsHas(itemValue) && !!item) {
+        return [].concat(_toConsumableArray(pre), [{
           fieldName: cur,
           fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
           type: item.type,
@@ -208,15 +177,15 @@ var useCoreOptions = function useCoreOptions(_ref) {
     return nArr;
   }, [dataSource]); // 转行查询结构
 
-  var tranformQuery = (0, _react.useCallback)(function (_ref2) {
-    var _Object$keys4, _Object$keys5;
-
-    var _ref2$customFilter = _ref2.customFilter,
-        customFilter = _ref2$customFilter === void 0 ? {} : _ref2$customFilter,
+  var tranformQuery = useCallback(function (_ref2) {
+    var customFilter = _ref2.customFilter,
         _ref2$searchQuery = _ref2.searchQuery,
         searchQuery = _ref2$searchQuery === void 0 ? {} : _ref2$searchQuery,
         _ref2$basicQuery = _ref2.basicQuery,
         basicQuery = _ref2$basicQuery === void 0 ? {} : _ref2$basicQuery;
+
+    var _a, _b;
+
     var globalQuery = {
       filters: [{
         conditions: tranformGlobalQuery(customFilter === null || customFilter === void 0 ? void 0 : customFilter.data)
@@ -224,14 +193,14 @@ var useCoreOptions = function useCoreOptions(_ref) {
     };
     var fuzzyQuery = {
       filters: [{
-        conditions: (_Object$keys4 = Object.keys(searchQuery)) === null || _Object$keys4 === void 0 ? void 0 : _Object$keys4.map(function (k) {
+        conditions: (_a = Object.keys(searchQuery)) === null || _a === void 0 ? void 0 : _a.map(function (k) {
           return searchQuery[k];
         })
       }]
     };
     var filterQuery = {
       filters: [{
-        conditions: (_Object$keys5 = Object.keys(basicQuery)) === null || _Object$keys5 === void 0 ? void 0 : _Object$keys5.map(function (k) {
+        conditions: (_b = Object.keys(basicQuery)) === null || _b === void 0 ? void 0 : _b.map(function (k) {
           return basicQuery[k];
         })
       }]
@@ -243,7 +212,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
     };
   }, [tranformGlobalQuery]); // 触发查询 type  basic基础筛选 ｜ complex高级筛选
 
-  var onQuery = (0, _react.useCallback)(function () {
+  var onQuery = useCallback(function () {
     var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         _ref3$complexFilter = _ref3.complexFilter,
         complexFilter = _ref3$complexFilter === void 0 ? {} : _ref3$complexFilter,
@@ -260,6 +229,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         _ref3$customFilter = _ref3.customFilter,
         customFilter = _ref3$customFilter === void 0 ? state.customFilter || {} : _ref3$customFilter;
 
+    var _a;
+
     if (type === 'custom') {
       dispatch({
         type: 'changeCustomFilter',
@@ -354,16 +325,14 @@ var useCoreOptions = function useCoreOptions(_ref) {
     }
 
     if (type === 'complex') {
-      var _Object$keys6;
-
       // eslint-disable-next-line no-shadow
-      var _basicQuery = (_Object$keys6 = Object.keys(complexFilter)) === null || _Object$keys6 === void 0 ? void 0 : _Object$keys6.reduce(function (pre, cur) {
+      var _basicQuery = (_a = Object.keys(complexFilter)) === null || _a === void 0 ? void 0 : _a.reduce(function (pre, cur) {
         var item = dataSource.find(function (v) {
           return cur === v.field;
         });
         var itemValue = complexFilter[cur].value;
 
-        if ((0, _utils.getIsHas)(itemValue) && !!item) {
+        if (getIsHas(itemValue) && !!item) {
           // eslint-disable-next-line no-param-reassign
           pre[cur] = {
             fieldName: cur,
@@ -445,8 +414,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
     }
   }, [tranformQuery, state]); // 清除事件
 
-  var onClearChange = (0, _react.useCallback)(function () {
-    var _props$onClearChange;
+  var onClearChange = useCallback(function () {
+    var _a;
 
     var params = {
       searchFilter: {},
@@ -456,26 +425,26 @@ var useCoreOptions = function useCoreOptions(_ref) {
       basicQuery: {},
       type: 'clear'
     };
-    (_props$onClearChange = props.onClearChange) === null || _props$onClearChange === void 0 ? void 0 : _props$onClearChange.call(props, params);
+    (_a = props.onClearChange) === null || _a === void 0 ? void 0 : _a.call(props, params);
     onQuery(params);
   }, [onQuery]); // 根据字段查找过滤的数据, 不存在时返回默认值
 
-  var getFilterValue = (0, _react.useCallback)(function (_ref4) {
+  var getFilterValue = useCallback(function (_ref4) {
     var field = _ref4.field,
         type = _ref4.type;
 
-    if ((0, _utils.getIsHas)(state.basicFilter[field])) {
+    if (getIsHas(state.basicFilter[field])) {
       return state.basicFilter[field];
     }
 
-    var defaultValue = (0, _utils.getValueForType)(type);
+    var defaultValue = getValueForType(type);
     return state.basicFilter[field] || defaultValue;
   }, [state.basicFilter]); // 获取查询结构
 
-  var getFilterQuery = (0, _react.useCallback)(function () {
+  var getFilterQuery = useCallback(function () {
     var originData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dataSource;
-    var basicFilter = (0, _utils.getFilterShow)(state.basicFilter, originData);
-    var basicQuery = (0, _utils.getFilterShow)(state.basicQuery, originData);
+    var basicFilter = getFilterShow(state.basicFilter, originData);
+    var basicQuery = getFilterShow(state.basicQuery, originData);
     dispatch({
       type: 'changeBasicFilter',
       basicFilter: basicFilter
@@ -504,22 +473,24 @@ var useCoreOptions = function useCoreOptions(_ref) {
     };
   }, [state, dataSource]); // 设置筛选的值 itemValue => String || Array => ['', '', ...]
 
-  var setFilterValue = (0, _react.useCallback)(function (itemValue, item) {
+  var setFilterValue = useCallback(function (itemValue, item) {
     var field = item.field;
 
     if (field) {
-      // 基础查询数据(受控数据)
-      var basicFilter = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.basicFilter), {}, (0, _defineProperty2.default)({}, field, itemValue)); // 外部查询数据结构
+      // 将结果转换为字符串
+      var stringValue = enableAutoString ? String(itemValue) : itemValue; // 基础查询数据(受控数据)
+
+      var basicFilter = Object.assign(Object.assign({}, state.basicFilter), _defineProperty({}, field, stringValue)); // 外部查询数据结构
 
-      var basicQuery = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.basicQuery), {}, (0, _defineProperty2.default)({}, field, {
+      var basicQuery = Object.assign(Object.assign({}, state.basicQuery), _defineProperty({}, field, {
         fieldName: field,
         fieldType: item.valueType || 'string',
         type: item.type,
-        value: Array.isArray(itemValue) ? itemValue : [itemValue],
+        value: Array.isArray(stringValue) ? stringValue : [stringValue],
         operator: item.operator || 'equal'
       })); // 数据清除时不返回结构体
 
-      if (!(0, _utils.getIsHas)(itemValue)) {
+      if (!getIsHas(itemValue)) {
         delete basicFilter[field];
         delete basicQuery[field];
       } // 触发外部事件
@@ -533,17 +504,17 @@ var useCoreOptions = function useCoreOptions(_ref) {
     }
   }, [state]); // 单个设置过滤字段值, 会触发onChange事件, 多个字段时使用setLocalization
 
-  var setFilterFieldValue = (0, _react.useCallback)(function (field, value) {
+  var setFilterFieldValue = useCallback(function (field, value) {
     var item = dataSource.find(function (v) {
       return v.fidld === field;
     }) || {};
     setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(value, item);
   }, [dataSource]); // 读取缓存
 
-  var setLocalization = (0, _react.useCallback)(function () {
+  var setLocalization = useCallback(function () {
     var localization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.localization;
 
-    var _initLocalization = initLocalization((0, _objectSpread4.default)((0, _objectSpread4.default)({}, props), {}, {
+    var _initLocalization = initLocalization(Object.assign(Object.assign({}, props), {
       localization: localization
     })),
         searchFilter = _initLocalization.searchFilter,
@@ -579,20 +550,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
     });
   }, [props]); // 模糊查询结构
 
-  var setSearchFilter = (0, _react.useCallback)(function (itemValue, item) {
+  var setSearchFilter = useCallback(function (itemValue) {
     var searchFilter = searchKey === null || searchKey === void 0 ? void 0 : searchKey.reduce(function (pre, cur) {
       pre[cur] = itemValue;
       return pre;
-    }, (0, _objectSpread4.default)({}, state.searchFilter));
+    }, Object.assign({}, state.searchFilter));
     var searchQuery = searchKey === null || searchKey === void 0 ? void 0 : searchKey.reduce(function (pre, cur) {
-      pre[cur] = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, searchConfig), {}, {
+      pre[cur] = Object.assign(Object.assign({}, searchConfig), {
         fieldName: cur,
         value: [itemValue]
       });
       return pre;
-    }, (0, _objectSpread4.default)({}, state.searchQuery)); // 数据清除时不返回结构体
+    }, Object.assign({}, state.searchQuery)); // 数据清除时不返回结构体
 
-    if (!(0, _utils.getIsHas)(itemValue)) {
+    if (!getIsHas(itemValue)) {
       searchFilter = {};
       searchQuery = {};
     }
@@ -604,7 +575,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
     });
   }, [searchKey, state]); // 自定义筛选查询
 
-  var setCustomFilter = (0, _react.useCallback)(function (val) {
+  var setCustomFilter = useCallback(function (val) {
     var customFilter = customOptions.find(function (v) {
       return v.value === val;
     });
@@ -640,5 +611,4 @@ var useCoreOptions = function useCoreOptions(_ref) {
   };
 };
 
-var _default = useCoreOptions;
-exports.default = _default;
+export default useCoreOptions;

package/es/LmFilter/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmFilter/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmFilter/wrapper/Filter.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmFilter/wrapper/FilterContainer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmFilter/wrapper/FilterRoot.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmFilter/wrapper/FilterWrapper.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmImgList/LmImgList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LmImgListProps } from '.';
+declare const LmImgList: React.FC<LmImgListProps>;
+export default LmImgList;

package/es/LmImgList/LmImgList.js

@@ -0,0 +1,19 @@
+import React, { useRef, forwardRef } from 'react';
+import LmImgListRoot from './wrapper/Root';
+var LmImgList = /*#__PURE__*/forwardRef(function (props, ref) {
+  var defaultRef = useRef(null);
+  var defaultProps = Object.assign({
+    type: 'default',
+    height: null,
+    dataSource: [],
+    initialIndex: 1,
+    infinite: false,
+    enableWheel: false,
+    enableScale: false,
+    enableRotate: false
+  }, props);
+  return /*#__PURE__*/React.createElement(LmImgListRoot, Object.assign({
+    ref: ref || defaultRef
+  }, defaultProps));
+});
+export default LmImgList;

package/es/LmImgList/body/Banner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
+    instance: any;
+}) => JSX.Element>;
+export default _default;

package/es/LmImgList/body/Banner.js

@@ -0,0 +1,121 @@
+import React, { useMemo, useCallback } from 'react';
+import { Carousel } from 'linkmore-design';
+var BannerItem = /*#__PURE__*/React.memo(function (_ref) {
+  var key = _ref.key,
+      index = _ref.index,
+      item = _ref.item,
+      instance = _ref.instance;
+  var state = instance.state,
+      getIsVideo = instance.getIsVideo;
+  var transformProps = useMemo(function () {
+    if (index !== state.currentIndex) return {};
+    var _state$transform = state.transform,
+        scale = _state$transform.scale,
+        rotateZ = _state$transform.rotateZ;
+    return {
+      transform: "scale(".concat(scale, ") rotateZ(").concat(rotateZ, "deg)")
+    };
+  }, [state.currentIndex, state.transform]); // useEffect(() => {
+  //   // 1. 创建 IntersectionObserver对象
+  //   const ob = new IntersectionObserver(
+  //     (entry) => {
+  //       console.log('可见', entry[0].isIntersecting)
+  //       if (entry[0].isIntersecting) {
+  //         // 图片可见
+  //         if (imgRef.current) {
+  //           console.log('赋值src')
+  //           imgRef.current.src = item
+  //           setLoading(true)
+  //         }
+  //         ob.unobserve(imgRef.current!)
+  //       }
+  //     },
+  //     {
+  //       root: document.querySelector('.lm_imglist_banner'),
+  //     },
+  //   )
+  //   if (imgRef.current) {
+  //     // 2. 观察img
+  //     ob.observe(imgRef.current!)
+  //     return () => {
+  //       ob.disconnect()
+  //     }
+  //   }
+  // }, [])
+
+  var renderView = useMemo(function () {
+    if (getIsVideo(item)) {
+      return (
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement("video", {
+          width: "100%",
+          height: "100%",
+          controls: "controls"
+        }, /*#__PURE__*/React.createElement("source", {
+          src: item,
+          type: "video/mp4"
+        }), /*#__PURE__*/React.createElement("source", {
+          src: item,
+          type: "video/webm"
+        }), /*#__PURE__*/React.createElement("source", {
+          src: item,
+          type: "video/ogg"
+        }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01")
+      );
+    }
+
+    return /*#__PURE__*/React.createElement("img", {
+      loading: "lazy",
+      alt: "",
+      src: item,
+      style: transformProps
+    });
+  }, [getIsVideo, item, transformProps]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "banner_item"
+  }, renderView);
+});
+
+var BigImg = function BigImg(_ref2) {
+  var instance = _ref2.instance;
+  var dataSource = instance.dataSource,
+      bodyRef = instance.bodyRef,
+      enableWheel = instance.enableWheel,
+      infinite = instance.infinite,
+      setTransform = instance.setTransform,
+      beforeChange = instance.beforeChange;
+  var onWheel = useCallback(function (e) {
+    if (!enableWheel) return;
+
+    if ((e === null || e === void 0 ? void 0 : e.deltaY) <= 0) {
+      setTransform('zoomIn');
+    } else {
+      setTransform('zoomOut');
+    }
+  }, [enableWheel, setTransform]);
+  var config = {
+    dots: false,
+    infinite: infinite,
+    adaptiveHeight: false,
+    beforeChange: beforeChange
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm_imglist_banner",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    onWheel: onWheel
+  }, /*#__PURE__*/React.createElement(Carousel, Object.assign({
+    ref: bodyRef
+  }, config), dataSource.map(function (v, idx) {
+    return /*#__PURE__*/React.createElement(BannerItem, {
+      key: v || idx,
+      index: idx,
+      item: v,
+      instance: instance
+    });
+  })));
+};
+
+export default /*#__PURE__*/React.memo(BigImg);

package/es/LmImgList/body/Thumb.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
+    instance: any;
+}) => JSX.Element>;
+export default _default;