@lingxiteam/assets 0.11.30-alpha.1 → 0.11.30-alpha.3

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

@@ -3,24 +3,21 @@ 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;
-
+    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", {
@@ -43,12 +40,10 @@ var Drawer = /*#__PURE__*/forwardRef(function (props, ref) {
         }, (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", {
@@ -68,12 +63,10 @@ var Drawer = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       })));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "lxm-drawer-empty"
     }, emptyTxt);
   };
-
   return visible ? /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: "lxm-drawer-wraper"

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

@@ -1,4 +1,5 @@
 @import url('../../animation.less');
+@import url('../../variables.less');
 
 .lxm-drawer {
   &-wraper {
@@ -29,26 +30,26 @@
   &-header {
     display: flex;
     align-items: center;
-    height: 44px;
+    height: 44 * @hd;
     background-color: #f6f8fa;
 
     &-close {
-      width: 24px;
-      height: 24px;
+      width: 24 * @hd;
+      height: 24 * @hd;
       display: inline-block;
       vertical-align: middle;
       cursor: pointer;
     }
 
     &-extend {
-      width: 80px;
-      padding: 0 20px;
+      width: 80 * @hd;
+      padding: 0 20* @hd;
     }
 
     &-title {
       flex: 1;
       text-align: center;
-      font-size: 18px;
+      font-size: 18* @hd;
       font-weight: 500;
       color: #1c242e;
       white-space: nowrap;
@@ -58,13 +59,13 @@
   }
 
   &-tabs {
-    padding: 8px 20px;
+    padding: 8* @hd 20* @hd;
     background-color: #f6f8fa;
 
     &-row {
       background: #f0f0f0;
-      border-radius: 8px;
-      padding: 4px;
+      border-radius: 8* @hd;
+      padding: 4* @hd;
       display: flex;
       align-items: center;
     }
@@ -72,17 +73,17 @@
     &-row &-btn {
       color: #1c242e;
       text-align: center;
-      padding: 4px;
-      font-size: 14px;
+      padding: 4* @hd;
+      font-size: 14* @hd;
       flex: 1;
-      border-radius: 8px;
+      border-radius: 8* @hd;
       cursor: pointer;
     }
 
     &-row &-btn.active {
       background-color: #fff;
       font-weight: 500;
-      box-shadow: 0 1px 6px -4px rgba(28, 36, 46, 0.15);
+      box-shadow: 0 1* @hd 6* @hd -4* @hd rgba(28, 36, 46, 0.15);
     }
   }
 
@@ -94,34 +95,58 @@
   }
 
   &-content {
-    padding: 20px;
+    padding: 20* @hd;
 
     &-head {
-      margin-bottom: 20px;
+      margin-bottom: 20* @hd;
 
       &-title {
-        font-size: 21px;
+        font-size: 21* @hd;
         font-weight: 500;
         color: #1c242e;
       }
 
       &-author {
-        font-size: 13px;
+        font-size: 13* @hd;
         color: rgba(28, 36, 46, 0.45);;
       }
     }
 
     &-body {
-      font-size: 15px;
+      font-size: 15* @hd;
       color: rgba(28, 36, 46, 0.75);
+
+      // 内置文章样式
+      dt {
+        font-size: 17* @hd;
+        font-weight: 500;
+        margin-top: 30* @hd;
+      }
+      dd {
+        padding: 8* @hd 0;
+        margin: 0;
+        font-size: 15* @hd;
+      }
+      ol, ul {
+        padding: 0;
+        margin: 0;
+      }
+      ol, ul {
+        list-style: inside inside;
+      }
+      li, p {
+        line-height: 24* @hd;
+        letter-spacing: 1px;
+        margin: 4* @hd 0;
+      }
     }
   }
 
   &-list {
-    padding: 0 20px;
+    padding: 0 20* @hd;
 
     &-item {
-      padding: 8px 0;
+      padding: 8* @hd 0;
       border-bottom: 1px solid #f0f0f0;
 
       &.purple &-dt {
@@ -147,29 +172,29 @@
 
         &-title {
           flex: 1;
-          font-size: 14px;
+          font-size: 14* @hd;
           font-weight: 500;
         }
 
         &-extra {
-          font-size: 12px;
+          font-size: 12* @hd;
           color: rgba(28, 36, 46, 0.45);
         }
 
         &-title + &-extra {
-          margin-left: 8px;
+          margin-left: 8* @hd;
         }
       }
 
       &-dd {
-        font-size: 12px;
+        font-size: 12* @hd;
         color: rgba(28, 36, 46, 0.75);
       }
     }
   }
 
   &-empty {
-    padding: 20px;
+    padding: 20* @hd;
     text-align: center;
     color: rgba(28, 36, 46, 0.45);
   }

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

@@ -1,51 +1,41 @@
+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"];
-
+  _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) { 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 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);
-
+    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);
-
+    _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;
@@ -53,22 +43,18 @@ function open() {
     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];
@@ -76,7 +62,6 @@ function open() {
         }, 300);
       }
     };
-
     var renderNode = function renderNode() {
       var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       render( /*#__PURE__*/React.createElement(Drawer, _extends({
@@ -85,14 +70,12 @@ function open() {
           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) {
@@ -101,7 +84,6 @@ function open() {
               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));
                 }
               }
@@ -110,7 +92,6 @@ function open() {
         }
       }, args)), div);
     };
-
     renderNode(config);
     LxMobileDrawerNodes[key] = {
       root: root,
@@ -120,18 +101,14 @@ function open() {
     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];
@@ -139,22 +116,17 @@ function open() {
       }, 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;