@kcuf-ui/backdrop-headless 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Alibaba Cloud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @kcuf-ui/backdrop-headless
+
+A headless backdrop component which is **singleton**.

package/dist/cjs/const/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_Z_INDEX = void 0;
+var DEFAULT_Z_INDEX = exports.DEFAULT_Z_INDEX = 100;

package/dist/cjs/context/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _default = exports.default = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/enum/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EMessageType = exports.EAction = void 0;
+var EAction = exports.EAction = /*#__PURE__*/function (EAction) {
+  EAction[EAction["REFRESH_VISIBLE"] = 0] = "REFRESH_VISIBLE";
+  return EAction;
+}({});
+var EMessageType = exports.EMessageType = /*#__PURE__*/function (EMessageType) {
+  EMessageType["REFRESH"] = "kcuf-ui-backdrop:refresh";
+  return EMessageType;
+}({});

package/dist/cjs/hook/_use-model-context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelContext;
+var _react = require("react");
+var _context = _interopRequireDefault(require("../context"));
+function useModelContext() {
+  return (0, _react.useContext)(_context.default); // eslint-disable-line @typescript-eslint/no-non-null-assertion
+}

package/dist/cjs/hook/_use-model-dispatch.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelDispatch;
+var _useModelContext = _interopRequireDefault(require("./_use-model-context"));
+function useModelDispatch() {
+  return (0, _useModelContext.default)().dispatch;
+}

package/dist/cjs/hook/_use-model-props.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelProps;
+var _useModelContext = _interopRequireDefault(require("./_use-model-context"));
+function useModelProps() {
+  return (0, _useModelContext.default)().props;
+}

package/dist/cjs/hook/_use-model-state.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelState;
+var _useModelContext = _interopRequireDefault(require("./_use-model-context"));
+function useModelState() {
+  return (0, _useModelContext.default)().state;
+}

package/dist/cjs/hook/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useHandleClick", {
+  enumerable: true,
+  get: function get() {
+    return _useHandleClick.default;
+  }
+});
+Object.defineProperty(exports, "useProps", {
+  enumerable: true,
+  get: function get() {
+    return _useModelProps.default;
+  }
+});
+Object.defineProperty(exports, "useZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _useZIndex.default;
+  }
+});
+var _useModelProps = _interopRequireDefault(require("./_use-model-props"));
+var _useZIndex = _interopRequireDefault(require("./use-z-index"));
+var _useHandleClick = _interopRequireDefault(require("./use-handle-click"));

package/dist/cjs/hook/use-dispatch-refresh-visible.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDispatchRefreshVisible;
+var _react = require("react");
+var _enum = require("../enum");
+var _useModelDispatch = _interopRequireDefault(require("./_use-model-dispatch"));
+function useDispatchRefreshVisible() {
+  var dispatch = (0, _useModelDispatch.default)();
+  return (0, _react.useCallback)(function (payload) {
+    return dispatch({
+      type: _enum.EAction.REFRESH_VISIBLE,
+      payload: payload
+    });
+  }, [dispatch]);
+}

package/dist/cjs/hook/use-effect-singleton.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEffectSingleton;
+var _react = require("react");
+var _messenger = _interopRequireDefault(require("@kcuf/messenger"));
+var _enum = require("../enum");
+var _util = require("../util");
+var _useModelContext2 = _interopRequireDefault(require("./_use-model-context"));
+var _useDispatchRefreshVisible = _interopRequireDefault(require("./use-dispatch-refresh-visible"));
+function useEffectSingleton() {
+  var _useModelContext = (0, _useModelContext2.default)(),
+    zIndex = _useModelContext.props.zIndex;
+  var dispatchRefreshVisible = (0, _useDispatchRefreshVisible.default)();
+  (0, _react.useEffect)(function () {
+    var n = (0, _util.singletonPush)(zIndex);
+    var messengerOff = _messenger.default.on(_enum.EMessageType.REFRESH, function (payload) {
+      if (payload !== n) {
+        dispatchRefreshVisible(n);
+      }
+    });
+    dispatchRefreshVisible(n);
+    return function () {
+      (0, _util.singletonPull)(n);
+      messengerOff();
+    };
+  }, [zIndex, dispatchRefreshVisible]);
+}

package/dist/cjs/hook/use-effects.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEffects;
+var _useEffectSingleton = _interopRequireDefault(require("./use-effect-singleton"));
+function useEffects() {
+  (0, _useEffectSingleton.default)();
+}

package/dist/cjs/hook/use-handle-click.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useHandleClick;
+var _react = require("react");
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+function useHandleClick() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    _useModelProps$closab = _useModelProps.closable,
+    closable = _useModelProps$closab === void 0 ? true : _useModelProps$closab,
+    onClose = _useModelProps.onClose;
+  return (0, _react.useCallback)(function () {
+    if (closable) {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  }, [closable, onClose]);
+}

package/dist/cjs/hook/use-z-index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useZIndex;
+var _const = require("../const");
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+var _useModelState2 = _interopRequireDefault(require("./_use-model-state"));
+function useZIndex() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    _useModelProps$zIndex = _useModelProps.zIndex,
+    zIndex = _useModelProps$zIndex === void 0 ? _const.DEFAULT_Z_INDEX : _useModelProps$zIndex;
+  var _useModelState = (0, _useModelState2.default)(),
+    visible = _useModelState.visible;
+  return visible ? zIndex : -1;
+}

package/dist/cjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _provider.default;
+  }
+});
+var _provider = _interopRequireDefault(require("./provider"));
+var _hook = require("./hook");
+Object.keys(_hook).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hook[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _hook[key];
+    }
+  });
+});

package/dist/cjs/lifecycle/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Lifecycle;
+var _useEffects = _interopRequireDefault(require("../hook/use-effects"));
+function Lifecycle() {
+  (0, _useEffects.default)();
+  return null;
+}

package/dist/cjs/provider/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Provider;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _useIsUnmounted = _interopRequireDefault(require("@kcuf-hook/use-is-unmounted"));
+var _util = require("../util");
+var _reducer = _interopRequireDefault(require("../reducer"));
+var _context = _interopRequireDefault(require("../context"));
+var _lifecycle = _interopRequireDefault(require("../lifecycle"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children"];
+function Provider(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var isUnmounted = (0, _useIsUnmounted.default)();
+  var _useReducer = (0, _react.useReducer)(_reducer.default, null, _util.createInitialState),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var safeDispatch = (0, _react.useCallback)(function (action) {
+    if (!isUnmounted()) {
+      dispatch(action);
+    }
+  }, [isUnmounted, dispatch]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.default, {
+    value: {
+      props: props,
+      state: state,
+      dispatch: safeDispatch
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lifecycle.default, {}), children]
+  });
+}

package/dist/cjs/reducer/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = reducer;
+var _enum = require("../enum");
+var _reduceRefreshVisible = _interopRequireDefault(require("./reduce-refresh-visible"));
+function reducer(state, action) {
+  switch (action.type) {
+    case _enum.EAction.REFRESH_VISIBLE:
+      // eslint-disable-line @typescript-eslint/no-unnecessary-condition
+      return (0, _reduceRefreshVisible.default)(state, action.payload);
+    default:
+      // 如果 default 里 action 的类型没有 narrow 到 never，则 type 未 cover 全
+      return state;
+  }
+}

package/dist/cjs/reducer/reduce-refresh-visible.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = reduceRefreshVisible;
+var _immer = require("immer");
+var _util = require("../util");
+function reduceRefreshVisible(state, payload) {
+  return (0, _immer.produce)(state, function (draft) {
+    draft.visible = (0, _util.singletonIsVisible)(payload);
+  });
+}

package/dist/cjs/types/action.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/common.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});
+var _props = require("./props");
+Object.keys(_props).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _props[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _props[key];
+    }
+  });
+});
+var _state = require("./state");
+Object.keys(_state).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _state[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _state[key];
+    }
+  });
+});
+var _action = require("./action");
+Object.keys(_action).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _action[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _action[key];
+    }
+  });
+});
+var _context = require("./context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _context[key];
+    }
+  });
+});

package/dist/cjs/types/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/state.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/util/create-initial-state.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createInitialState;
+function createInitialState() {
+  return {
+    visible: false
+  };
+}

package/dist/cjs/util/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createInitialState", {
+  enumerable: true,
+  get: function get() {
+    return _createInitialState.default;
+  }
+});
+Object.defineProperty(exports, "singletonIsVisible", {
+  enumerable: true,
+  get: function get() {
+    return _singletonIsVisible.default;
+  }
+});
+Object.defineProperty(exports, "singletonPull", {
+  enumerable: true,
+  get: function get() {
+    return _singletonPull.default;
+  }
+});
+Object.defineProperty(exports, "singletonPush", {
+  enumerable: true,
+  get: function get() {
+    return _singletonPush.default;
+  }
+});
+Object.defineProperty(exports, "singletonUpdate", {
+  enumerable: true,
+  get: function get() {
+    return _singletonUpdate.default;
+  }
+});
+var _createInitialState = _interopRequireDefault(require("./create-initial-state"));
+var _singletonPush = _interopRequireDefault(require("./singleton-push"));
+var _singletonPull = _interopRequireDefault(require("./singleton-pull"));
+var _singletonUpdate = _interopRequireDefault(require("./singleton-update"));
+var _singletonIsVisible = _interopRequireDefault(require("./singleton-is-visible"));

package/dist/cjs/util/message-emit-refresh.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = messageEmitRefresh;
+var _messenger = _interopRequireDefault(require("@kcuf/messenger"));
+var _enum = require("../enum");
+function messageEmitRefresh(n) {
+  _messenger.default.emit(_enum.EMessageType.REFRESH, n);
+}

package/dist/cjs/util/singleton-get-visible-item.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = singletonGetVisibleItem;
+var _singletonGlobal2 = _interopRequireDefault(require("./singleton-global"));
+/**
+ * 获取展示的 item，即 z-index 最高的那个（如果 z-index 一样，则后入者高）
+ */
+function singletonGetVisibleItem() {
+  var _singletonGlobal = (0, _singletonGlobal2.default)(),
+    _singletonGlobal$item = _singletonGlobal.items,
+    items = _singletonGlobal$item === void 0 ? [] : _singletonGlobal$item;
+  var visibleItem;
+  var visibleIndex = -1;
+  for (var i = items.length - 1; i >= 0; i--) {
+    var v = items[i];
+    if (v && v.zIndex > visibleIndex) {
+      visibleItem = v;
+      visibleIndex = v.zIndex;
+    }
+  }
+  return visibleItem;
+}

package/dist/cjs/util/singleton-global.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = singletonGlobal;
+var _sandboxEscape = require("@kcuf/sandbox-escape");
+function singletonGlobal() {
+  var _win$__backdrop_singl;
+  var win = (0, _sandboxEscape.getWindow)();
+  (_win$__backdrop_singl = win.__backdrop_singleton__) !== null && _win$__backdrop_singl !== void 0 ? _win$__backdrop_singl : win.__backdrop_singleton__ = {};
+  return win.__backdrop_singleton__;
+}

package/dist/cjs/util/singleton-is-visible.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = singletonIsVisible;
+var _singletonGetVisibleItem = _interopRequireDefault(require("./singleton-get-visible-item"));
+function singletonIsVisible(n) {
+  var visibleItem = (0, _singletonGetVisibleItem.default)();
+  return (visibleItem === null || visibleItem === void 0 ? void 0 : visibleItem.n) === n;
+}

package/dist/cjs/util/singleton-pull.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = singletonPull;
+var _singletonGlobal = _interopRequireDefault(require("./singleton-global"));
+var _messageEmitRefresh = _interopRequireDefault(require("./message-emit-refresh"));
+var _toggleScrollbar = _interopRequireDefault(require("./toggle-scrollbar"));
+function singletonPull(n) {
+  var g = (0, _singletonGlobal.default)();
+  var items = g.items;
+  if (!(items !== null && items !== void 0 && items.length)) {
+    return;
+  }
+  var index = items.findIndex(function (v) {
+    return v.n === n;
+  });
+  if (index >= 0) {
+    items.splice(index, 1);
+    if (!items.length) {
+      g.n = 0;
+      (0, _toggleScrollbar.default)(true);
+    }
+    (0, _messageEmitRefresh.default)(n);
+  }
+}

package/dist/cjs/util/singleton-push.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = singletonPush;
+var _const = require("../const");
+var _singletonGlobal = _interopRequireDefault(require("./singleton-global"));
+var _messageEmitRefresh = _interopRequireDefault(require("./message-emit-refresh"));
+var _toggleScrollbar = _interopRequireDefault(require("./toggle-scrollbar"));
+function singletonPush() {
+  var zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _const.DEFAULT_Z_INDEX;
+  var o = (0, _singletonGlobal.default)();
+  var _o$n = o.n,
+    n = _o$n === void 0 ? 0 : _o$n,
+    items = o.items;
+  n += 1;
+  o.n = n;
+  if (!items) {
+    items = [];
+    o.items = items;
+  }
+  var item = {
+    n: n,
+    zIndex: zIndex
+  };
+  if (n === 1) {
+    (0, _toggleScrollbar.default)(false);
+  }
+  items.push(item);
+  (0, _messageEmitRefresh.default)(n);
+  return n;
+}