@lingxiteam/assets 1.0.11 → 1.0.12

package/lib/dealDsl/preprocess/editor.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var h5 = {
+  Button: function Button(component) {
+    return component;
+  }
+};
+var pc = {
+  Description: function Description(component) {
+    var descColumns = component.props.descColumns;
+    if (descColumns) {
+      delete component.props.descColumns;
+    }
+    return component;
+  }
+};
+/**
+ * 编辑器端
+ */
+var _default = {
+  h5: h5,
+  pc: pc
+};
+exports.default = _default;

package/lib/dealDsl/preprocess/engine.d.ts

@@ -0,0 +1,9 @@
+import type { ProcessPlatformType } from "../PropType";
+/**
+ * 运行态端
+ */
+declare const _default: {
+    h5: ProcessPlatformType;
+    pc: ProcessPlatformType;
+};
+export default _default;

package/lib/dealDsl/preprocess/engine.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// H5组件
+var h5 = {
+  Button: function Button(component) {
+    return component;
+  }
+};
+// PC端组件
+var pc = {
+  Button: function Button(component) {
+    return component;
+  }
+};
+/**
+ * 运行态端
+ */
+var _default = {
+  h5: h5,
+  pc: pc
+};
+exports.default = _default;

package/lib/dealDsl/preprocessDSL.d.ts

@@ -0,0 +1,21 @@
+import type { ContextType } from "./PropType";
+/**
+ * 本方法只处理运行态和配置态公共属性.
+ * 如果需要修改单独特性属性，请使用preprocessEditorDSL或者preprocessEngineDSL
+ * @param component
+ * @param context
+ * @returns
+ */
+export declare const preprocessDSL: (component: Record<string, any>, context: ContextType) => Record<string, any>;
+/**
+ * 预处理DSL数据， 本方法仅在编辑器端使用。 处理后数据的权重高于preprocessDSL。
+ * @param component 组件JSON数据
+ * @param context 上下文
+ */
+export declare const preprocessEditorDSL: (component: Record<string, any>, context: ContextType) => Record<string, any>;
+/**
+ * 预处理DSL数据，本方法仅在运行态端使用。 处理后数据的权重高于preprocessDSL。
+ * @param component 组件JSON数据
+ * @param context 上下文
+ */
+export declare const preprocessEngineDSL: (component: Record<string, any>, context: ContextType) => Record<string, any>;

package/lib/dealDsl/preprocessDSL.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preprocessEngineDSL = exports.preprocessEditorDSL = exports.preprocessDSL = void 0;
+var _common = _interopRequireDefault(require("./preprocess/common"));
+var _editor = _interopRequireDefault(require("./preprocess/editor"));
+var _engine = _interopRequireDefault(require("./preprocess/engine"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 支持属性key通过 "compName|compName"模式
+ * @param compName
+ * @param obj
+ * @returns
+ */
+var collectionMethods = function collectionMethods(compName, obj) {
+  var funcs = [];
+  Object.keys(obj).forEach(function (key) {
+    var compNames = key.replace(/\s/g, '').split('|');
+    if (compNames.includes(compName)) {
+      funcs.push(obj[key]);
+    }
+  });
+  return funcs;
+};
+/**
+ * 本方法只处理运行态和配置态公共属性.
+ * 如果需要修改单独特性属性，请使用preprocessEditorDSL或者preprocessEngineDSL
+ * @param component
+ * @param context
+ * @returns
+ */
+var preprocessDSL = function preprocessDSL(component, context) {
+  var targetComponents = component;
+  var _ref = component || {},
+    compName = _ref.compName;
+  var _context$isMobile = context.isMobile,
+    isMobile = _context$isMobile === void 0 ? false : _context$isMobile;
+  var platform = isMobile ? 'h5' : 'pc';
+  var methods = collectionMethods(compName, _common.default === null || _common.default === void 0 ? void 0 : _common.default[platform]);
+  methods.forEach(function (fn) {
+    var _fn;
+    targetComponents = (_fn = fn(targetComponents)) !== null && _fn !== void 0 ? _fn : targetComponents;
+  });
+  return targetComponents;
+};
+/**
+ * 预处理DSL数据， 本方法仅在编辑器端使用。 处理后数据的权重高于preprocessDSL。
+ * @param component 组件JSON数据
+ * @param context 上下文
+ */
+exports.preprocessDSL = preprocessDSL;
+var preprocessEditorDSL = function preprocessEditorDSL(component, context) {
+  var targetComponents = component;
+  var _ref2 = component || {},
+    compName = _ref2.compName;
+  var _context$isMobile2 = context.isMobile,
+    isMobile = _context$isMobile2 === void 0 ? false : _context$isMobile2;
+  var platform = isMobile ? 'h5' : 'pc';
+  var methods = collectionMethods(compName, _editor.default === null || _editor.default === void 0 ? void 0 : _editor.default[platform]);
+  methods.forEach(function (fn) {
+    var _fn2;
+    targetComponents = (_fn2 = fn(targetComponents)) !== null && _fn2 !== void 0 ? _fn2 : targetComponents;
+  });
+  return targetComponents;
+};
+/**
+ * 预处理DSL数据，本方法仅在运行态端使用。 处理后数据的权重高于preprocessDSL。
+ * @param component 组件JSON数据
+ * @param context 上下文
+ */
+exports.preprocessEditorDSL = preprocessEditorDSL;
+var preprocessEngineDSL = function preprocessEngineDSL(component, context) {
+  var targetComponents = component;
+  var _ref3 = component || {},
+    compName = _ref3.compName;
+  var _context$isMobile3 = context.isMobile,
+    isMobile = _context$isMobile3 === void 0 ? false : _context$isMobile3;
+  var platform = isMobile ? 'h5' : 'pc';
+  var methods = collectionMethods(compName, _engine.default === null || _engine.default === void 0 ? void 0 : _engine.default[platform]);
+  methods.forEach(function (fn) {
+    var _fn3;
+    targetComponents = (_fn3 = fn(targetComponents)) !== null && _fn3 !== void 0 ? _fn3 : targetComponents;
+  });
+  return targetComponents;
+};
+exports.preprocessEngineDSL = preprocessEngineDSL;

package/lib/dealDsl/utils/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 是否包含某属性，或的关系。 包含`propertyNames`中的一个值即可
+ * @param target
+ * @param propertyNames
+ */
+export declare const hasSomeOwnProperty: (target: Object, propertyNames: string[]) => boolean;
+/**
+ * 是否包含某属性，且的关系。 必须包含`propertyNames`中的所有属性
+ * @param target
+ * @param propertyNames
+ * @returns
+ */
+export declare const hasEveryOwnProperty: (target: Object, propertyNames: string[]) => boolean;

package/lib/dealDsl/utils/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasSomeOwnProperty = exports.hasEveryOwnProperty = void 0;
+/**
+ * 是否包含某属性，或的关系。 包含`propertyNames`中的一个值即可
+ * @param target
+ * @param propertyNames
+ */
+var hasSomeOwnProperty = function hasSomeOwnProperty(target, propertyNames) {
+  return propertyNames.some(function (property) {
+    return target.hasOwnProperty(property);
+  });
+};
+/**
+ * 是否包含某属性，且的关系。 必须包含`propertyNames`中的所有属性
+ * @param target
+ * @param propertyNames
+ * @returns
+ */
+exports.hasSomeOwnProperty = hasSomeOwnProperty;
+var hasEveryOwnProperty = function hasEveryOwnProperty(target, propertyNames) {
+  return propertyNames.every(function (property) {
+    return target.hasOwnProperty(property);
+  });
+};
+exports.hasEveryOwnProperty = hasEveryOwnProperty;

package/lib/error/errorCatch/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ErrorMsg = _interopRequireDefault(require("../errorDisplay/Web/ErrorMsg"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// TODO
+
+var errorDisplayComp = _ErrorMsg.default;
+var info = {};
+// eslint-disable-next-line
+var errorHandler = function errorHandler(msg, url, row, col, error) {
+  errorDisplayComp.open({
+    code: "02-".concat(info.code, "-1-000-00000"),
+    msg: "\u7A0B\u5E8F\u53D1\u751F\u5F02\u5E38: ".concat(msg),
+    stack: error
+  });
+  return true;
+};
+var rejectHandler = function rejectHandler(e) {
+  e.preventDefault();
+  // errorDisplayComp.open({
+  //   code: `02-${info.code}-1-000-00000`,
+  //   msg: `程序发生异常: ${msg}`,
+  //   stack: error,
+  // });
+  return true;
+};
+var start = function start(_ref) {
+  var errorDisplay = _ref.errorDisplay,
+    _ref$projectInfo = _ref.projectInfo,
+    projectInfo = _ref$projectInfo === void 0 ? {} : _ref$projectInfo;
+  if (errorDisplay) errorDisplayComp = errorDisplay;
+  info = projectInfo;
+  window.addEventListener('error', errorHandler, true);
+  window.addEventListener('unhandledrejection', rejectHandler);
+};
+var stop = function stop() {
+  window.removeEventListener('error', errorHandler);
+  window.removeEventListener('unhandledrejection', rejectHandler);
+};
+var _default = {
+  start: start,
+  stop: stop
+};
+exports.default = _default;

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

@@ -0,0 +1,115 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _SVGstring = require("../../SVGstring");
+var _img = require("../../../../utils/img");
+require("./Drawer.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var isDomEle = function isDomEle(target) {
+  return typeof target === 'string' || /*#__PURE__*/(0, _react.isValidElement)(target);
+};
+var emptyTxt = '暂无匹配信息，请联系平台管理员';
+var Drawer = /*#__PURE__*/(0, _react.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.default.createElement("div", {
+        className: "lxm-drawer-list"
+      }, dataSource.map(function (item) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: item === null || item === void 0 ? void 0 : item.key,
+          className: (0, _classnames.default)('lxm-drawer-list-item', item === null || item === void 0 ? void 0 : item.status),
+          onClick: function onClick() {
+            onClickRecord(item);
+          }
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "lxm-drawer-list-item-dt"
+        }, /*#__PURE__*/_react.default.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.default.createElement("div", {
+          className: "lxm-drawer-list-item-dt-extra"
+        }, item === null || item === void 0 ? void 0 : item.extra) : ''), /*#__PURE__*/_react.default.createElement("div", {
+          className: "lxm-drawer-list-item-dd"
+        }, (item === null || item === void 0 ? void 0 : item.content) || ''));
+      }));
+    }
+    return /*#__PURE__*/_react.default.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.default.createElement("div", {
+        className: "lxm-drawer-content"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "lxm-drawer-content-head"
+      }, isDomEle(dataSource === null || dataSource === void 0 ? void 0 : dataSource.title) ? /*#__PURE__*/_react.default.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.default.createElement("div", {
+        className: "lxm-drawer-content-head-author"
+      }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.author) : ''), /*#__PURE__*/_react.default.createElement("div", {
+        className: "lxm-drawer-content-body"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+          __html: dataSource === null || dataSource === void 0 ? void 0 : dataSource.content
+        }
+      })));
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "lxm-drawer-empty"
+    }, emptyTxt);
+  };
+  return visible ? /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "lxm-drawer-wraper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-header-extend",
+    onClick: onCancel
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: (0, _img.getSvgImageBase64)(_SVGstring.BackIcon),
+    alt: "",
+    className: "lxm-drawer-header-close"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-header-title"
+  }, isDomEle(title) ? title : ''), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-header-extend"
+  })), Array.isArray(tabs) && tabs.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-tabs"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lxm-drawer-tabs-row"
+  }, tabs.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('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.default.createElement("div", {
+    className: "lxm-drawer-main"
+  }, mode === 'list' ? renderItems() : renderContent()))) : '';
+});
+var _default = Drawer;
+exports.default = _default;

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

@@ -0,0 +1,201 @@
+@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);
+
+      // 内置文章样式
+      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 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);
+  }
+}