linkmore-design 1.1.2 → 1.1.4

package/es/CropImg/wrapper/Root.js

@@ -0,0 +1,44 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useMemo, useReducer, forwardRef, useImperativeHandle } from 'react';
+import reducer, { initialState as initReducerState } from './reducer';
+import useCoreOptions from '../fns';
+import Wrapper from './Wrapper';
+var LmBox = /*#__PURE__*/forwardRef(function (props, ref) {
+  var initialState = useMemo(function () {
+    return initReducerState();
+  }, []);
+
+  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
+  }),
+      CoreMethds = _useCoreOptions.CoreMethds,
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
+
+
+  var instance = useMemo(function () {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethds), RefMethods), {
+      state: state,
+      dispatch: dispatch
+    });
+  }, [props, RefMethods, state, dispatch]); // 向外暴露出的方法
+
+  useImperativeHandle(ref, function () {
+    return Object.assign({
+      getState: function getState() {
+        return state;
+      }
+    }, RefMethods);
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    instance: instance
+  });
+});
+export default LmBox;

package/es/CropImg/wrapper/Wrapper.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/CropImg/wrapper/Wrapper.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Container from './Container';
+
+var Wrapper = function Wrapper(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement(Container, {
+    instance: instance
+  });
+};
+
+export default /*#__PURE__*/React.memo(Wrapper);

package/es/CropImg/wrapper/reducer.d.ts

@@ -0,0 +1,13 @@
+export declare const reducer: (state: any, action: any) => any;
+export declare const initialState: () => {
+    visible: boolean;
+    zoom: number;
+    rotation: number;
+    crop: {
+        x: number;
+        y: number;
+    };
+    croppedAreaPixels: any;
+    croppedImage: any;
+};
+export default reducer;

package/es/CropImg/wrapper/reducer.js

@@ -0,0 +1,33 @@
+var defaultState = {
+  visible: false,
+  zoom: 1,
+  rotation: 0,
+  crop: {
+    x: 0,
+    y: 0
+  },
+  croppedAreaPixels: null,
+  croppedImage: null // 裁剪后的图片File
+
+}; // 状态管理操作
+
+export var reducer = function reducer(state, action) {
+  var result = action.result,
+      init = action.init;
+
+  switch (action.type) {
+    case 'changeInit':
+      return Object.assign(Object.assign(Object.assign({}, state), defaultState), init);
+
+    case 'changeResult':
+      return Object.assign(Object.assign({}, state), result);
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+export var initialState = function initialState() {
+  return Object.assign({}, defaultState);
+};
+export default reducer;

package/es/DatePicker/PickerButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ButtonProps } from 'antd';
 export default function PickerButton(props: ButtonProps): JSX.Element;

package/es/DatePicker/PickerTag.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ILMTagProps } from '../Tag';
 export default function PickerTag(props: ILMTagProps): JSX.Element;

package/es/Empty/index.js

@@ -18,8 +18,8 @@ var __rest = this && this.__rest || function (s, e) {
 import classNames from 'classnames';
 import * as React from 'react';
 import { useMemo } from 'react';
-import { ConfigContext } from 'antd/es/config-provider';
-import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import { ConfigContext } from '../ConfigProvider';
+import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import DefaultEmptyImg from './empty';
 import SimpleEmptyImg from './simple';
 var defaultEmptyImg = /*#__PURE__*/React.createElement(DefaultEmptyImg, null);
@@ -62,6 +62,7 @@ var Empty = function Empty(_a) {
     }, function (locale) {
       var _classNames;
 
+      console.log(locale, 'lllll');
       var prefixCls = getPrefixCls('empty', customizePrefixCls);
       var des = typeof description !== 'undefined' ? description : locale.description;
       var alt = typeof des === 'string' ? des : 'empty';

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

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

package/es/ImageViewer/wrapeer/Container.js

@@ -28,4 +28,4 @@ var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
   })));
 };
 
-export default LmImageViewerContainer;
+export default /*#__PURE__*/React.memo(LmImageViewerContainer);

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

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

package/es/ImageViewer/wrapeer/Wrapper.js

@@ -25,4 +25,4 @@ var LmImageViewerWrapper = function LmImageViewerWrapper(_ref) {
   }));
 };
 
-export default LmImageViewerWrapper;
+export default /*#__PURE__*/React.memo(LmImageViewerWrapper);

package/es/LmEditTable/EditTable.js

@@ -571,9 +571,9 @@ var EditableCell = function EditableCell(props) {
         {
           var render = resultComponentProps.render;
           var fromData = form.getFieldsValue();
-          return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !isObjEmpty(fromData) ? Object.assign(Object.assign({}, record), fromData) : record), {
+          return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !isObjEmpty(fromData) ? Object.assign(Object.assign({}, record), _defineProperty({}, dataIndex, fromData[dataIndex])) : record), {
             onChange: save
-          }));
+          })); // return render?.({ ...(!isObjEmpty(fromData) ? {...record, ...fromData} : record), onChange: save })
         }
 
       default:

package/es/LmEditTable/sortableItemCol.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function SortableItem(props: any): JSX.Element;

package/es/LmFilter/components/CheckboxFilter.js

@@ -104,7 +104,10 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
       return !options.some(function (v) {
         return v.value === value;
       });
-    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options)), 'value');
+    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options.map(function (_ref3) {
+      var value = _ref3.value;
+      return value;
+    }))), 'value');
     setCheckedValues(nValue);
   }; // 取消 不执行查询操作 关闭下拉框
 
@@ -157,9 +160,9 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
     options: options,
     className: "filter_list"
-  }, function (_ref3) {
-    var item = _ref3.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  }, function (_ref4) {
+    var item = _ref4.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
         checked: checkedValues.some(function (value) {

package/es/LmFilter/filterFns/index.js

@@ -471,14 +471,26 @@ var useCoreOptions = function useCoreOptions(_ref) {
       filterQuery: filterQuery,
       type: 'basic'
     };
-  }, [state, dataSource]); // 设置筛选的值 itemValue => String || Array => ['', '', ...]
+  }, [state, dataSource]);
+  /*
+   * 设置筛选的值 itemValue => String || Array => ['', '', ...]
+   * 后端仅接受数组包字符串形式, 不接受数值及布尔值
+   */
 
   var setFilterValue = useCallback(function (itemValue, item) {
     var field = item.field;
 
     if (field) {
       // 将结果转换为字符串
-      var stringValue = enableAutoString ? String(itemValue) : itemValue; // 基础查询数据(受控数据)
+      var isArray = Array.isArray(itemValue);
+
+      var transformString = function transformString(val) {
+        return isArray ? val.map(function (v) {
+          return String(v);
+        }) : String(val);
+      };
+
+      var stringValue = enableAutoString ? transformString(itemValue) : itemValue; // 基础查询数据(受控数据)
 
       var basicFilter = Object.assign(Object.assign({}, state.basicFilter), _defineProperty({}, field, stringValue)); // 外部查询数据结构
 
@@ -486,7 +498,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
         fieldName: field,
         fieldType: item.valueType || 'string',
         type: item.type,
-        value: Array.isArray(stringValue) ? stringValue : [stringValue],
+        value: isArray ? stringValue : [stringValue],
         operator: item.operator || 'equal'
       })); // 数据清除时不返回结构体
 

package/es/LmFilter/style/index.css

@@ -113,53 +113,53 @@
   visibility: hidden;
   transform: translateY(-36px);
 }
-.ant-dropdown .filter_dropdown {
+.filter_dropdown {
   display: flex;
   flex-flow: column;
   box-shadow: 0 2px 6px var(--box-shadow-color);
   background-color: #fff;
 }
-.ant-dropdown .filter_dropdown .filter_header {
+.filter_dropdown .filter_header {
   min-height: 40px;
   border-bottom: 1px solid #eee;
   padding: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
+.filter_dropdown .filter_header .filter_header_operate {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
+.filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
   display: inline-flex;
   align-items: center;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
+.filter_dropdown .filter_header .filter_header_operate .filter_reset {
   font-size: 12px;
   color: var(--primary-color);
   cursor: pointer;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
+.filter_dropdown .filter_header .filter_header_operate .filter_tip {
   font-size: 12px;
   color: var(--text-color);
 }
-.ant-dropdown .filter_dropdown .filter_header .ant-input-group {
+.filter_dropdown .filter_header .ant-input-group {
   line-height: 1;
 }
-.ant-dropdown .filter_dropdown .filter_header input {
+.filter_dropdown .filter_header input {
   font-size: 12px;
 }
-.ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
+.filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
   margin-top: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body {
+.filter_dropdown .filter_body {
   width: 100%;
 }
-.ant-dropdown .filter_dropdown .filter_body .virtual_list {
+.filter_dropdown .filter_body .virtual_list {
   min-width: 168px;
   max-height: 224px;
   overflow: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item {
+.filter_dropdown .filter_body .filter_item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -172,39 +172,39 @@
   cursor: pointer;
   gap: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.last_item {
+.filter_dropdown .filter_body .filter_item.last_item {
   border-top: 1px solid var(--line-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
+.filter_dropdown .filter_body .filter_item .filter_item_content {
   flex: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate {
+.filter_dropdown .filter_body .filter_item .filter_item_operate {
   display: inline-flex;
   align-items: center;
   gap: 4px;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
   font-size: 16px;
   transition: 0.3s;
   opacity: 0;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
   color: var(--primary-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
+.filter_dropdown .filter_body .filter_item[disabled] {
   display: none;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+.filter_dropdown .filter_body .filter_item.checked {
   color: var(--font-color);
   background-color: var(--primary-select-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
+.filter_dropdown .filter_body .filter_item:hover {
   background-color: var(--background-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
+.filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
   opacity: 1;
 }
-.ant-dropdown .filter_dropdown .filter_footer {
+.filter_dropdown .filter_footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -214,24 +214,24 @@
   border-top: 1px solid #eee;
   letter-spacing: 1px;
 }
-.ant-dropdown .filter_dropdown .filter_footer button {
+.filter_dropdown .filter_footer button {
   font-size: 12px;
   padding: 0 8px;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_save {
+.filter_dropdown .filter_footer .footer_save {
   color: var(--primary-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear {
+.filter_dropdown .filter_footer .footer_clear {
   color: var(--text-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
+.filter_dropdown .filter_footer .footer_clear:hover {
   color: var(--font-color);
 }
-.ant-dropdown .filter_dropdown .filter_empty {
+.filter_dropdown .filter_empty {
   display: flex;
   flex-flow: column;
   align-items: center;
@@ -243,19 +243,19 @@
   margin: auto;
   gap: 4px;
 }
-.ant-dropdown .filter_dropdown .filter_empty .filter_empty_text {
+.filter_dropdown .filter_empty .filter_empty_text {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 20px;
   color: var(--font-color);
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
+.filter_dropdown .ant-checkbox-wrapper {
   flex: 1;
   font-size: 12px;
   align-items: center;
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
+.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
   top: initial;
 }
 .ant-drawer .ant-drawer-header .ant-drawer-title {
@@ -420,6 +420,49 @@
 .lm_filter_dropdown_picker {
   padding: 0 !important;
 }
+.lm_filter_dropdown_picker .filter_picker_box {
+  display: flex;
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside {
+  font-size: 12px;
+  border-right: 1px solid var(--background-color-hover);
+  padding: 6px 0;
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item:hover,
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item.active {
+  background-color: var(--primary-select-color);
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 40px;
+  line-height: 1;
+  padding: 0 16px;
+  border-bottom: 1px solid var(--background-color-hover);
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper {
+  font-size: 12px;
+  color: var(--font2-color);
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper:hover,
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
+  color: var(--primary-color);
+}
 .lm_filter_dropdown_picker .ant-picker-range-arrow {
   display: none;
 }
+.ant-select-dropdown.ant-cascader-dropdown {
+  padding: 0;
+}
+.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
+  padding: 5px 8px;
+}