@chaoswise/ui 3.0.6 → 3.0.7

package/lib/SimplePagination/index.js

@@ -0,0 +1,188 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useState, useEffect, useMemo, useRef } from "react";
+import { LeftOutlined, RightOutlined } from "@ant-design/icons";
+import PropTypes from "prop-types";
+import classnames from "classnames";
+import useConfigContext from "../useConfigContext";
+import useStyle from "./index.style";
+function SimplePagination(props) {
+  var current = props.current,
+    total = props.total,
+    pageSize = props.pageSize,
+    defaultCurrent = props.defaultCurrent,
+    defaultPageSize = props.defaultPageSize,
+    _props$onChange = props.onChange,
+    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    disabled = props.disabled;
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("simple-pagination");
+  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  //输入框受控value值
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var inputRef = useRef(null);
+  // 初始化分页数据
+  var _useState3 = useState({
+      current: 1,
+      pageSize: 30
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageInfo = _useState4[0],
+    setPageInfo = _useState4[1];
+  useEffect(function () {
+    if (defaultPageSize > 0) {
+      setPageInfo(function (pre) {
+        return _objectSpread(_objectSpread({}, pre), {}, {
+          pageSize: defaultPageSize
+        });
+      });
+    }
+    if (defaultCurrent > 0 && defaultCurrent <= allPage) {
+      setValue(defaultCurrent);
+      setPageInfo(function (pre) {
+        return _objectSpread(_objectSpread({}, pre), {}, {
+          current: defaultCurrent
+        });
+      });
+    }
+    if (current) {
+      setValue(current);
+    }
+  }, [current, defaultCurrent, defaultPageSize]);
+
+  //最终显示的页码
+  var _current = useMemo(function () {
+    return current !== undefined ? current : pageInfo.current;
+  }, [current, pageInfo.current]);
+
+  // 最终的每页条数
+  var _pageSize = useMemo(function () {
+    return pageSize !== undefined ? pageSize : pageInfo.pageSize;
+  }, [pageSize, pageInfo.pageSize]);
+
+  // 所有页数目
+  var allPage = Math.ceil(total / _pageSize) ? Math.ceil(total / _pageSize) : 1;
+
+  /**
+   *
+   * @param {*} currentPage 按下回车，上一页，下一页的页码
+   * @returns
+   */
+  var goPage = function goPage(currentPage) {
+    inputRef.current && inputRef.current.blur();
+    if (disabled) {
+      return;
+    }
+    if (currentPage < 1) return;
+    if (currentPage > allPage) return;
+    if (currentPage === _current) return;
+    _onChange(currentPage, _pageSize);
+    setPageInfo(_objectSpread(_objectSpread({}, pageInfo), {}, {
+      current: currentPage
+    }));
+    if (!current) {
+      setValue(currentPage);
+    }
+  };
+
+  // 输入框内容变化时的回调
+  var inputChange = function inputChange(e) {
+    var value = e.target.value;
+    if (/^([1-9]\d*)?$/.test(value) && value <= allPage) {
+      setValue(value);
+    }
+  };
+
+  // 输入框按下回车的回调
+  var onPressEnter = function onPressEnter(e) {
+    var value = e.target.value;
+    if (disabled) {
+      return;
+    }
+    if (e.keyCode !== 13) return;
+    if (value) {
+      goPage(Number(value));
+    }
+  };
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-wrapper-disabled"), disabled))
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(prefixCls, "-main")
+  }, /*#__PURE__*/React.createElement("li", {
+    onClick: function onClick() {
+      return goPage(Number(_current - 1));
+    },
+    className: classnames("".concat(prefixCls, "-common"), "".concat(prefixCls, "-prev"), _defineProperty({}, "".concat(prefixCls, "-disabled"), _current == 1))
+  }, /*#__PURE__*/React.createElement(LeftOutlined, null)), /*#__PURE__*/React.createElement("li", {
+    className: "".concat(prefixCls, "-main-area")
+  }, /*#__PURE__*/React.createElement("input", {
+    value: value,
+    className: "".concat(prefixCls, "-current-page"),
+    onChange: inputChange,
+    onKeyDown: onPressEnter,
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-bias")
+  }, "/"), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-all-page")
+  }, allPage)), /*#__PURE__*/React.createElement("li", {
+    onClick: function onClick() {
+      return goPage(Number(_current + 1));
+    },
+    className: classnames("".concat(prefixCls, "-common"), "".concat(prefixCls, "-next"), _defineProperty({}, "".concat(prefixCls, "-disabled"), _current == allPage))
+  }, /*#__PURE__*/React.createElement(RightOutlined, null)))));
+}
+SimplePagination.defaultProps = {
+  defaultCurrent: 1,
+  defaultPageSize: 30,
+  disabled: false
+};
+SimplePagination.propTypes = {
+  /**
+   * 当前页数
+   */
+  current: PropTypes.number,
+  /**
+   * 默认的当前页数
+   */
+  defaultCurrent: PropTypes.number,
+  /**
+   * 默认的每页条数
+   */
+  defaultPageSize: PropTypes.number,
+  /**
+   * 禁用分页
+   */
+  disabled: PropTypes.bool,
+  /**
+   * 每页条数
+   */
+  pageSize: PropTypes.number,
+  /**
+   * 数据总数
+   */
+  total: PropTypes.number,
+  /**
+   * 页码改变的回调，参数是改变后的页码和当前每页条数	 Function(page,pageSize)
+   */
+  onChange: PropTypes.func
+};
+export default SimplePagination;

package/lib/SimplePagination/index.style.js

@@ -0,0 +1,105 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+import { unit } from "@ant-design/cssinjs";
+var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    simplePaginationLineHeight: token.controlHeight - 2
+  };
+};
+var genCustomSimplePaginationStyle = function genCustomSimplePaginationStyle(token) {
+  var prefixCls = token.antCls;
+  var simplePaginationPrefix = "".concat(prefixCls, "-simple-pagination");
+  return _defineProperty({}, "".concat(simplePaginationPrefix, "-wrapper"), _defineProperty(_defineProperty({
+    display: "flex",
+    justifyContent: "flex-end",
+    alignItems: "center"
+  }, "".concat(simplePaginationPrefix, "-main"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: "flex",
+    listStyle: "none",
+    alignItems: "center",
+    textAlign: "center",
+    paddingInlineStart: "0",
+    marginBottom: "0"
+  }, "".concat(simplePaginationPrefix, "-common"), {
+    width: "28px",
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+    lineHeight: "".concat(unit(token.simplePaginationLineHeight)),
+    fontSize: "12px",
+    color: token.colorText,
+    borderRadius: token.borderRadius
+  }), "".concat(simplePaginationPrefix, "-prev:hover:not(").concat(simplePaginationPrefix, "-disabled), ").concat(simplePaginationPrefix, "-next:hover:not(").concat(simplePaginationPrefix, "-disabled)"), {
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorPrimary),
+    borderRadius: token.borderRadius,
+    cursor: "pointer",
+    color: token.colorPrimary
+  }), "".concat(simplePaginationPrefix, "-disabled"), {
+    background: token.colorFillTertiary,
+    color: token.colorTextDisabled,
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+    borderRadius: token.borderRadius,
+    cursor: "not-allowed !important"
+  }), "".concat(simplePaginationPrefix, "-main-area"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    boxSizing: "border-box",
+    height: "".concat(unit(token.controlHeight)),
+    lineHeight: "".concat(unit(token.controlHeight)),
+    marginLeft: "8px",
+    marginRight: "8px",
+    display: "flex",
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+    alignItems: "center",
+    padding: "0 9px",
+    borderRadius: token.borderRadius,
+    cursor: "pointer"
+  }, "".concat(simplePaginationPrefix, "-current-page"), {
+    border: "0",
+    outline: "none",
+    width: "15px",
+    height: "20px",
+    lineHeight: "20px",
+    padding: "0",
+    textAlign: "center",
+    boxShadow: "none",
+    backgroundColor: "transparent"
+  }), "".concat(simplePaginationPrefix, "-bias"), {
+    width: "6px",
+    height: "20px",
+    margin: "0 4px",
+    lineHeight: "20px",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    transform: "translateY(-0.8px)",
+    color: token.colorTextDisabled
+  }), "".concat(simplePaginationPrefix, "-all-page"), {
+    minWidth: "15px",
+    textAlign: "center",
+    height: "20px",
+    lineHeight: "20px"
+  }), "&:hover", {
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorPrimary)
+  }), "&:focus-within", {
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorPrimary),
+    boxShadow: "0 0 0 ".concat(unit(token.controlOutlineWidth), " ").concat(token.controlOutline)
+  }))), "&".concat(simplePaginationPrefix, "-wrapper-disabled"), _defineProperty({
+    background: "".concat(token.colorFillTertiary, " !important")
+  }, "".concat(simplePaginationPrefix, "-common, ").concat(simplePaginationPrefix, "-main-area"), _defineProperty({
+    color: "".concat(token.colorTextDisabled, " !important"),
+    borderColor: "".concat(token.colorBorder, " !important"),
+    background: "".concat(token.colorFillTertiary, " !important"),
+    cursor: "not-allowed !important"
+  }, "".concat(simplePaginationPrefix, "-current-page"), {
+    color: "".concat(token.colorTextDisabled, " !important"),
+    background: "".concat(token.colorFillTertiary, " !important"),
+    cursor: "not-allowed !important",
+    pointerEvents: "none"
+  }))));
+};
+// ============================== Export ==============================
+export default genStyleHooks(["Pagination", "SimplePagination"], function (token) {
+  return [
+  //
+  genCustomSimplePaginationStyle(token)];
+}, prepareComponentToken);

package/lib/SingleSpa/import-html/index.js

@@ -0,0 +1,51 @@
+import processTpl from './process-tpl';
+import { defaultGetPublicPath, readResAsString } from './utils';
+var embedHTMLCache = {};
+if (!window.fetch) {
+  throw new Error('[import-html-entry] Here is no "fetch" on the window env, you need to polyfill it');
+}
+var defaultFetch = window.fetch.bind(window);
+function defaultGetTemplate(tpl) {
+  return tpl;
+}
+export default function importHTML(url) {
+  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var fetch = defaultFetch;
+  var autoDecodeResponse = false;
+  var getPublicPath = defaultGetPublicPath;
+  var getTemplate = defaultGetTemplate;
+  var postProcessTemplate = opts.postProcessTemplate;
+
+  // compatible with the legacy importHTML api
+  if (typeof opts === 'function') {
+    fetch = opts;
+  } else {
+    // fetch option is availble
+    if (opts.fetch) {
+      // fetch is a funciton
+      if (typeof opts.fetch === 'function') {
+        fetch = opts.fetch;
+      } else {
+        // configuration
+        fetch = opts.fetch.fn || defaultFetch;
+        autoDecodeResponse = !!opts.fetch.autoDecodeResponse;
+      }
+    }
+    getPublicPath = opts.getPublicPath || opts.getDomain || defaultGetPublicPath;
+    getTemplate = opts.getTemplate || defaultGetTemplate;
+  }
+  return embedHTMLCache[url] || (embedHTMLCache[url] = fetch(url, {
+    cache: "no-store"
+  }).then(function (response) {
+    return readResAsString(response, autoDecodeResponse);
+  }).then(function (html) {
+    var assetPublicPath = getPublicPath(url);
+    var _processTpl = processTpl(getTemplate(html), assetPublicPath, postProcessTemplate),
+      scripts = _processTpl.scripts,
+      styles = _processTpl.styles;
+    return {
+      script: scripts,
+      style: styles
+    };
+  }));
+}

package/lib/SingleSpa/import-html/process-tpl.js

@@ -0,0 +1,189 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { getInlineCode, isModuleScriptSupported } from './utils';
+var ALL_SCRIPT_REGEX = /(<script[\s\S]*?>)[\s\S]*?<\/script>/gi;
+var SCRIPT_TAG_REGEX = /<(script)\s+((?!type=('|")text\/ng\x2Dtemplate\3)[\s\S])*?>[\s\S]*?<\/\1>/i;
+var SCRIPT_SRC_REGEX = /.*\ssrc=('|")?([^>'"\s]+)/;
+var SCRIPT_TYPE_REGEX = /.*\stype=('|")?([^>'"\s]+)/;
+var SCRIPT_ENTRY_REGEX = /.*\sentry\s*.*/;
+var SCRIPT_ASYNC_REGEX = /.*\sasync\s*.*/;
+var SCRIPT_NO_MODULE_REGEX = /.*\snomodule\s*.*/;
+var SCRIPT_MODULE_REGEX = /.*\stype=('|")?module('|")?\s*.*/;
+var LINK_TAG_REGEX = /<(link)\s+[\s\S]*?>/ig;
+var LINK_PRELOAD_OR_PREFETCH_REGEX = /\srel=('|")?(preload|prefetch)\1/;
+var LINK_HREF_REGEX = /.*\shref=('|")?([^>'"\s]+)/;
+var LINK_AS_FONT = /.*\sas=('|")?font\1.*/;
+var STYLE_TAG_REGEX = /<style[^>]*>[\s\S]*?<\/style>/gi;
+var STYLE_TYPE_REGEX = /\s+rel=('|")?stylesheet\1.*/;
+var STYLE_HREF_REGEX = /.*\shref=('|")?([^>'"\s]+)/;
+var HTML_COMMENT_REGEX = /<!--([\s\S]*?)-->/g;
+var LINK_IGNORE_REGEX = /<link(\s+|\s+[\s\S]+\s+)ignore(\s*|\s+[\s\S]*|=[\s\S]*)>/i;
+var STYLE_IGNORE_REGEX = /<style(\s+|\s+[\s\S]+\s+)ignore(\s*|\s+[\s\S]*|=[\s\S]*)>/i;
+var SCRIPT_IGNORE_REGEX = /<script(\s+|\s+[\s\S]+\s+)ignore(\s*|\s+[\s\S]*|=[\s\S]*)>/i;
+function hasProtocol(url) {
+  return url.startsWith('//') || url.startsWith('http://') || url.startsWith('https://');
+}
+function getEntirePath(path, baseURI) {
+  // console.log(path, baseURI)
+  return path;
+  // return new URL(path, baseURI).toString();
+}
+function isValidJavaScriptType(type) {
+  var handleTypes = ['text/javascript', 'module', 'application/javascript', 'text/ecmascript', 'application/ecmascript'];
+  return !type || handleTypes.indexOf(type) !== -1;
+}
+export var genLinkReplaceSymbol = function genLinkReplaceSymbol(linkHref) {
+  var preloadOrPrefetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return "<!-- ".concat(preloadOrPrefetch ? 'prefetch/preload' : '', " link ").concat(linkHref, " replaced by import-html-entry -->");
+};
+export var genScriptReplaceSymbol = function genScriptReplaceSymbol(scriptSrc) {
+  var async = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return "<!-- ".concat(async ? 'async' : '', " script ").concat(scriptSrc, " replaced by import-html-entry -->");
+};
+export var inlineScriptReplaceSymbol = "<!-- inline scripts replaced by import-html-entry -->";
+export var genIgnoreAssetReplaceSymbol = function genIgnoreAssetReplaceSymbol(url) {
+  return "<!-- ignore asset ".concat(url || 'file', " replaced by import-html-entry -->");
+};
+export var genModuleScriptReplaceSymbol = function genModuleScriptReplaceSymbol(scriptSrc, moduleSupport) {
+  return "<!-- ".concat(moduleSupport ? 'nomodule' : 'module', " script ").concat(scriptSrc, " ignored by import-html-entry -->");
+};
+
+/**
+ * parse the script link from the template
+ * 1. collect stylesheets
+ * 2. use global eval to evaluate the inline scripts
+ *    see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function#Difference_between_Function_constructor_and_function_declaration
+ *    see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval#Do_not_ever_use_eval!
+ * @param tpl
+ * @param baseURI
+ * @stripStyles whether to strip the css links
+ * @returns {{template: void | string | *, scripts: *[], entry: *}}
+ */
+export default function processTpl(tpl, baseURI, postProcessTemplate) {
+  var scripts = [];
+  var styles = [];
+  var entry = null;
+  var moduleSupport = isModuleScriptSupported();
+  var template = tpl
+
+  /*
+  remove html comment first
+  */.replace(HTML_COMMENT_REGEX, '').replace(LINK_TAG_REGEX, function (match) {
+    /*
+    change the css link
+    */
+    var styleType = !!match.match(STYLE_TYPE_REGEX);
+    if (styleType) {
+      var styleHref = match.match(STYLE_HREF_REGEX);
+      var styleIgnore = match.match(LINK_IGNORE_REGEX);
+      if (styleHref) {
+        var href = styleHref && styleHref[2];
+        var newHref = href;
+        if (href && !hasProtocol(href)) {
+          newHref = getEntirePath(href, baseURI);
+        }
+        if (styleIgnore) {
+          return genIgnoreAssetReplaceSymbol(newHref);
+        }
+        styles.push(newHref);
+        return genLinkReplaceSymbol(newHref);
+      }
+    }
+    var preloadOrPrefetchType = match.match(LINK_PRELOAD_OR_PREFETCH_REGEX) && match.match(LINK_HREF_REGEX) && !match.match(LINK_AS_FONT);
+    if (preloadOrPrefetchType) {
+      var _match$match = match.match(LINK_HREF_REGEX),
+        _match$match2 = _slicedToArray(_match$match, 3),
+        linkHref = _match$match2[2];
+      return genLinkReplaceSymbol(linkHref, true);
+    }
+    return match;
+  }).replace(STYLE_TAG_REGEX, function (match) {
+    if (STYLE_IGNORE_REGEX.test(match)) {
+      return genIgnoreAssetReplaceSymbol('style file');
+    }
+    return match;
+  }).replace(ALL_SCRIPT_REGEX, function (match, scriptTag) {
+    var scriptIgnore = scriptTag.match(SCRIPT_IGNORE_REGEX);
+    var moduleScriptIgnore = moduleSupport && !!scriptTag.match(SCRIPT_NO_MODULE_REGEX) || !moduleSupport && !!scriptTag.match(SCRIPT_MODULE_REGEX);
+    // in order to keep the exec order of all javascripts
+
+    var matchedScriptTypeMatch = scriptTag.match(SCRIPT_TYPE_REGEX);
+    var matchedScriptType = matchedScriptTypeMatch && matchedScriptTypeMatch[2];
+    if (!isValidJavaScriptType(matchedScriptType)) {
+      return match;
+    }
+
+    // if it is a external script
+    if (SCRIPT_TAG_REGEX.test(match) && scriptTag.match(SCRIPT_SRC_REGEX)) {
+      /*
+      collect scripts and replace the ref
+      */
+
+      var matchedScriptEntry = scriptTag.match(SCRIPT_ENTRY_REGEX);
+      var matchedScriptSrcMatch = scriptTag.match(SCRIPT_SRC_REGEX);
+      var matchedScriptSrc = matchedScriptSrcMatch && matchedScriptSrcMatch[2];
+      if (entry && matchedScriptEntry) {
+        throw new SyntaxError('You should not set multiply entry script!');
+      } else {
+        // append the domain while the script not have an protocol prefix
+        if (matchedScriptSrc && !hasProtocol(matchedScriptSrc)) {
+          matchedScriptSrc = getEntirePath(matchedScriptSrc, baseURI);
+        }
+        entry = entry || matchedScriptEntry && matchedScriptSrc;
+      }
+      if (scriptIgnore) {
+        return genIgnoreAssetReplaceSymbol(matchedScriptSrc || 'js file');
+      }
+      if (moduleScriptIgnore) {
+        return genModuleScriptReplaceSymbol(matchedScriptSrc || 'js file', moduleSupport);
+      }
+      if (matchedScriptSrc) {
+        var asyncScript = !!scriptTag.match(SCRIPT_ASYNC_REGEX);
+        scripts.push(asyncScript ? {
+          async: true,
+          src: matchedScriptSrc
+        } : matchedScriptSrc);
+        return genScriptReplaceSymbol(matchedScriptSrc, asyncScript);
+      }
+      return match;
+    } else {
+      if (scriptIgnore) {
+        return genIgnoreAssetReplaceSymbol('js file');
+      }
+      if (moduleScriptIgnore) {
+        return genModuleScriptReplaceSymbol('js file', moduleSupport);
+      }
+
+      // if it is an inline script
+      var code = getInlineCode(match);
+
+      // remove script blocks when all of these lines are comments.
+      var isPureCommentBlock = code.split(/[\r\n]+/).every(function (line) {
+        return !line.trim() || line.trim().startsWith('//');
+      });
+      if (!isPureCommentBlock) {
+        scripts.push(match);
+      }
+      return inlineScriptReplaceSymbol;
+    }
+  });
+  scripts = scripts.filter(function (script) {
+    // filter empty script
+    return !!script;
+  });
+  var tplResult = {
+    template: template,
+    scripts: scripts,
+    styles: styles,
+    // set the last script as entry if have not set
+    entry: entry || scripts[scripts.length - 1]
+  };
+  if (typeof postProcessTemplate === 'function') {
+    tplResult = postProcessTemplate(tplResult);
+  }
+  return tplResult;
+}