linkmore-design 1.0.71 → 1.0.74

package/es/ImageViewer/style/index.css

@@ -1,211 +1,107 @@
-.lm_upload_wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-.lm_upload_wrapper .lm_upload_core {
-  display: inline-flex;
-  vertical-align: middle;
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
-  font-size: 12px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  border: 1px solid var(--color-15);
-  background-color: var(--color-2);
-  transition: all 0.3s;
-  cursor: pointer;
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
-  border-color: var(--primary-color);
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
-  width: 100%;
-  text-align: center;
-  padding: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
-  color: var(--color-85);
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
-  color: var(--color-45);
-  margin-top: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_progress {
-  width: 100%;
-  height: 2px;
-  background-color: var(--color-4);
-  border-radius: 20px;
-  margin: 10px 0;
-}
-.lm_upload_wrapper .lm_upload_progress .line {
-  width: 0%;
-  height: 2px;
-  transition: 0.3;
-  background-color: var(--primary-color);
-  border-radius: 20px;
-}
-.lm_upload_wrapper .lm_upload_item {
-  vertical-align: middle;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--gap);
-  width: 100%;
-  height: 22px;
-  padding: 0 6px;
-  transition: 0.3s;
-  cursor: pointer;
+.lm_image_viewer_wrapper {
+  position: fixed;
+  inset: 0;
+  z-index: 1001;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
-  background-color: var(--color-2);
+.lm_image_viewer_wrapper .lm_image_viewer_mask {
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
-  flex: 1;
+.lm_image_viewer_wrapper .lm_image_viewer_container {
+  position: relative;
+  z-index: 2;
   display: flex;
+  flex-flow: column;
   align-items: center;
   gap: var(--gap);
+  height: 100vh;
+  padding: 50px 0;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
-  font-size: 14px;
-  color: var(--color-45);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
   flex: 1;
-  font-size: 14px;
-  color: var(--primary-color);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
-  display: inline-flex;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
-  width: 24px;
-  text-align: center;
-  color: var(--color-45);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
-  font-size: 14px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
-  color: var(--primary-color);
+  width: 51%;
+  max-height: 100%;
+  overflow: hidden;
+  touch-action: none;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.error {
-  color: var(--error-color);
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
+  height: 100%;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
   text-align: center;
-  border: 1px solid var(--color-15);
   border-radius: 2px;
-  padding: var(--gap);
-  transition: all 0.3s;
-  cursor: pointer;
+  overflow: hidden;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
+  display: inline-block;
   width: 100%;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
-  font-size: 34px;
-  color: var(--color-45);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
+  height: 100%;
   object-fit: contain;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
-  font-size: 12px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  margin-top: 8px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
-  position: absolute;
-  inset: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, 0.5);
-  opacity: 0;
   transition: 0.3s;
-  z-index: 1;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
   display: flex;
-  align-items: center;
+  width: 51%;
   gap: var(--gap);
-  color: #fff;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
-  opacity: 1;
+  overflow-x: auto;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error {
-  border-color: var(--error-color);
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  text-align: center;
+  border-radius: 2px;
+  border: 2px solid transparent;
+  transition: 0.3s;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
-  display: none;
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
+  display: inline-block;
+  width: 94px;
+  height: 94px;
+  object-fit: cover;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
-  color: var(--error-color);
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
+  border-color: var(--primary-color);
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 50px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--gap);
-  width: 100%;
-  border: 1px solid var(--color-15);
-  border-radius: 2px;
-  padding: var(--gap);
+  background-color: #fff;
+  border-radius: 100px;
+  gap: 24px;
+  font-size: 24px;
+  padding: 8px 12px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
   transition: 0.3s;
   cursor: pointer;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
-  border-color: var(--primary-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
-  flex: 1;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
-  width: 48px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb img {
-  width: 100%;
-  max-height: 80px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
-  flex: 1;
-  font-size: 14px;
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
   color: var(--primary-color);
-  transition: 0.3s;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
   display: flex;
   align-items: center;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
-  width: 24px;
-  text-align: center;
-  color: var(--color-45);
+  justify-content: center;
+  font-size: 32px;
+  height: 48px;
+  color: var(--color-contrast);
+  background-color: var(--text-color);
   transition: 0.3s;
+  cursor: pointer;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
-  font-size: 14px;
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
+  left: 40px;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
-  color: var(--primary-color);
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
+  right: 40px;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.error {
-  color: var(--error-color);
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
+  color: var(--primary-color);
 }

package/es/ImageViewer/wrapeer/Container.d.ts

@@ -0,0 +1,4 @@
+declare const LmImageViewerContainer: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmImageViewerContainer;

package/es/ImageViewer/wrapeer/Container.js

@@ -0,0 +1,31 @@
+// 根文件 => 参数聚合
+import React from 'react';
+import Carouserl from '../components/Carousel';
+import Thumb from '../components/Thumb';
+import Operate from '../components/Operate';
+import Arrows from '../components/Arrows';
+
+var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
+  var instance = _ref.instance;
+  var onClose = instance.onClose,
+      hideOnClickModal = instance.hideOnClickModal;
+
+  var handleClose = function handleClose() {
+    hideOnClickModal && onClose();
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "lm_image_viewer_container",
+    onClick: handleClose
+  }, /*#__PURE__*/React.createElement(Carouserl, {
+    instance: instance
+  }), /*#__PURE__*/React.createElement(Thumb, {
+    instance: instance
+  }), /*#__PURE__*/React.createElement(Operate, {
+    instance: instance
+  }), /*#__PURE__*/React.createElement(Arrows, {
+    instance: instance
+  })));
+};
+
+export default LmImageViewerContainer;

package/es/ImageViewer/wrapeer/Root.js

@@ -1,12 +1,44 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 // 根文件 => 参数聚合
-import React, { forwardRef, useImperativeHandle } from 'react';
+import React, { useMemo, useRef, useReducer, forwardRef, useImperativeHandle } from 'react';
+import reducer, { initialState as initReducerState } from './reducer';
+import useCoreOptions from '../fns';
+import LmImageViewerWrapper from './Wrapper';
 
 var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
-  // 向外暴露出的方法
+  var previewRef = useRef(null);
+  var initialState = useMemo(function () {
+    return initReducerState(props);
+  }, []);
+
+  var _useReducer = useReducer(reducer, initialState),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 获取核心Methods
+
+
+  var _useCoreOptions = useCoreOptions({
+    state: state,
+    dispatch: dispatch,
+    props: props,
+    previewRef: previewRef
+  }),
+      CoreMethods = _useCoreOptions.CoreMethods,
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
+
+
+  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
+    previewRef: previewRef,
+    state: state,
+    dispatch: dispatch
+  }); // 向外暴露出的方法
+
   useImperativeHandle(ref, function () {
     return {};
   });
-  return /*#__PURE__*/React.createElement("div", null, "ImageViewer");
+  return /*#__PURE__*/React.createElement(LmImageViewerWrapper, {
+    instance: instance
+  });
 };
 
 export default /*#__PURE__*/forwardRef(LmImageViewerRoot);

package/es/ImageViewer/wrapeer/Wrapper.d.ts

@@ -0,0 +1,4 @@
+declare const LmImageViewerWrapper: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmImageViewerWrapper;

package/es/ImageViewer/wrapeer/Wrapper.js

@@ -0,0 +1,28 @@
+// 根文件 => 参数聚合
+import React from 'react';
+import LmImageViewerContainer from './Container';
+
+var LmImageViewerWrapper = function LmImageViewerWrapper(_ref) {
+  var instance = _ref.instance;
+  var getVisible = instance.getVisible,
+      zIndex = instance.zIndex;
+
+  var handleClose = function handleClose() {
+    console.log('handleClose');
+  };
+
+  if (!getVisible()) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm_image_viewer_wrapper",
+    style: {
+      zIndex: zIndex
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lm_image_viewer_mask",
+    onClick: handleClose
+  }), /*#__PURE__*/React.createElement(LmImageViewerContainer, {
+    instance: instance
+  }));
+};
+
+export default LmImageViewerWrapper;

package/es/ImageViewer/wrapeer/reducer.d.ts

@@ -0,0 +1,10 @@
+export declare const reducer: (state: any, action: any) => any;
+export declare const initialState: (props: any) => {
+    currentIndex: any;
+    currentUrl: string;
+    transform: {
+        scale: number;
+        rotateZ: number;
+    };
+};
+export default reducer;

package/es/ImageViewer/wrapeer/reducer.js

@@ -0,0 +1,52 @@
+// 初始化状态值
+var defaultState = {
+  currentIndex: 0,
+  currentUrl: '',
+  transform: {
+    scale: 1,
+    rotateZ: 0 // Z轴旋转方向
+
+  } // 当前选中的图片变换
+
+}; // 状态管理操作
+
+export var reducer = function reducer(state, action) {
+  var transform = action.transform,
+      current = action.current,
+      visible = action.visible;
+
+  switch (action.type) {
+    case 'changeVisible':
+      // 控制显示隐藏
+      return Object.assign(Object.assign({}, state), {
+        visible: visible
+      });
+
+    case 'changeTransform':
+      // 改变转换
+      return Object.assign(Object.assign({}, state), {
+        transform: Object.assign(Object.assign({}, state.transform), transform)
+      });
+
+    case 'changeCurrent':
+      // 改变当前选中的图片
+      return Object.assign(Object.assign(Object.assign({}, state), current), {
+        transform: defaultState.transform
+      });
+
+    case 'init':
+      // 改变当前选中的图片
+      return Object.assign(Object.assign({}, state), defaultState);
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+export var initialState = function initialState(props) {
+  var initialIndex = props.initialIndex;
+  return Object.assign(Object.assign({}, defaultState), {
+    currentIndex: initialIndex
+  });
+};
+export default reducer;

package/es/LmFilter/Controls/index.js

@@ -29,6 +29,7 @@ var _DateFilter = _interopRequireDefault(require("../components/DateFilter"));
 
 var _excluded = ["item", "options"];
 
+// import Nested from './Nested';
 var Controls = function Controls(props) {
   var _props$item = props.item,
       item = _props$item === void 0 ? {} : _props$item,
@@ -49,23 +50,23 @@ var Controls = function Controls(props) {
     children: null
   };
   var obj = {
-    'select': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+    select: /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
       options: options
     }, resetProps)),
-    'checkbox': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+    checkbox: /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
       options: options
     }, resetProps)),
-    'cascader': /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, {
+    cascader: /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, {
       instance: instance,
       item: item,
       options: options
     }),
-    'date': /*#__PURE__*/_react.default.createElement(_DateFilter.default, {
+    date: /*#__PURE__*/_react.default.createElement(_DateFilter.default, {
       instance: instance,
       item: item,
       options: options
     }),
-    'input': /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+    input: /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
       placeholder: "\u8BF7\u8F93\u5165"
     }, resetProps)) // 'nested': <Nested options={options} {...resetProps} />,
 

package/es/LmFilter/customFilter/index.js

@@ -75,7 +75,7 @@ var LmFilterCustom = function LmFilterCustom(_ref) {
       });
       setVisible(false);
     },
-    setFilterValue: function setFilterValue(val, valObj) {
+    setFilterValue: function setFilterValue(val) {
       setCustomFilter === null || setCustomFilter === void 0 ? void 0 : setCustomFilter(val);
       setVisible(false);
     },

package/es/LmFilter/customFilter/saveModal.js

@@ -128,7 +128,7 @@ var Save = function Save(_ref) {
   }();
 
   var modalProps = {
-    title: "保存查询",
+    title: '保存查询',
     size: 'small',
     visible: saveModal.visible,
     zIndex: 1001,

package/es/LmFilter/customFilter/valueDrawer.js

@@ -27,8 +27,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _linkmoreDesign = require("linkmore-design");
 
-var _utils = require("../utils");
-
 var _Controls = _interopRequireDefault(require("../Controls"));
 
 // 第二层抽屉，弹出数据选择
@@ -56,12 +54,12 @@ var ValueDrawer = function ValueDrawer(_ref) {
   /*
    * customModal.data.type === 'nested' 时,处理不同
    *
-  */
+   */
 
 
   var onSave = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _yield$form$validateF, field, mode, value, filterValues, currentItem, isNested, nField, nValue, _value$subValue;
+      var _yield$form$validateF, mode, value, filterValues, currentItem, isNested, nField, nValue, _value$subValue;
 
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
@@ -73,7 +71,6 @@ var ValueDrawer = function ValueDrawer(_ref) {
 
             case 3:
               _yield$form$validateF = _context.sent;
-              field = _yield$form$validateF.field;
               mode = _yield$form$validateF.mode;
               value = _yield$form$validateF.value;
               // 选中的筛选数据
@@ -113,19 +110,19 @@ var ValueDrawer = function ValueDrawer(_ref) {
                 })
               });
               onClose();
-              _context.next = 20;
+              _context.next = 19;
               break;
 
-            case 18:
-              _context.prev = 18;
+            case 17:
+              _context.prev = 17;
               _context.t0 = _context["catch"](0);
 
-            case 20:
+            case 19:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 18]]);
+      }, _callee, null, [[0, 17]]);
     }));
 
     return function onSave() {

package/es/LmFilter/wrapper/FilterRoot.js

@@ -165,7 +165,7 @@ var LmFilterRoot = function LmFilterRoot(props, ref) {
     props: props
   }),
       CoreMethods = _useCoreOptions.CoreMethods,
-      RefMethods = _useCoreOptions.RefMethods; // 组件示例
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
 
 
   var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), CoreMethods), RefMethods), {}, {

package/es/Locale/index.d.ts

@@ -0,0 +1,6 @@
+declare const Locale: {
+    enUS: import("antd/es/locale-provider").Locale;
+    zhCN: import("antd/es/locale-provider").Locale;
+    arEG: import("antd/es/locale-provider").Locale;
+};
+export default Locale;

package/es/Locale/index.js

@@ -0,0 +1,9 @@
+import enUS from 'antd/es/locale/en_US';
+import zhCN from 'antd/es/locale/zh_CN';
+import arEG from 'antd/es/locale/ar_EG';
+var Locale = {
+  enUS: enUS,
+  zhCN: zhCN,
+  arEG: arEG
+};
+export default Locale;