linkmore-design 1.0.73 → 1.0.74

package/es/ImageViewer/wrapeer/Root.js

@@ -1,10 +1,37 @@
+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 instance = Object.assign({}, props); // 向外暴露出的方法
+  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 {};

package/es/ImageViewer/wrapeer/Wrapper.js

@@ -4,9 +4,23 @@ 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_viwer_wrapper"
-  }, /*#__PURE__*/React.createElement(LmImageViewerContainer, {
+    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
   }));
 };

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/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;

package/es/Locale/style/index.css

@@ -0,0 +1,141 @@
+.lm-radio {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-radio > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio .ant-radio .ant-radio-inner {
+  border-color: var(--stroke-color);
+}
+.lm-radio .ant-radio:hover .ant-radio-inner {
+  border-color: var(--primary-color);
+}
+.lm-radio .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
+  background-color: var(--tip-text-color);
+}
+.lm-radio .ant-radio-disabled .ant-radio-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-radio .ant-radio-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group .ant-radio-button-wrapper {
+  font-size: 12px;
+  height: 32px;
+  padding: 0px 12px;
+  color: var(--font-color);
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+  line-height: 1;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper > span:last-child {
+  display: inline-block;
+  font-size: 12px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) .ant-radio-button-wrapper:first-child {
+  border-right-color: var(--primary-hover-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+  color: var(--primary-hover-color);
+  border-color: var(--primary-hover-color);
+}
+.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
+  line-height: 38px;
+  height: 40px;
+}
+.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper > span:last-child {
+  line-height: 38px;
+}
+.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
+  line-height: 22px;
+  height: 24px;
+  padding: 0px 8px;
+}
+.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
+  line-height: 22px;
+}
+.lm-radio-group .ant-radio-wrapper {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-radio-group .ant-radio-wrapper > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
+  background-color: var(--tip-text-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled {
+  color: var(--disabled-font-color);
+  background-color: var(--disabled-bg-color);
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+  color: #b8b8b8 !important;
+  background-color: var(--background-color-hover);
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group.lm-radio-group-row {
+  display: flex;
+  flex-direction: row;
+}
+.lm-radio-group.lm-radio-group-column {
+  display: flex;
+  flex-direction: column;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio {
+  margin-bottom: 12px;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio > span:last-child {
+  max-width: 216px;
+  overflow: hidden;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0 8px;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio:last-child {
+  margin-bottom: 0;
+}

package/es/Locale/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/es/Pagination/index.js

@@ -16,6 +16,8 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import classNames from 'classnames';
+import ConfigProvider from '../ConfigProvider';
+var ConfigContext = ConfigProvider.ConfigContext;
 var prefixCls = 'lm_pagination';
 
 var LMPagination = function LMPagination(props) {
@@ -23,15 +25,26 @@ var LMPagination = function LMPagination(props) {
       className = props.className,
       others = __rest(props, ["children", "className"]);
 
+  var _React$useContext = React.useContext(ConfigContext),
+      locale = _React$useContext.locale; // 更改中文语言包内容显示
+
+
+  var paginationLocale = React.useMemo(function () {
+    if ((locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn') {
+      return {
+        items_per_page: '/条',
+        jump_to: '前往',
+        page: '页'
+      };
+    }
+
+    return {};
+  }, [locale]);
   return /*#__PURE__*/React.createElement(_Pagination, Object.assign({
     className: classNames(className, prefixCls),
     size: "small"
   }, others, {
-    locale: {
-      items_per_page: '/条',
-      jump_to: '前往',
-      page: '页'
-    }
+    locale: paginationLocale
   }));
 };
 

package/es/index.d.ts

@@ -1,3 +1,5 @@
+export { default as ConfigProvider } from './ConfigProvider';
+export { default as Locale } from './Locale';
 export { default as Button } from './Button';
 export { default as ButtonTags } from './ButtonTags';
 export { default as Card } from './Card';

package/es/index.js

@@ -1,3 +1,5 @@
+export { default as ConfigProvider } from './ConfigProvider';
+export { default as Locale } from './Locale';
 export { default as Button } from './Button';
 export { default as ButtonTags } from './ButtonTags';
 export { default as Card } from './Card';

package/lib/ConfigProvider/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/config-provider/style");
+
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+
+var _default = _configProvider.default;
+exports.default = _default;

package/lib/ConfigProvider/style/index.css

@@ -0,0 +1,141 @@
+.lm-radio {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-radio > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio .ant-radio .ant-radio-inner {
+  border-color: var(--stroke-color);
+}
+.lm-radio .ant-radio:hover .ant-radio-inner {
+  border-color: var(--primary-color);
+}
+.lm-radio .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
+  background-color: var(--tip-text-color);
+}
+.lm-radio .ant-radio-disabled .ant-radio-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-radio .ant-radio-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group .ant-radio-button-wrapper {
+  font-size: 12px;
+  height: 32px;
+  padding: 0px 12px;
+  color: var(--font-color);
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+  line-height: 1;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper > span:last-child {
+  display: inline-block;
+  font-size: 12px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) .ant-radio-button-wrapper:first-child {
+  border-right-color: var(--primary-hover-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+  color: var(--primary-hover-color);
+  border-color: var(--primary-hover-color);
+}
+.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
+  line-height: 38px;
+  height: 40px;
+}
+.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper > span:last-child {
+  line-height: 38px;
+}
+.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
+  line-height: 22px;
+  height: 24px;
+  padding: 0px 8px;
+}
+.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
+  line-height: 22px;
+}
+.lm-radio-group .ant-radio-wrapper {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-radio-group .ant-radio-wrapper > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
+  background-color: var(--tip-text-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled {
+  color: var(--disabled-font-color);
+  background-color: var(--disabled-bg-color);
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+  color: #b8b8b8 !important;
+  background-color: var(--background-color-hover);
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group.lm-radio-group-row {
+  display: flex;
+  flex-direction: row;
+}
+.lm-radio-group.lm-radio-group-column {
+  display: flex;
+  flex-direction: column;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio {
+  margin-bottom: 12px;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio > span:last-child {
+  max-width: 216px;
+  overflow: hidden;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0 8px;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio:last-child {
+  margin-bottom: 0;
+}

package/lib/ConfigProvider/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/ImageViewer/LmImageViewer.js

@@ -30,19 +30,18 @@ var LmImageViewer = function LmImageViewer(_a, ref) {
   var resetProps = __rest(_a, []);
 
   var defaultRef = (0, _react.useRef)(null);
-  var defaultConfig = {
-    visible: false,
+  var defaultConfig = Object.assign({
+    visible: null,
     urlList: [],
-    zIndex: 1,
+    zIndex: 2001,
     initialIndex: 0,
     infinite: false,
-    hideOnClickModal: false,
-    close: function close() {} // 触发关闭时的事件
-
-  };
+    hideOnClickModal: true,
+    close: function close() {}
+  }, resetProps);
   return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
     ref: ref || defaultRef
-  }, defaultConfig, resetProps));
+  }, defaultConfig));
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmImageViewer);

package/lib/ImageViewer/components/Arrows.d.ts

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