@arcblock/ux 0.78.26 → 1.6.60

package/lib/Util/index.js

@@ -3,23 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseQuery = parseQuery;
+exports.formatToDate = formatToDate;
+exports.formatToDatetime = formatToDatetime;
+exports.getColor = exports.getBackground = exports.formatUptime = void 0;
 exports.getCookieOptions = getCookieOptions;
-exports.mergeProps = mergeProps;
 exports.getCopyright = getCopyright;
-exports.str2color = exports.formatUptime = exports.getTimezone = exports.getBackground = exports.getColor = void 0;
+exports.getDateTool = getDateTool;
+exports.getTimezone = void 0;
+exports.mergeProps = mergeProps;
+exports.openWebWallet = openWebWallet;
+exports.parseQuery = parseQuery;
+exports.setDateTool = setDateTool;
+exports.str2color = void 0;
 
 var _padStart = _interopRequireDefault(require("lodash/padStart"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable no-bitwise */
+let dateTool = null;
 
-/* eslint-disable no-plusplus */
-
-/* eslint-disable operator-linebreak */
 function parseQuery(str) {
-  return str.replace(/^\?/, '').split('&').map(x => x.split('=')).filter((_ref) => {
+  return str.replace(/^\?/, '').split('&').map(x => x.split('=')).filter(_ref => {
     let [key] = _ref;
     return !!key;
   }).reduce((memo, x) => {
@@ -29,22 +34,50 @@ function parseQuery(str) {
     return memo;
   }, {});
 }
+/**
+ * @param {number} opts.expireInDays
+ * @param {string} opts.path
+ * @param {domain} opts.domain
+ * @param {boolean} opts.returnDomain if === false, opts.domain will be skipped
+ */
+
 
 function getCookieOptions() {
   let expireInDays = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  let opts = {
+    expireInDays
+  };
+
+  if (typeof expireInDays === 'object') {
+    opts = expireInDays;
+  }
+
+  if (opts.path === undefined) {
+    opts.path = '/';
+  }
+
+  if (!opts.expireInDays) {
+    opts.expireInDays = 1;
+  }
+
   const options = {
-    expires: expireInDays,
-    path: '/',
-    domain: ''
+    expires: opts.expireInDays,
+    path: opts.path,
+    domain: opts.domain || '',
+    sameSite: opts.sameSite || 'lax'
   };
 
-  if (typeof window === 'undefined') {
+  if (typeof window === 'undefined' || opts.domain || opts.returnDomain === false) {
+    if (opts.returnDomain === false) {
+      delete options.domain;
+    }
+
     return options;
   }
 
   const {
     host
-  } = window.location; // eslint-disable-line
+  } = window.location;
 
   if (/^[.:0-9]+$/.test(host)) {
     options.domain = '';
@@ -72,7 +105,7 @@ const getColor = props => {
   }
 
   if (props.dark) {
-    return props.theme.palette.text.contrast;
+    return props.theme.palette.common.white;
   }
 
   return props.theme.palette.text.primary;
@@ -86,10 +119,10 @@ const getBackground = props => {
   }
 
   if (props.dark) {
-    return props.theme.palette.text.primary;
+    return props.theme.palette.common.black;
   }
 
-  return props.theme.palette.text.contrast;
+  return props.theme.palette.common.white;
 };
 
 exports.getBackground = getBackground;
@@ -99,7 +132,6 @@ function mergeProps(props, component) {
   const newProps = Object.assign({}, props);
   Object.keys(component.defaultProps || {}).forEach(x => {
     if (typeof newProps[x] === 'string' && newProps[x].indexOf('::prop::') === 0) {
-      // eslint-disable-next-line react/default-props-match-prop-types
       newProps[x] = component.defaultProps[x];
     }
   });
@@ -139,6 +171,25 @@ const getTimezone = () => {
 
 exports.getTimezone = getTimezone;
 
+const str2color = str => {
+  let hash = 0;
+
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+
+  let colour = '#';
+
+  for (let j = 0; j < 3; j++) {
+    const value = hash >> j * 8 & 0xff;
+    colour += "00".concat(value.toString(16)).substr(-2);
+  }
+
+  return colour;
+};
+
+exports.str2color = str2color;
+
 const formatUptime = uptime => {
   const total = Math.round(uptime / 1000);
   const hours = Math.floor(total / 3600);
@@ -146,24 +197,144 @@ const formatUptime = uptime => {
   const seconds = total % 60;
   return "".concat((0, _padStart.default)(hours, 2, '0'), ":").concat((0, _padStart.default)(minutes, 2, '0'), ":").concat((0, _padStart.default)(seconds, 2, '0'));
 };
+/**
+ * Set the date tool library which support for format() and locale() functions,
+ *  moment and dayjs are recommended.
+ * @param {object} the date tool library
+ */
+
 
 exports.formatUptime = formatUptime;
 
-const str2color = str => {
-  let hash = 0;
+function setDateTool(tool) {
+  dateTool = tool;
+}
 
-  for (let i = 0; i < str.length; i++) {
-    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+function getDateTool() {
+  return dateTool;
+}
+
+const createDateFormater = format => (date, _ref2) => {
+  let {
+    locale,
+    tz
+  } = _ref2;
+
+  if (dateTool === null) {
+    throw new Error('call setDateTool to set the date tool library, such as: setDateTool(dayjs)');
   }
 
-  let colour = '#';
+  if (!date) {
+    return '-';
+  }
 
-  for (let j = 0; j < 3; j++) {
-    const value = hash >> j * 8 & 0xff;
-    colour += "00".concat(value.toString(16)).substr(-2);
+  let instance = dateTool(date);
+
+  if (typeof tz !== 'undefined') {
+    instance = instance.tz(tz);
   }
 
-  return colour;
+  if (typeof locale !== 'undefined') {
+    instance = instance.locale(locale);
+  }
+
+  return instance.format(format);
 };
+/**
+ * Format the time string as `ll` format: MMM D, YYYY
+ * Ensure that the setDateTool() function is called first to set the time tool library.
+ * @param {string} date date string
+ * @param {object} option
+ * @param {string} option.locale, default: en
+ * @param {string} option.tz, default: timzone
+ * @returns formated date string
+ */
+
+
+function formatToDate(date) {
+  let {
+    locale,
+    tz
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return createDateFormater('ll')(date, {
+    locale,
+    tz
+  });
+}
+/**
+ * Format the time string as `lll` format: MMM D, YYYY h:mm A
+ * Ensure that the setDateTool() function is called first to set the time tool library.
+ * @param {string} date date string
+ * @param {object} option
+ * @param {string} option.locale, default: en
+ * @param {string} option.tz, default: timzone
+ * @returns formated date string
+ */
+
+
+function formatToDatetime(date) {
+  let {
+    locale,
+    tz
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return createDateFormater('lll')(date, {
+    locale,
+    tz
+  });
+}
+
+function openWebWallet(_ref3) {
+  var _window;
+
+  let {
+    webWalletUrl,
+    action = 'login',
+    locale = 'en',
+    url,
+    windowFeatures
+  } = _ref3;
+  // web wallet extension
+  const webWalletExtension = ((_window = window) === null || _window === void 0 ? void 0 : _window.ABT_DEV) || window.ABT;
+
+  if (webWalletExtension && typeof webWalletExtension.open === 'function') {
+    webWalletExtension.open({
+      action,
+      locale,
+      url: encodeURIComponent(url)
+    });
+    return;
+  }
+
+  const defaultWindowFeatures = {
+    toolbar: 'no',
+    location: 'no',
+    status: 'no',
+    menubar: 'no',
+    scrollbars: 'yes',
+    resizable: 'yes',
+    // iphone 8plus size
+    width: 414,
+    height: 736
+  };
+  const windowUrl = "".concat(webWalletUrl, "?action=").concat(action, "&locale=").concat(locale, "&url=").concat(encodeURIComponent(url));
+  const mergedWindowFeatures = Object.assign({}, defaultWindowFeatures, windowFeatures);
+
+  const getWindowWidth = win => {
+    return win.innerWidth || win.document.documentElement.clientWidth || win.document.body.clientWidth;
+  }; // 默认在浏览器右上角弹出窗口
+
+
+  if (!('left' in mergedWindowFeatures)) {
+    const winWidth = getWindowWidth(window.top || window);
+    const winLeft = window.screenLeft || window.screenX;
+    mergedWindowFeatures.left = winWidth + winLeft - mergedWindowFeatures.width;
+  }
+
+  if (!('top' in mergedWindowFeatures)) {
+    const winTop = window.screenTop || window.screenY;
+    mergedWindowFeatures.top = winTop;
+  }
 
-exports.str2color = str2color;
+  const strWindowFeatures = Object.keys(mergedWindowFeatures).map(key => "".concat(key, "=").concat(mergedWindowFeatures[key])).join(',');
+  window.open(windowUrl, 'targetWindow', strWindowFeatures);
+}

package/lib/Video/index.js

@@ -19,13 +19,10 @@ var _Util = require("../Util");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 
-/* eslint-disable object-curly-newline */
-
-/* eslint-disable jsx-a11y/iframe-has-title */
 const {
   string,
   number,
@@ -52,33 +49,33 @@ function Video(props) {
   });
 
   if (url.indexOf('v.qq.com') > 0) {
-    return _react.default.createElement(Placeholder, {
+    return /*#__PURE__*/_react.default.createElement(Placeholder, {
       style: {
         width,
         height
       }
-    }, _react.default.createElement("iframe", {
+    }, /*#__PURE__*/_react.default.createElement("iframe", {
       title: url,
       style: styles,
       src: url,
       onLoad: () => setLoaded(true),
       allowFullScreen: "true"
-    }), !loaded && _react.default.createElement(_CircularProgress.default, {
+    }), !loaded && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
       className: "loading-indicator",
       color: "primary"
     }));
   }
 
-  return _react.default.createElement(Placeholder, {
+  return /*#__PURE__*/_react.default.createElement(Placeholder, {
     style: {
       width,
       height
     }
-  }, _react.default.createElement(_reactPlayer.default, Object.assign({
+  }, /*#__PURE__*/_react.default.createElement(_reactPlayer.default, Object.assign({
     style: styles
   }, newProps, {
     onReady: () => setLoaded(true)
-  })), !loaded && _react.default.createElement(_CircularProgress.default, {
+  })), !loaded && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
     className: "loading-indicator",
     color: "primary"
   }));

package/lib/Wallet/Action.js

@@ -17,10 +17,12 @@ var _abtwallet = _interopRequireDefault(require("./images/abtwallet.png"));
 
 var _Util = require("../Util");
 
-var _Theme = require("../Theme");
+var _Colors = _interopRequireDefault(require("../Colors"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
+const _excluded = ["action", "size", "textLayout", "style"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -36,36 +38,36 @@ function WalletAction(props) {
     textLayout,
     style = {}
   } = newProps,
-        rest = _objectWithoutProperties(newProps, ["action", "size", "textLayout", "style"]);
+        rest = _objectWithoutProperties(newProps, _excluded);
 
   const styles = Object.assign({}, style, {
     border: 'none',
     padding: 0
   });
-  return _react.default.createElement(_Button.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_Button.default, Object.assign({
     style: styles
   }, rest, {
     variant: "outlined"
-  }), _react.default.createElement(Content, {
+  }), /*#__PURE__*/_react.default.createElement(Content, {
     size: size,
     color: styles.color
-  }, _react.default.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: _abtwallet.default,
     className: "wallet-action__logo",
-    alt: "ABT Wallet"
-  }), textLayout === 'vertical' && _react.default.createElement(_Typography.default, {
+    alt: "DID Wallet"
+  }), textLayout === 'vertical' && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     className: "wallet-action__text",
     component: "div"
-  }, _react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "wallet-action__action"
-  }, action, " with"), _react.default.createElement("span", {
+  }, action, " with"), /*#__PURE__*/_react.default.createElement("span", {
     className: "wallet-action__title"
-  }, "ABT Wallet")), textLayout === 'horizontal' && _react.default.createElement("span", {
+  }, "DID Wallet")), textLayout === 'horizontal' && /*#__PURE__*/_react.default.createElement("span", {
     className: "wallet-action__title",
     style: {
       padding: 8
     }
-  }, action, " with ABT Wallet")));
+  }, action, " with DID Wallet")));
 }
 
 WalletAction.propTypes = {
@@ -97,5 +99,5 @@ const sizes = {
 
 const Content = _styledComponents.default.div.withConfig({
   displayName: "Action__Content",
-  componentId: "zuf4zr-0"
-})(["display:flex;justify-content:center;align-items:center;&:hover{opacity:0.9;}.wallet-action__logo{width:auto;height:auto;max-width:", "px;margin-left:5px;}.wallet-action__text{padding:8px;display:flex;height:100%;flex-direction:column;justify-content:space-between;align-items:flex-start;}.wallet-action__action{font-size:", "px;text-transform:capitalize;margin-bottom:1px;color:", ";letter-spacing:1px;}.wallet-action__title{font-size:", "px;text-transform:capitalize;color:", ";letter-spacing:1px;}"], props => sizes.logo[props.size], props => sizes.font[props.size], props => props.color || _Theme.colors.blue, props => sizes.font[props.size] * 1.5, props => props.color || _Theme.colors.blue);
+  componentId: "sc-zuf4zr-0"
+})(["display:flex;justify-content:center;align-items:center;&:hover{opacity:0.9;}.wallet-action__logo{width:auto;height:auto;max-width:", "px;margin-left:5px;}.wallet-action__text{padding:8px;display:flex;height:100%;flex-direction:column;justify-content:space-between;align-items:flex-start;}.wallet-action__action{font-size:", "px;text-transform:capitalize;margin-bottom:1px;color:", ";letter-spacing:1px;}.wallet-action__title{font-size:", "px;text-transform:capitalize;color:", ";letter-spacing:1px;}"], props => sizes.logo[props.size], props => sizes.font[props.size], props => props.color || _Colors.default.primary.main, props => sizes.font[props.size] * 1.5, props => props.color || _Colors.default.primary.main);