@blocklet/launcher-ux 1.9.5 → 1.9.7

package/lib/check-box/index.js

@@ -4,42 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CheckBox;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["children", "checked", "checkIconSize", "className"];
-
 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(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 _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 CheckBox(_ref) {
   let {
-    children,
-    checked,
-    checkIconSize,
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      checked,
+      checkIconSize,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({
     className: "".concat(checked ? 'checked' : '', " ").concat(className),
     checkIconSize: checkIconSize
@@ -52,7 +37,6 @@ function CheckBox(_ref) {
     })]
   }));
 }
-
 CheckBox.propTypes = {
   children: _propTypes.default.any.isRequired,
   checkIconSize: _propTypes.default.number,
@@ -64,5 +48,4 @@ CheckBox.defaultProps = {
   checkIconSize: 20,
   className: ''
 };
-
 const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 10px;\n  border: 0 solid ", ";\n  border-radius: 8px;\n  transition: all ease 0.2s;\n  cursor: pointer;\n\n  .check-container {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: ", "px;\n    height: ", "px;\n    border-radius: 0 0 7px 0;\n    color: ", ";\n    overflow: hidden;\n    transition: all ease 0.3s;\n    &:after {\n      position: absolute;\n      z-index: 0;\n      left: ", "px;\n      top: ", "px;\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: transparent solid ", "px;\n      border-left: transparent solid ", "px;\n      border-bottom: ", " solid ", "px;\n      border-right: ", " solid ", "px;\n      transition: all ease 0.1s;\n      content: '';\n    }\n\n    .check-icon {\n      width: 60%;\n      height: 60%;\n      position: relative;\n      z-index: 2;\n      margin: 0 1px 1px 0;\n      font-size: 16px;\n      transform: scale(0);\n      transition: all ease 0.2s;\n    }\n  }\n\n  &.checked {\n    background-color: #ecfbfd;\n    border-color: #ecfbfd;\n    color: ", ";\n\n    .check-container {\n      &:after {\n        left: 0;\n        top: 0;\n      }\n\n      .check-icon {\n        transform: scale(1);\n      }\n    }\n  }\n"])), props => props.theme.palette.grey['100'], props => props.checkIconSize, props => props.checkIconSize, props => props.theme.palette.common.white, props => props.checkIconSize, props => props.checkIconSize, props => props.checkIconSize / 2, props => props.checkIconSize / 2, props => props.theme.palette.primary.main, props => props.checkIconSize / 2, props => props.theme.palette.primary.main, props => props.checkIconSize / 2, props => props.theme.palette.primary.main);

package/lib/hot-key/submit.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SubmitHotKey;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * This component should be used only once in each page,
  * otherwise all registered events will be triggered when the user presses the Meta(Ctrl)+Enter key combination,
@@ -26,7 +22,6 @@ function SubmitHotKey(_ref) {
     if (disabled) {
       return () => {};
     }
-
     const listener = event => {
       if (event.code === 'Enter' && (event.metaKey === true || event.ctrlKey === true)) {
         event.preventDefault();
@@ -34,7 +29,6 @@ function SubmitHotKey(_ref) {
         onConfirm();
       }
     };
-
     document.addEventListener('keydown', listener);
     return () => {
       document.removeEventListener('keydown', listener);
@@ -42,7 +36,6 @@ function SubmitHotKey(_ref) {
   }, [disabled, onConfirm]);
   return children;
 }
-
 SubmitHotKey.propTypes = {
   disabled: _propTypes.default.bool,
   children: _propTypes.default.any.isRequired,

package/lib/progress-message/index.js

@@ -4,87 +4,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ProgressMessage;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _smallCircleProgress = _interopRequireDefault(require("../small-circle-progress"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["steps", "stepIndex", "autoGrowth"];
-
 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(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 _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; }
-
 // autoGrowth 逐渐增长到相应步骤所需的时间
 function ProgressMessage(_ref) {
   let {
-    steps,
-    stepIndex,
-    autoGrowth
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      steps,
+      stepIndex,
+      autoGrowth
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [value, setVal] = (0, _react.useState)(0);
   const items = (0, _react.useRef)([]);
   const [textWidth, setTextWidth] = (0, _react.useState)(0);
-
   const getClass = index => {
     if (index < stepIndex) {
       return 'message-before';
     }
-
     if (index > stepIndex) {
       return 'message-after';
     }
-
     return '';
   };
-
   (0, _react.useEffect)(() => {
     const targetItem = items.current[stepIndex];
     setTextWidth(targetItem.clientWidth);
     const currentVal = (stepIndex + 1) / steps.length * 100;
     let timer;
-
     if (autoGrowth) {
       const startTime = Date.now();
       timer = setInterval(() => {
         const diffTime = Date.now() - startTime;
         let percentage = diffTime / autoGrowth;
-
         if (percentage > 1) {
           percentage = 1;
         }
-
         setVal((stepIndex + percentage) / steps.length * 100);
       }, 500);
     } else {
       setVal(currentVal);
     }
-
     return () => {
       if (timer) {
         clearInterval(timer);
       }
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stepIndex, autoGrowth]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_smallCircleProgress.default, {
@@ -97,8 +74,10 @@ function ProgressMessage(_ref) {
       },
       children: steps.map((text, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "progress-message-item ".concat(getClass(index)) // eslint-disable-next-line react/no-array-index-key
+          className: "progress-message-item ".concat(getClass(index))
+          // eslint-disable-next-line react/no-array-index-key
           ,
+
           ref: el => {
             items.current[index] = el;
           },
@@ -108,7 +87,6 @@ function ProgressMessage(_ref) {
     })]
   }));
 }
-
 ProgressMessage.propTypes = {
   steps: _propTypes.default.array.isRequired,
   stepIndex: _propTypes.default.number.isRequired,
@@ -117,5 +95,4 @@ ProgressMessage.propTypes = {
 ProgressMessage.defaultProps = {
   autoGrowth: 0
 };
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .progress-message {\n    position: relative;\n    color: ", ";\n    margin-left: 8px;\n    font-size: 18px;\n    min-height: 26px;\n    line-height: 26px;\n    font-weight: 700;\n    transition: all ease 0.3s;\n  }\n  .progress-message-item {\n    position: absolute;\n    left: 0;\n    top: 0;\n    white-space: nowrap;\n    transition: all ease 0.3s;\n    z-index: 2;\n    &.message-before {\n      transform: translate(-10px, 0);\n      opacity: 0;\n      z-index: 0;\n      pointer-events: none;\n    }\n    &.message-after {\n      transform: translate(10px, 0);\n      opacity: 0;\n      z-index: 0;\n      pointer-events: none;\n    }\n  }\n"])), props => props.theme.palette.primary.main);

package/lib/small-circle-progress/index.js

@@ -4,41 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SmallCircleProgress;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["value", "size", "style"];
-
 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(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 _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 SmallCircleProgress(_ref) {
   let {
-    value,
-    size,
-    style
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      value,
+      size,
+      style
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({
     style: _objectSpread({
       width: size,
@@ -65,7 +50,6 @@ function SmallCircleProgress(_ref) {
     })]
   }));
 }
-
 SmallCircleProgress.propTypes = {
   value: _propTypes.default.number.isRequired,
   size: _propTypes.default.number,
@@ -75,5 +59,4 @@ SmallCircleProgress.defaultProps = {
   size: 10,
   style: {}
 };
-
 const Content = _styled.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  > * {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-ux",
-  "version": "1.9.5",
+  "version": "1.9.7",
   "description": "Launcher UX lib",
   "publishConfig": {
     "access": "public"
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.19.6",
     "@babel/preset-env": "^7.19.4",
     "@babel/preset-react": "^7.18.6",
     "@storybook/react": "^6.5.12",
@@ -49,7 +49,7 @@
   "dependencies": {
     "@emotion/styled": "^11.10.4",
     "@mui/icons-material": "^5.10.9",
-    "@mui/material": "^5.10.9"
+    "@mui/material": "^5.10.10"
   },
-  "gitHead": "6bdc32252505f6d6c537ae96888e1c851b14aa28"
+  "gitHead": "b6cf491754be433c5317f173537385ede77997fb"
 }