linkmore-design 1.0.53 → 1.0.54

package/lib/LmFilter/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _LmFilter = _interopRequireDefault(require("./LmFilter"));
+
+var _components = _interopRequireDefault(require("./components"));
+
+_LmFilter.default.FilterControl = _components.default;
+var _default = _LmFilter.default;
+exports.default = _default;

package/lib/LmFilter/style/index.js

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

package/lib/LmFilter/style/style.css

@@ -0,0 +1,189 @@
+.lm_filter_wrapper .lm_filter_container,
+.lm_filter_wrapper .lm_filter,
+.lm_filter_wrapper .lm_filter_basic {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  max-width: 140px;
+}
+.lm_filter_basic_item {
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+  border-radius: 2px;
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+  height: 32px;
+  gap: 4px;
+}
+.lm_filter_basic_item.small {
+  height: 24px;
+}
+.lm_filter_basic_item:hover,
+.lm_filter_basic_item.expand,
+.lm_filter_basic_item.active {
+  background-color: var(--color-4);
+}
+.lm_filter_basic_item .filter_item_value {
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_filter_basic_item .filter_item_icon {
+  font-size: 14px;
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_filter_basic_item .filter_item_icon:hover {
+  color: var(--primary-color);
+}
+.lm_filter_basic_item.expand .filter_item_icon {
+  transform: rotateX(180deg);
+}
+.lm_filter_basic_item.active .filter_item_value {
+  color: var(--primary-color);
+}
+.lm_filter_basic_item.active .filter_item_icon {
+  transform: rotateX(180deg);
+}
+.ant-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 {
+  min-height: 40px;
+  border-bottom: 1px solid #eee;
+  padding: 8px;
+}
+.ant-dropdown .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 {
+  display: inline-flex;
+  align-items: center;
+}
+.ant-dropdown .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 {
+  font-size: 12px;
+  color: var(--text-color);
+}
+.ant-dropdown .filter_dropdown .filter_header .ant-input-group {
+  line-height: 1;
+}
+.ant-dropdown .filter_dropdown .filter_header input {
+  font-size: 12px;
+}
+.ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
+  margin-top: 8px;
+}
+.ant-dropdown .filter_dropdown .filter_body {
+  width: 100%;
+}
+.ant-dropdown .filter_dropdown .filter_body .virtual_list {
+  min-width: 168px;
+  max-height: 224px;
+  overflow: auto;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  height: 32px;
+  min-width: 120px;
+  padding: 0 8px;
+  transition: 0.3s;
+  white-space: nowrap;
+  cursor: pointer;
+  gap: 8px;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item.add_more {
+  border-top: 1px solid var(--stripe-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
+  flex: auto;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
+  font-size: 16px;
+  color: var(--primary-color);
+  transition: 0.3s;
+  opacity: 0;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
+  display: none;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+  background-color: var(--primary-select-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
+  background-color: var(--stripe-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
+  opacity: 1;
+}
+.ant-dropdown .filter_dropdown .filter_footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  min-height: 32px;
+  padding: 6px 8px;
+  border-top: 1px solid #eee;
+  letter-spacing: 1px;
+}
+.ant-dropdown .filter_dropdown .filter_footer button {
+  font-size: 12px;
+  padding: 0 8px;
+}
+.ant-dropdown .filter_dropdown .filter_footer .footer_save {
+  color: var(--primary-color);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.ant-dropdown .filter_dropdown .filter_footer .footer_clear {
+  color: var(--text-color);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
+  color: var(--font-color);
+}
+.ant-dropdown .filter_dropdown .filter_empty {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  min-height: 40px;
+  color: #666;
+  padding: 16px 8px;
+  margin: auto;
+  gap: 4px;
+}
+.ant-dropdown .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 {
+  flex: 1;
+  font-size: 12px;
+  align-items: center;
+}
+.ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
+  top: initial;
+}

package/lib/LmFilter/utils.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsHas = getIsHas;
+exports.getRanges = getRanges;
+exports.getValueForType = getValueForType;
+exports.uniqueFunc = uniqueFunc;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+// 检查是否存在内容
+function getIsHas(val) {
+  // 检查是否数字类型, 是否布尔类型
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && (0, _typeof2.default)(val) === 'object') {
+    var _Object$keys;
+
+    flag = Array.isArray(val) ? !!val.length : !!((_Object$keys = Object.keys(val)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length);
+  }
+
+  return flag;
+} // 根据类型返回对应的值
+
+
+function getValueForType(type) {
+  if (['checkbox', 'cascader'].includes(type)) {
+    return [];
+  }
+
+  return '';
+} // 数组对象去重
+
+
+function uniqueFunc(arr, guid) {
+  var res = new Map();
+  return arr.filter(function (item) {
+    return !res.has(item[guid]) && res.set(item[guid], 1);
+  });
+} // 获取最近的时间段
+
+
+function getRanges() {
+  return {
+    '近一周': [(0, _dayjs.default)().subtract(7, 'day').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
+    '近一月': [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
+    '近一年': [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
+  };
+}

package/lib/LmFilter/wrapper/Filter.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseFilter = _interopRequireDefault(require("../baseFilter"));
+
+var _customFilter = _interopRequireDefault(require("../customFilter"));
+
+var _complexFilter = _interopRequireDefault(require("../complexFilter"));
+
+// 筛选组合
+var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter"
+  }, /*#__PURE__*/_react.default.createElement(_customFilter.default, {
+    instance: instance
+  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, {
+    instance: instance
+  }), /*#__PURE__*/_react.default.createElement(_complexFilter.default, {
+    instance: instance
+  }));
+});
+
+var _default = LmFilter;
+exports.default = _default;

package/lib/LmFilter/wrapper/FilterContainer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Filter = _interopRequireDefault(require("./Filter"));
+
+var _clearFilter = _interopRequireDefault(require("../clearFilter"));
+
+// 过滤组件主体区域
+var LmFilterContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_container"
+  }, /*#__PURE__*/_react.default.createElement(_Filter.default, {
+    instance: instance
+  }), /*#__PURE__*/_react.default.createElement(_clearFilter.default, {
+    instance: instance
+  }));
+});
+
+var _default = LmFilterContainer;
+exports.default = _default;

package/lib/LmFilter/wrapper/FilterRoot.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterWrapper = _interopRequireDefault(require("./FilterWrapper"));
+
+var _filterFns = _interopRequireDefault(require("../filterFns"));
+
+// 根文件 => 参数聚合
+var reducer = function reducer(state, action) {
+  var basicFilter = action.basicFilter,
+      resize = action.resize,
+      rows = action.rows;
+
+  switch (action.type) {
+    case 'changeBasicFilter':
+      // 基础筛选数据改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        basicFilter: basicFilter
+      });
+
+    case 'changeRows':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        rows: rows
+      });
+
+    case 'windowResize':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        resize: resize
+      });
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+
+var getInitialState = function getInitialState(props) {
+  return {
+    basicFilter: {}
+  };
+};
+
+var LmFilterRoot = function LmFilterRoot(props, ref) {
+  var initialState = (0, _react.useMemo)(function () {
+    return getInitialState(props);
+  }, []);
+
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 初始化配置
+
+
+  var configProps = (0, _react.useMemo)(function () {
+    var resetProps = (0, _extends2.default)({}, props);
+    return (0, _objectSpread2.default)({
+      dataSource: [],
+      // 数据源
+      enableSearch: true,
+      // 是否启用模糊查询
+      enableBaisc: true,
+      // 是否启用基础筛选
+      enableComplex: false,
+      // 是否启用高级筛选
+      enableCustom: false,
+      // 是否启用自定义筛选
+      size: 'middle',
+      // 尺寸
+      searchKey: 'search',
+      // 搜索的key值
+      placeholder: '请输入'
+    }, resetProps);
+  }, [props]); // 事件集合
+
+  var eventProps = (0, _react.useMemo)(function () {
+    return (0, _filterFns.default)({
+      state: state,
+      dispatch: dispatch,
+      props: props
+    });
+  }, [state, dispatch, props]); // 组件示例
+
+  var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
+    state: state,
+    dispatch: dispatch
+  }); // 向外暴露出的方法
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread2.default)({}, eventProps);
+  });
+  return /*#__PURE__*/_react.default.createElement(_FilterWrapper.default, {
+    instance: instance
+  });
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilterRoot);
+
+exports.default = _default;

package/lib/LmFilter/wrapper/FilterWrapper.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FilterContainer = _interopRequireDefault(require("./FilterContainer"));
+
+// 包裹过滤组件区域: 拓展其他结构
+var LmFilterWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_FilterContainer.default, {
+    instance: instance
+  }));
+});
+
+var _default = LmFilterWrapper;
+exports.default = _default;

package/lib/_util/getDataOrAriaProps.d.ts

@@ -0,0 +1 @@
+export default function getDataOrAriaProps(props: any): any;

package/lib/_util/getDataOrAriaProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getDataOrAriaProps;
+
+function getDataOrAriaProps(props) {
+  return Object.keys(props).reduce(function (prev, key) {
+    if ((key.startsWith('data-') || key.startsWith('aria-') || key === 'role') && !key.startsWith('data-__')) {
+      prev[key] = props[key];
+    }
+
+    return prev;
+  }, {});
+}

package/lib/_util/reactNode.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const isValidElement: typeof React.isValidElement;
+declare type AnyObject = Record<any, any>;
+declare type RenderProps = undefined | AnyObject | ((originProps: AnyObject) => AnyObject | undefined);
+export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props: RenderProps): React.ReactNode;
+export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
+export {};

package/lib/_util/reactNode.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cloneElement = cloneElement;
+exports.isValidElement = void 0;
+exports.replaceElement = replaceElement;
+
+var React = _interopRequireWildcard(require("react"));
+
+var isValidElement = React.isValidElement;
+exports.isValidElement = isValidElement;
+
+function replaceElement(element, replacement, props) {
+  if (!isValidElement(element)) return replacement;
+  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+}
+
+function cloneElement(element, props) {
+  return replaceElement(element, element, props);
+}

package/lib/index.d.ts

@@ -22,7 +22,7 @@ export { default as LmSelect } from './LmSelect';
 export { default as LoadingPage } from './LoadingPage';
 export { default as Menu } from './Menu';
 export { default as Modal } from './Modal';
-export { default as notification } from './Notification';
+export { default as notification } from './notification';
 export { default as OldModal } from './OldModal';
 export { default as Pagination } from './Pagination';
 export { default as PopTable } from './PopTable';

package/lib/index.js

@@ -296,7 +296,7 @@ Object.defineProperty(exports, "message", {
 Object.defineProperty(exports, "notification", {
   enumerable: true,
   get: function get() {
-    return _Notification.default;
+    return _notification.default;
   }
 });
 
@@ -348,7 +348,7 @@ var _Menu = _interopRequireDefault(require("./Menu"));
 
 var _Modal = _interopRequireDefault(require("./Modal"));
 
-var _Notification = _interopRequireDefault(require("./Notification"));
+var _notification = _interopRequireDefault(require("./notification"));
 
 var _OldModal = _interopRequireDefault(require("./OldModal"));
 

package/lib/message/style/index.css

@@ -519,6 +519,7 @@ html {
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
   transition: width 0.2s;
+  animation-timing-function: linear;
 }
 .lm_message:hover .message_progress {
   width: 100%;

package/lib/notification/hooks/useNotification.d.ts

@@ -0,0 +1,7 @@
+import type { NoticeContent as RCNoticeContent, NotificationInstance as RCNotificationInstance } from 'rc-notification/lib/Notification';
+import * as React from 'react';
+import type { ArgsProps, NotificationInstance } from '..';
+export default function createUseNotification(getNotificationInstance: (args: ArgsProps, callback: (info: {
+    prefixCls: string;
+    instance: RCNotificationInstance;
+}) => void) => void, getRCNoticeProps: (args: ArgsProps, prefixCls: string) => RCNoticeContent): () => [NotificationInstance, React.ReactElement];

package/lib/notification/hooks/useNotification.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createUseNotification;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _useNotification = _interopRequireDefault(require("rc-notification/lib/useNotification"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _configProvider = require("antd/es/config-provider");
+
+function createUseNotification(getNotificationInstance, getRCNoticeProps) {
+  var useNotification = function useNotification() {
+    // We can only get content by render
+    var getPrefixCls; // We create a proxy to handle delay created instance
+
+    var innerInstance = null;
+    var proxy = {
+      add: function add(noticeProps, holderCallback) {
+        innerInstance === null || innerInstance === void 0 ? void 0 : innerInstance.component.add(noticeProps, holderCallback);
+      }
+    };
+
+    var _useRCNotification = (0, _useNotification.default)(proxy),
+        _useRCNotification2 = (0, _slicedToArray2.default)(_useRCNotification, 2),
+        hookNotify = _useRCNotification2[0],
+        holder = _useRCNotification2[1];
+
+    function notify(args) {
+      var customizePrefixCls = args.prefixCls;
+      var mergedPrefixCls = getPrefixCls('notification', customizePrefixCls);
+      getNotificationInstance(Object.assign(Object.assign({}, args), {
+        prefixCls: mergedPrefixCls
+      }), function (_ref) {
+        var prefixCls = _ref.prefixCls,
+            instance = _ref.instance;
+        innerInstance = instance;
+        hookNotify(getRCNoticeProps(args, prefixCls));
+      });
+    } // Fill functions
+
+
+    var hookApiRef = React.useRef({});
+    hookApiRef.current.open = notify;
+    ['success', 'info', 'warning', 'error'].forEach(function (type) {
+      hookApiRef.current[type] = function (args) {
+        return hookApiRef.current.open(Object.assign(Object.assign({}, args), {
+          type: type
+        }));
+      };
+    });
+    return [hookApiRef.current, /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, {
+      key: "holder"
+    }, function (context) {
+      getPrefixCls = context.getPrefixCls;
+      return holder;
+    })];
+  };
+
+  return useNotification;
+}