@arcblock/ux 2.9.90 → 2.10.0

package/lib/CookieConsent/index.js

@@ -1,33 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DefaultCookieConsent;
-Object.defineProperty(exports, "resetCookieConsentValue", {
-  enumerable: true,
-  get: function get() {
-    return _reactCookieConsent.resetCookieConsentValue;
-  }
-});
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _reactCookieConsent = _interopRequireWildcard(require("react-cookie-consent"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["children", "locale", "style", "displayInIframe"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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; }
-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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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 PropTypes from 'prop-types';
+import Button from '@mui/material/Button';
+import CookieConsent, { resetCookieConsentValue } from 'react-cookie-consent';
+import { styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export { resetCookieConsentValue };
 const translations = {
   en: {
     content: 'We use cookies and other tracking technologies to improve your browsing experience on our website, to show you personalized content, to analyze our website traffic, and to understand where our visitors are coming from.',
@@ -46,9 +22,10 @@ function inIframe() {
   }
 }
 function AcceptButton(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread({
-    variant: "contained"
-  }, props));
+  return /*#__PURE__*/_jsx(Button, {
+    variant: "contained",
+    ...props
+  });
 }
 
 /**
@@ -56,14 +33,13 @@ function AcceptButton(props) {
  * - 默认内容
  * - 默认配置/样式
  */
-function DefaultCookieConsent(_ref) {
-  let {
-      children,
-      locale,
-      style,
-      displayInIframe
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+export default function DefaultCookieConsent({
+  children,
+  locale,
+  style,
+  displayInIframe,
+  ...rest
+}) {
   if (!displayInIframe && inIframe()) {
     return null;
   }
@@ -71,9 +47,9 @@ function DefaultCookieConsent(_ref) {
     // eslint-disable-next-line no-param-reassign
     locale = 'en';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+  return /*#__PURE__*/_jsx(Wrapper, {
     style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactCookieConsent.default, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(CookieConsent, {
       disableStyles: true,
       disableButtonStyles: true,
       ButtonComponent: AcceptButton,
@@ -81,22 +57,22 @@ function DefaultCookieConsent(_ref) {
       buttonStyle: {
         marginTop: 16,
         padding: '6px 16px'
-      }
-    }, rest), {}, {
-      children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      },
+      ...rest,
+      children: children || /*#__PURE__*/_jsx("p", {
         style: {
           margin: 0
         },
         children: translations[locale].content
       })
-    }))
+    })
   });
 }
 DefaultCookieConsent.propTypes = {
-  children: _propTypes.default.any,
-  style: _propTypes.default.object,
-  locale: _propTypes.default.string,
-  displayInIframe: _propTypes.default.bool
+  children: PropTypes.any,
+  style: PropTypes.object,
+  locale: PropTypes.string,
+  displayInIframe: PropTypes.bool
 };
 DefaultCookieConsent.defaultProps = {
   children: null,
@@ -104,4 +80,34 @@ DefaultCookieConsent.defaultProps = {
   locale: 'en',
   displayInIframe: false
 };
-const Wrapper = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  z-index: 999;\n  max-width: 440px;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: #666;\n  background: #fff;\n  border-radius: 6px;\n  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);\n  &:empty {\n    display: none;\n  }\n  button {\n    min-width: 200px;\n  }\n\n  @media screen and (max-width: 480px) {\n    left: 16px;\n    right: 16px;\n    bottom: 16px;\n    width: auto;\n    button {\n      display: block;\n      width: 100%;\n    }\n  }\n"])));
+const Wrapper = styled('div')`
+  box-sizing: border-box;
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 999;
+  max-width: 440px;
+  padding: 16px 24px;
+  font-size: 16px;
+  color: #666;
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
+  &:empty {
+    display: none;
+  }
+  button {
+    min-width: 200px;
+  }
+
+  @media screen and (max-width: 480px) {
+    left: 16px;
+    right: 16px;
+    bottom: 16px;
+    width: auto;
+    button {
+      display: block;
+      width: 100%;
+    }
+  }
+`;

package/lib/CountDown/index.js

@@ -1,25 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Util = require("../Util");
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["dark", "endTime"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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 _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 { Component } from 'react';
+import PropTypes from 'prop-types';
+import { getColor, mergeProps } from '../Util';
+import { styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const SECONDS_OF_MINUTE = 60;
 const SECONDS_OF_HOUR = 60 * SECONDS_OF_MINUTE;
 const SECONDS_OF_DAY = 24 * SECONDS_OF_HOUR;
@@ -40,38 +24,37 @@ function getRemaining(endTime) {
 }
 
 // eslint-disable-next-line react/prop-types
-function FixWidthNumber(_ref) {
-  let {
-    number,
-    label,
-    length = 2
-  } = _ref;
+function FixWidthNumber({
+  number,
+  label,
+  length = 2
+}) {
   let str = number.toString();
   while (str.length < length) {
-    str = "0".concat(str);
+    str = `0${str}`;
   }
   const numbers = str.split('');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+  return /*#__PURE__*/_jsxs("span", {
     className: "num-group",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       className: "num-items",
       children: numbers.map((x, i) =>
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
-      (0, _jsxRuntime.jsx)("strong", {
+      _jsx("strong", {
         className: "num-item",
         children: x
-      }, "num-".concat(i)))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }, `num-${i}`))
+    }), /*#__PURE__*/_jsx("span", {
       className: "num-label",
       children: label
     })]
   });
 }
-class CountDown extends _react.Component {
+export default class CountDown extends Component {
   constructor(props) {
     super(props);
-    const newProps = (0, _Util.mergeProps)(props, CountDown, ['dark', 'endTime', 'style']);
+    const newProps = mergeProps(props, CountDown, ['dark', 'endTime', 'style']);
     this.state = getRemaining(newProps.endTime);
     this.timer = null;
   }
@@ -92,56 +75,104 @@ class CountDown extends _react.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      {
-        dark,
-        endTime
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      dark,
+      endTime,
+      ...rest
+    } = this.props;
     const {
       days,
       hours,
       minutes,
       seconds
     } = this.state;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
-      dark: dark
-    }, rest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FixWidthNumber, {
+    return /*#__PURE__*/_jsxs(Container, {
+      dark: dark,
+      ...rest,
+      children: [/*#__PURE__*/_jsx(FixWidthNumber, {
         number: days,
         label: "D"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), /*#__PURE__*/_jsx("span", {
         className: "num-sep",
         children: ":"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FixWidthNumber, {
+      }), /*#__PURE__*/_jsx(FixWidthNumber, {
         number: hours,
         label: "H"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), /*#__PURE__*/_jsx("span", {
         className: "num-sep",
         children: ":"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FixWidthNumber, {
+      }), /*#__PURE__*/_jsx(FixWidthNumber, {
         number: minutes,
         label: "M"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), /*#__PURE__*/_jsx("span", {
         className: "num-sep",
         children: ":"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FixWidthNumber, {
+      }), /*#__PURE__*/_jsx(FixWidthNumber, {
         number: seconds,
         label: "S"
       })]
-    }));
+    });
   }
 }
-exports.default = CountDown;
 CountDown.propTypes = {
-  endTime: _propTypes.default.number.isRequired,
+  endTime: PropTypes.number.isRequired,
   // endTime should be UTC
-  dark: _propTypes.default.bool,
-  style: _propTypes.default.object
+  dark: PropTypes.bool,
+  style: PropTypes.object
 };
 CountDown.defaultProps = {
   dark: true,
   style: {}
 };
-const textBackground = "linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\nlinear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 77%, rgba(0, 0, 0, 0.5))";
-const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 50px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: flex-start;\n\n  .num-group {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 0 60px;\n\n    @media (max-width: ", "px) {\n      margin: 0 20px;\n    }\n    @media (max-width: ", "px) {\n      margin: 0;\n    }\n\n    .num-items {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .num-item {\n      display: inline-block;\n      width: 40px;\n      height: 60px;\n      line-height: 60px;\n      background-image: ", ";\n      text-align: center;\n\n      &:first-of-type {\n        margin-right: 10px;\n        @media (max-width: ", "px) {\n          margin: 0;\n        }\n      }\n    }\n\n    .num-label {\n      margin-top: 20px;\n      font-size: 24px;\n      color: ", ";\n    }\n  }\n"])), props => (0, _Util.getColor)(props), props => props.theme.breakpoints.values.md, props => props.theme.breakpoints.values.sm, props => props.dark ? textBackground : 'none', props => props.theme.breakpoints.values.sm, props => (0, _Util.getColor)(props));
+const textBackground = `linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 77%, rgba(0, 0, 0, 0.5))`;
+const Container = styled('div')`
+  color: ${props => getColor(props)};
+  font-size: 50px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+
+  .num-group {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin: 0 60px;
+
+    @media (max-width: ${props => props.theme.breakpoints.values.md}px) {
+      margin: 0 20px;
+    }
+    @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+      margin: 0;
+    }
+
+    .num-items {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .num-item {
+      display: inline-block;
+      width: 40px;
+      height: 60px;
+      line-height: 60px;
+      background-image: ${props => props.dark ? textBackground : 'none'};
+      text-align: center;
+
+      &:first-of-type {
+        margin-right: 10px;
+        @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+          margin: 0;
+        }
+      }
+    }
+
+    .num-label {
+      margin-top: 20px;
+      font-size: 24px;
+      color: ${props => getColor(props)};
+    }
+  }
+`;