@lingxiteam/assets 0.9.30 → 0.11.30-alpha-2

package/es/IconSvg/index.js

@@ -1,29 +1,23 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["style", "src"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getSvgImageBase64 } from '../utils/img';
-
 var IconSvg = function IconSvg(props) {
   var _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      src = props.src,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    style = _props$style === void 0 ? {} : _props$style,
+    src = props.src,
+    restProps = _objectWithoutProperties(props, _excluded);
   return _jsx("i", _objectSpread(_objectSpread({}, restProps), {}, {
     style: _objectSpread(_objectSpread({}, restProps), {}, {
       backgroundImage: getSvgImageBase64(src)
     })
   }));
 };
-
 export default IconSvg;

package/es/error/errorDisplay/Mobile/Drawer/Drawer.js

@@ -0,0 +1,104 @@
+import React, { forwardRef, isValidElement } from 'react';
+import classnames from 'classnames';
+import { BackIcon } from '../../SVGstring';
+import { getSvgImageBase64 } from '../../../../utils/img';
+import './Drawer.less';
+var isDomEle = function isDomEle(target) {
+  return typeof target === 'string' || /*#__PURE__*/isValidElement(target);
+};
+var emptyTxt = '暂无匹配信息，请联系平台管理员';
+var Drawer = /*#__PURE__*/forwardRef(function (props, ref) {
+  var visible = props.visible,
+    title = props.title,
+    tabs = props.tabs,
+    activeTabsKey = props.activeTabsKey,
+    onTabsChange = props.onTabsChange,
+    dataSource = props.dataSource,
+    onCancel = props.onCancel,
+    onClickRecord = props.onClickRecord,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'content' : _props$mode;
+  var renderItems = function renderItems() {
+    if (Array.isArray(dataSource) && dataSource.length > 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "lxm-drawer-list"
+      }, dataSource.map(function (item) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: item === null || item === void 0 ? void 0 : item.key,
+          className: classnames('lxm-drawer-list-item', item === null || item === void 0 ? void 0 : item.status),
+          onClick: function onClick() {
+            onClickRecord(item);
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "lxm-drawer-list-item-dt"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "lxm-drawer-list-item-dt-title"
+        }, (item === null || item === void 0 ? void 0 : item.title) || ''), (item === null || item === void 0 ? void 0 : item.extra) ? /*#__PURE__*/React.createElement("div", {
+          className: "lxm-drawer-list-item-dt-extra"
+        }, item === null || item === void 0 ? void 0 : item.extra) : ''), /*#__PURE__*/React.createElement("div", {
+          className: "lxm-drawer-list-item-dd"
+        }, (item === null || item === void 0 ? void 0 : item.content) || ''));
+      }));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lxm-drawer-empty"
+    }, "\u6682\u65E0\u6570\u636E");
+  };
+  var renderContent = function renderContent() {
+    if (dataSource && ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.title) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.author) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.content))) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "lxm-drawer-content"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "lxm-drawer-content-head"
+      }, isDomEle(dataSource === null || dataSource === void 0 ? void 0 : dataSource.title) ? /*#__PURE__*/React.createElement("div", {
+        className: "lxm-drawer-content-head-title"
+      }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.title) : '', isDomEle(dataSource === null || dataSource === void 0 ? void 0 : dataSource.author) ? /*#__PURE__*/React.createElement("div", {
+        className: "lxm-drawer-content-head-author"
+      }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.author) : ''), /*#__PURE__*/React.createElement("div", {
+        className: "lxm-drawer-content-body"
+      }, /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+          __html: dataSource === null || dataSource === void 0 ? void 0 : dataSource.content
+        }
+      })));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lxm-drawer-empty"
+    }, emptyTxt);
+  };
+  return visible ? /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: "lxm-drawer-wraper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-header-extend",
+    onClick: onCancel
+  }, /*#__PURE__*/React.createElement("img", {
+    src: getSvgImageBase64(BackIcon),
+    alt: "",
+    className: "lxm-drawer-header-close"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-header-title"
+  }, isDomEle(title) ? title : ''), /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-header-extend"
+  })), Array.isArray(tabs) && tabs.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-tabs"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-tabs-row"
+  }, tabs.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('lxm-drawer-tabs-btn', activeTabsKey === (item === null || item === void 0 ? void 0 : item.key) ? 'active' : ''),
+      key: item === null || item === void 0 ? void 0 : item.key,
+      onClick: function onClick() {
+        onTabsChange(item);
+      }
+    }, item.tab);
+  }))) : '', /*#__PURE__*/React.createElement("div", {
+    className: "lxm-drawer-main"
+  }, mode === 'list' ? renderItems() : renderContent()))) : '';
+});
+export default Drawer;

package/es/error/errorDisplay/Mobile/Drawer/Drawer.less

@@ -0,0 +1,177 @@
+@import url('../../animation.less');
+@import url('../../variables.less');
+
+.lxm-drawer {
+  &-wraper {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    z-index: 9999;
+    overflow: hidden;
+  }
+
+  &-close-move &-container {
+    animation: lxmDrawerClose 0.3s;
+    animation-fill-mode: forwards;
+  }
+
+  &-container {
+    position: relative;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    background-color: #fff;
+    animation: lxmDrawerOpen 0.3s;
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    height: 44 * @hd;
+    background-color: #f6f8fa;
+
+    &-close {
+      width: 24 * @hd;
+      height: 24 * @hd;
+      display: inline-block;
+      vertical-align: middle;
+      cursor: pointer;
+    }
+
+    &-extend {
+      width: 80 * @hd;
+      padding: 0 20* @hd;
+    }
+
+    &-title {
+      flex: 1;
+      text-align: center;
+      font-size: 18* @hd;
+      font-weight: 500;
+      color: #1c242e;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
+  &-tabs {
+    padding: 8* @hd 20* @hd;
+    background-color: #f6f8fa;
+
+    &-row {
+      background: #f0f0f0;
+      border-radius: 8* @hd;
+      padding: 4* @hd;
+      display: flex;
+      align-items: center;
+    }
+
+    &-row &-btn {
+      color: #1c242e;
+      text-align: center;
+      padding: 4* @hd;
+      font-size: 14* @hd;
+      flex: 1;
+      border-radius: 8* @hd;
+      cursor: pointer;
+    }
+
+    &-row &-btn.active {
+      background-color: #fff;
+      font-weight: 500;
+      box-shadow: 0 1* @hd 6* @hd -4* @hd rgba(28, 36, 46, 0.15);
+    }
+  }
+
+  &-main {
+    border-top: 1px solid #f0f0f0;
+    flex: 1;
+    background-color: #fff;
+    overflow-y: auto;
+  }
+
+  &-content {
+    padding: 20* @hd;
+
+    &-head {
+      margin-bottom: 20* @hd;
+
+      &-title {
+        font-size: 21* @hd;
+        font-weight: 500;
+        color: #1c242e;
+      }
+
+      &-author {
+        font-size: 13* @hd;
+        color: rgba(28, 36, 46, 0.45);;
+      }
+    }
+
+    &-body {
+      font-size: 15* @hd;
+      color: rgba(28, 36, 46, 0.75);
+    }
+  }
+
+  &-list {
+    padding: 0 20* @hd;
+
+    &-item {
+      padding: 8* @hd 0;
+      border-bottom: 1px solid #f0f0f0;
+
+      &.purple &-dt {
+        &-title {
+          color: #9747ff;
+        }
+      }
+
+      &.blue &-dt {
+        &-title {
+          color: #47e;
+        }
+      }
+
+      &.red &-dt {
+        &-title {
+          color: #fa7570;
+        }
+      }
+
+      &-dt {
+        display: flex;
+
+        &-title {
+          flex: 1;
+          font-size: 14* @hd;
+          font-weight: 500;
+        }
+
+        &-extra {
+          font-size: 12* @hd;
+          color: rgba(28, 36, 46, 0.45);
+        }
+
+        &-title + &-extra {
+          margin-left: 8* @hd;
+        }
+      }
+
+      &-dd {
+        font-size: 12* @hd;
+        color: rgba(28, 36, 46, 0.75);
+      }
+    }
+  }
+
+  &-empty {
+    padding: 20* @hd;
+    text-align: center;
+    color: rgba(28, 36, 46, 0.45);
+  }
+}

package/es/error/errorDisplay/Mobile/Drawer/index.js

@@ -0,0 +1,132 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["getContainer"],
+  _excluded2 = ["close", "onTabsChange", "visible", "getContainer"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { createPortal, render, unmountComponentAtNode } from 'react-dom';
+import { getChildren } from '../../compUtils';
+import Drawer from './Drawer';
+var DrawerWraper = function DrawerWraper(props) {
+  var _props$getContainer = props.getContainer,
+    getContainer = _props$getContainer === void 0 ? function () {
+      return document.body;
+    } : _props$getContainer,
+    config = _objectWithoutProperties(props, _excluded);
+  var root = getContainer() || document.body;
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Drawer, config), root);
+};
+var LxMobileDrawerNodes = {};
+var nbr = 0;
+var closeTimer;
+function open() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var close = props.close,
+    _onTabsChange = props.onTabsChange,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    _props$getContainer2 = props.getContainer,
+    getContainer = _props$getContainer2 === void 0 ? function () {
+      return document.body;
+    } : _props$getContainer2,
+    config = _objectWithoutProperties(props, _excluded2);
+  var createDrawer = function createDrawer() {
+    var key = "lxm-drawer-".concat(nbr);
+    var root = getContainer() || document.body;
+    var rootChild = root ? getChildren(root) : [];
+    var div = rootChild.find(function (item) {
+      return item.getAttribute('lxm-drawer-key') === key;
+    });
+    if (!div) {
+      div = document.createElement('div');
+      div.setAttribute('lxm-drawer-key', key);
+      root.appendChild(div);
+    }
+    var onCloseDrawer = function onCloseDrawer() {
+      if (LxMobileDrawerNodes[key]) {
+        var _LxMobileDrawerNodes$, _LxMobileDrawerNodes$2;
+        (_LxMobileDrawerNodes$ = LxMobileDrawerNodes[key]) === null || _LxMobileDrawerNodes$ === void 0 ? void 0 : (_LxMobileDrawerNodes$2 = _LxMobileDrawerNodes$.nodeDiv) === null || _LxMobileDrawerNodes$2 === void 0 ? void 0 : _LxMobileDrawerNodes$2.classList.add('lxm-drawer-close-move');
+        clearTimeout(closeTimer);
+        closeTimer = setTimeout(function () {
+          var _LxMobileDrawerNodes$3, _LxMobileDrawerNodes$4, _LxMobileDrawerNodes$5;
+          unmountComponentAtNode((_LxMobileDrawerNodes$3 = LxMobileDrawerNodes[key]) === null || _LxMobileDrawerNodes$3 === void 0 ? void 0 : _LxMobileDrawerNodes$3.nodeDiv);
+          (_LxMobileDrawerNodes$4 = LxMobileDrawerNodes[key]) === null || _LxMobileDrawerNodes$4 === void 0 ? void 0 : (_LxMobileDrawerNodes$5 = _LxMobileDrawerNodes$4.nodeDiv) === null || _LxMobileDrawerNodes$5 === void 0 ? void 0 : _LxMobileDrawerNodes$5.remove();
+          delete LxMobileDrawerNodes[key];
+          clearTimeout(closeTimer);
+        }, 300);
+      }
+    };
+    var renderNode = function renderNode() {
+      var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      render( /*#__PURE__*/React.createElement(Drawer, _extends({
+        visible: visible,
+        onCancel: function onCancel() {
+          if ((config === null || config === void 0 ? void 0 : config.onClose) instanceof Function) {
+            config === null || config === void 0 ? void 0 : config.onClose();
+          }
+          onCloseDrawer();
+        },
+        onOk: function onOk() {
+          if ((config === null || config === void 0 ? void 0 : config.onOk) instanceof Function) {
+            config === null || config === void 0 ? void 0 : config.onOk();
+          }
+          onCloseDrawer();
+        },
+        onTabsChange: function onTabsChange(record) {
+          if (_onTabsChange instanceof Function) {
+            _onTabsChange(_objectSpread(_objectSpread({}, record), {}, {
+              update: function update(prarms) {
+                if (LxMobileDrawerNodes[key]) {
+                  var _LxMobileDrawerNodes$6;
+                  (_LxMobileDrawerNodes$6 = LxMobileDrawerNodes[key]) === null || _LxMobileDrawerNodes$6 === void 0 ? void 0 : _LxMobileDrawerNodes$6.renderNode(_objectSpread(_objectSpread({}, config), prarms));
+                }
+              }
+            }));
+          }
+        }
+      }, args)), div);
+    };
+    renderNode(config);
+    LxMobileDrawerNodes[key] = {
+      root: root,
+      nodeDiv: div,
+      renderNode: renderNode
+    };
+    nbr += 1;
+    return key;
+  };
+  var modalKey = createDrawer();
+  var onClose = function onClose() {
+    if (LxMobileDrawerNodes[modalKey]) {
+      var _LxMobileDrawerNodes$7, _LxMobileDrawerNodes$8;
+      (_LxMobileDrawerNodes$7 = LxMobileDrawerNodes[modalKey]) === null || _LxMobileDrawerNodes$7 === void 0 ? void 0 : (_LxMobileDrawerNodes$8 = _LxMobileDrawerNodes$7.nodeDiv) === null || _LxMobileDrawerNodes$8 === void 0 ? void 0 : _LxMobileDrawerNodes$8.classList.add('lxm-drawer-close-move');
+      clearTimeout(closeTimer);
+      closeTimer = setTimeout(function () {
+        var _LxMobileDrawerNodes$9, _LxMobileDrawerNodes$10, _LxMobileDrawerNodes$11;
+        unmountComponentAtNode((_LxMobileDrawerNodes$9 = LxMobileDrawerNodes[modalKey]) === null || _LxMobileDrawerNodes$9 === void 0 ? void 0 : _LxMobileDrawerNodes$9.nodeDiv);
+        (_LxMobileDrawerNodes$10 = LxMobileDrawerNodes[modalKey]) === null || _LxMobileDrawerNodes$10 === void 0 ? void 0 : (_LxMobileDrawerNodes$11 = _LxMobileDrawerNodes$10.nodeDiv) === null || _LxMobileDrawerNodes$11 === void 0 ? void 0 : _LxMobileDrawerNodes$11.remove();
+        delete LxMobileDrawerNodes[modalKey];
+        clearTimeout(closeTimer);
+      }, 300);
+    }
+  };
+  var onUpdate = function onUpdate() {
+    var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (LxMobileDrawerNodes[modalKey]) {
+      var _LxMobileDrawerNodes$12;
+      (_LxMobileDrawerNodes$12 = LxMobileDrawerNodes[modalKey]) === null || _LxMobileDrawerNodes$12 === void 0 ? void 0 : _LxMobileDrawerNodes$12.renderNode(_objectSpread(_objectSpread({}, config), args));
+    }
+  };
+  return {
+    onClose: onClose,
+    onUpdate: onUpdate
+  };
+}
+DrawerWraper.open = open;
+export default DrawerWraper;