@wener/ui/dist/wener-ui-antds.umd.js

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@wener/utils'), require('antd'), require('rxjs'), require('lodash')) :
  typeof define === 'function' && define.amd ? define(['exports', 'react', '@wener/utils', 'antd', 'rxjs', 'lodash'], factory) :
  (global = global || self, factory(global.WenerUiAntds = {}, global.React, global.WenerUtils, global.antd, global.Rx, global._));
}(this, (function (exports, React, utils, antd, rxjs, lodash) { 'use strict';

  var React__default = 'default' in React ? React['default'] : React;

  function _typeof(obj) {
    "@babel/helpers - typeof";

    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
      _typeof = function (obj) {
        return typeof obj;
      };
    } else {
      _typeof = function (obj) {
        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
      };
    }

    return _typeof(obj);
  }

  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 _extends() {
    _extends = Object.assign || function (target) {
      for (var i = 1; i < arguments.length; i++) {
        var source = arguments[i];

        for (var key in source) {
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key];
          }
        }
      }

      return target;
    };

    return _extends.apply(this, arguments);
  }

  function ownKeys(object, enumerableOnly) {
    var keys = Object.keys(object);

    if (Object.getOwnPropertySymbols) {
      var symbols = Object.getOwnPropertySymbols(object);
      if (enumerableOnly) symbols = symbols.filter(function (sym) {
        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
      });
      keys.push.apply(keys, symbols);
    }

    return keys;
  }

  function _objectSpread2(target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i] != null ? arguments[i] : {};

      if (i % 2) {
        ownKeys(Object(source), true).forEach(function (key) {
          _defineProperty(target, key, source[key]);
        });
      } else if (Object.getOwnPropertyDescriptors) {
        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
      } else {
        ownKeys(Object(source)).forEach(function (key) {
          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _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 _slicedToArray(arr, i) {
    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
  }

  function _arrayWithHoles(arr) {
    if (Array.isArray(arr)) return arr;
  }

  function _iterableToArrayLimit(arr, i) {
    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
    var _arr = [];
    var _n = true;
    var _d = false;
    var _e = undefined;

    try {
      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
        _arr.push(_s.value);

        if (i && _arr.length === i) break;
      }
    } catch (err) {
      _d = true;
      _e = err;
    } finally {
      try {
        if (!_n && _i["return"] != null) _i["return"]();
      } finally {
        if (_d) throw _e;
      }
    }

    return _arr;
  }

  function _unsupportedIterableToArray(o, minLen) {
    if (!o) return;
    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
    var n = Object.prototype.toString.call(o).slice(8, -1);
    if (n === "Object" && o.constructor) n = o.constructor.name;
    if (n === "Map" || n === "Set") return Array.from(o);
    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
  }

  function _arrayLikeToArray(arr, len) {
    if (len == null || len > arr.length) len = arr.length;

    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];

    return arr2;
  }

  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 loadTheme(options) {
    var _ref = options !== null && options !== void 0 ? options : {},
        theme = _ref.theme,
        type = _ref.type,
        _ref$url = _ref.url,
        url = _ref$url === void 0 ? '' : _ref$url;

    var attr = "data-".concat(type, "-theme");
    var cur = document.querySelector("link[".concat(attr, "=\"").concat(theme, "\"]"));

    if (!cur) {
      if (url) {
        console.info("load theme ".concat(type, " ").concat(theme, " ").concat(url));
        return utils.loadStyles(url, {
          attributes: _defineProperty({}, attr, theme)
        }).then(function () {
          // disable others
          var themes = document.querySelectorAll("link[".concat(attr, "]:not([").concat(attr, "=\"").concat(theme, "\"])"));
          themes.forEach(function (v) {
            return v.setAttribute('disabled', 'true');
          });
          return true;
        });
      }

      return false;
    }

    var themes = document.querySelectorAll("link[".concat(attr, "]:not([").concat(attr, "=\"").concat(theme, "\"])"));
    themes.forEach(function (v) {
      return v.setAttribute('disabled', 'true');
    });
    cur.removeAttribute('disabled');
    return true;
  } // fixme - should use current version ?


  var urls = {
    light: 'https://unpkg.com/antd/dist/antd.min.css',
    dark: 'https://unpkg.com/antd/dist/antd.dark.min.css'
  };
  function loadAntdTheme(options) {
    var _ref2 = options || {},
        _ref2$theme = _ref2.theme,
        theme = _ref2$theme === void 0 ? 'light' : _ref2$theme,
        src = _ref2.src;

    var url = src || urls[theme];

    if (!url) {
      console.error("Theme not found: ".concat(theme));
      return false;
    }

    return loadTheme({
      theme: theme,
      type: 'antd',
      url: url
    });
  }
  function useAntdTheme(options) {
    var _ref3 = options || {},
        _ref3$theme = _ref3.theme,
        theme = _ref3$theme === void 0 ? 'light' : _ref3$theme,
        src = _ref3.src;

    var _useState = React.useState(true),
        _useState2 = _slicedToArray(_useState, 2),
        loading = _useState2[0],
        setLoading = _useState2[1];

    React.useEffect(function () {
      var url = src || urls[theme];

      if (!url) {
        console.error("Theme not found: ".concat(theme));
        return;
      }

      setLoading(true);
      Promise.resolve(loadTheme({
        theme: theme,
        type: 'antd',
        url: url
      }))["finally"](function () {
        return setLoading(false);
      });
    }, [theme, src]);
    return loading;
  }

  function n(n) {
    for (var t = arguments.length, r = Array(t > 1 ? t - 1 : 0), e = 1; e < t; e++) {
      r[e - 1] = arguments[e];
    }

    if ("production" !== process.env.NODE_ENV) {
      var i = L[n],
          o = i ? "function" == typeof i ? i.apply(null, r) : i : "unknown error nr: " + n;
      throw Error("[Immer] " + o);
    }

    throw Error("[Immer] minified error nr: " + n + (r.length ? " " + r.join(",") : "") + ". Find the full error at: https://bit.ly/3cXEKWf");
  }

  function t(n) {
    return !!n && !!n[G];
  }

  function r(n) {
    return !!n && (function (n) {
      if (!n || "object" != _typeof(n)) return !1;
      var t = Object.getPrototypeOf(n);
      return !t || t === Object.prototype;
    }(n) || Array.isArray(n) || !!n[B] || !!n.constructor[B] || c(n) || s(n));
  }

  function i(n, t, r) {
    void 0 === r && (r = !1), 0 === o(n) ? (r ? Object.keys : Q)(n).forEach(function (r) {
      return t(r, n[r], n);
    }) : n.forEach(function (r, e) {
      return t(e, r, n);
    });
  }

  function o(n) {
    var t = n[G];
    return t ? t.i > 3 ? t.i - 4 : t.i : Array.isArray(n) ? 1 : c(n) ? 2 : s(n) ? 3 : 0;
  }

  function u(n, t) {
    return 2 === o(n) ? n.has(t) : Object.prototype.hasOwnProperty.call(n, t);
  }

  function a(n, t) {
    return 2 === o(n) ? n.get(t) : n[t];
  }

  function f(n, t) {
    return n === t ? 0 !== n || 1 / n == 1 / t : n != n && t != t;
  }

  function c(n) {
    return U && n instanceof Map;
  }

  function s(n) {
    return W && n instanceof Set;
  }

  function v(n) {
    return n.o || n.t;
  }

  function p(t, r) {
    if (void 0 === r && (r = !1), Array.isArray(t)) return t.slice();
    var e = Object.create(Object.getPrototypeOf(t));
    return i(t, function (i) {
      if (i !== G) {
        var o = Object.getOwnPropertyDescriptor(t, i),
            u = o.value;
        o.get && (r || n(1), u = o.get.call(t)), o.enumerable ? e[i] = u : Object.defineProperty(e, i, {
          value: u,
          writable: !0,
          configurable: !0
        });
      }
    }), e;
  }

  function d(n, e) {
    t(n) || h(n) || !r(n) || (o(n) > 1 && (n.set = n.add = n.clear = n["delete"] = l), Object.freeze(n), e && i(n, function (n, t) {
      return d(t, !0);
    }, !0));
  }

  function l() {
    n(2);
  }

  function h(n) {
    return null == n || "object" != _typeof(n) || Object.isFrozen(n);
  }

  function y(t) {
    var r = V[t];
    return r || n("production" !== process.env.NODE_ENV ? 18 : 19, t), r;
  }

  function m() {
    return "production" === process.env.NODE_ENV || K || n(0), K;
  }

  function _(n, t) {
    t && (y("Patches"), n.u = [], n.s = [], n.v = t);
  }

  function j(n) {
    O(n), n.p.forEach(w), n.p = null;
  }

  function O(n) {
    n === K && (K = n.l);
  }

  function g(n) {
    return K = {
      p: [],
      l: K,
      h: n,
      m: !0,
      _: 0
    };
  }

  function w(n) {
    var t = n[G];
    0 === t.i || 1 === t.i ? t.j() : t.O = !0;
  }

  function S(t, e) {
    e._ = e.p.length;
    var i = e.p[0],
        o = void 0 !== t && t !== i;
    return e.h.g || y("ES5").S(e, t, o), o ? (i[G].P && (j(e), n(4)), r(t) && (t = P(e, t), e.l || A(e, t)), e.u && y("Patches").M(i[G], t, e.u, e.s)) : t = P(e, i, []), j(e), e.u && e.v(e.u, e.s), t !== q ? t : void 0;
  }

  function P(n, t, r) {
    if (h(t)) return t;
    var e = t[G];
    if (!e) return i(t, function (i, o) {
      return M(n, e, t, i, o, r);
    }, !0), t;
    if (e.A !== n) return t;
    if (!e.P) return A(n, e.t, !0), e.t;

    if (!e.I) {
      e.I = !0, e.A._--;
      var o = 4 === e.i || 5 === e.i ? e.o = p(e.k, !0) : e.o;
      i(o, function (t, i) {
        return M(n, e, o, t, i, r);
      }), A(n, o, !1), r && n.u && y("Patches").R(e, r, n.u, n.s);
    }

    return e.o;
  }

  function M(e, i, c, s, v, p) {
    if ("production" !== process.env.NODE_ENV && v === c && n(5), t(v)) {
      var d = P(e, v, p && i && 3 !== i.i && !u(i.D, s) ? p.concat(s) : void 0);
      if (h = s, y = d, 2 === (b = o(l = c)) ? l.set(h, y) : 3 === b ? (l["delete"](h), l.add(y)) : l[h] = y, !t(d)) return;
      e.m = !1;
    }

    var l, h, y, b;

    if ((!i || !f(v, a(i.t, s))) && r(v)) {
      if (!e.h.N && e._ < 1) return;
      P(e, v), i && i.A.l || A(e, v);
    }
  }

  function A(n, t, r) {
    void 0 === r && (r = !1), n.h.N && n.m && d(t, r);
  }

  function x(n, t) {
    var r = n[G],
        e = Reflect.getOwnPropertyDescriptor(r ? v(r) : n, t);
    return e && e.value;
  }

  function z(n) {
    if (!n.P) {
      if (n.P = !0, 0 === n.i || 1 === n.i) {
        var t = n.o = p(n.t);
        i(n.p, function (n, r) {
          t[n] = r;
        }), n.p = void 0;
      }

      n.l && z(n.l);
    }
  }

  function I(n) {
    n.o || (n.o = p(n.t));
  }

  function E(n, t, r) {
    var e = c(t) ? y("MapSet").T(t, r) : s(t) ? y("MapSet").F(t, r) : n.g ? function (n, t) {
      var r = Array.isArray(n),
          e = {
        i: r ? 1 : 0,
        A: t ? t.A : m(),
        P: !1,
        I: !1,
        D: {},
        l: t,
        t: n,
        k: null,
        p: {},
        o: null,
        j: null,
        C: !1
      },
          i = e,
          o = Y;
      r && (i = [e], o = Z);
      var u = Proxy.revocable(i, o),
          a = u.revoke,
          f = u.proxy;
      return e.k = f, e.j = a, f;
    }(t, r) : y("ES5").J(t, r);
    return (r ? r.A : m()).p.push(e), e;
  }

  var J,
      K,
      $ = "undefined" != typeof Symbol && "symbol" == _typeof(Symbol("x")),
      U = "undefined" != typeof Map,
      W = "undefined" != typeof Set,
      X = "undefined" != typeof Proxy && void 0 !== Proxy.revocable && "undefined" != typeof Reflect,
      q = $ ? Symbol("immer-nothing") : ((J = {})["immer-nothing"] = !0, J),
      B = $ ? Symbol("immer-draftable") : "__$immer_draftable",
      G = $ ? Symbol("immer-state") : "__$immer_state",
      L = {
    0: "Illegal state",
    1: "Immer drafts cannot have computed properties",
    2: "This object has been frozen and should not be mutated",
    3: function _(n) {
      return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? " + n;
    },
    4: "An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",
    5: "Immer forbids circular references",
    6: "The first or second argument to `produce` must be a function",
    7: "The third argument to `produce` must be a function or undefined",
    8: "First argument to `createDraft` must be a plain object, an array, or an immerable object",
    9: "First argument to `finishDraft` must be a draft returned by `createDraft`",
    10: "The given draft is already finalized",
    11: "Object.defineProperty() cannot be used on an Immer draft",
    12: "Object.setPrototypeOf() cannot be used on an Immer draft",
    13: "Immer only supports deleting array indices",
    14: "Immer only supports setting array indices and the 'length' property",
    15: function _(n) {
      return "Cannot apply patch, path doesn't resolve: " + n;
    },
    16: 'Sets cannot have "replace" patches.',
    17: function _(n) {
      return "Unsupported patch operation: " + n;
    },
    18: function _(n) {
      return "The plugin for '" + n + "' has not been loaded into Immer. To enable the plugin, import and call `enable" + n + "()` when initializing your application.";
    },
    19: function _(n) {
      return "plugin not loaded: " + n;
    },
    20: "Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available"
  },
      Q = "undefined" != typeof Reflect && Reflect.ownKeys ? Reflect.ownKeys : void 0 !== Object.getOwnPropertySymbols ? function (n) {
    return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n));
  } : Object.getOwnPropertyNames,
      V = {},
      Y = {
    get: function get(n, t) {
      if (t === G) return n;
      var e = n.p;
      if (!n.P && u(e, t)) return e[t];
      var i = v(n)[t];
      if (n.I || !r(i)) return i;

      if (n.P) {
        if (i !== x(n.t, t)) return i;
        e = n.o;
      }

      return e[t] = E(n.A.h, i, n);
    },
    has: function has(n, t) {
      return t in v(n);
    },
    ownKeys: function ownKeys(n) {
      return Reflect.ownKeys(v(n));
    },
    set: function set(n, t, r) {
      if (!n.P) {
        var e = x(n.t, t);
        if (r ? f(e, r) || r === n.p[t] : f(e, r) && t in n.t) return !0;
        I(n), z(n);
      }

      return n.D[t] = !0, n.o[t] = r, !0;
    },
    deleteProperty: function deleteProperty(n, t) {
      return void 0 !== x(n.t, t) || t in n.t ? (n.D[t] = !1, I(n), z(n)) : n.D[t] && delete n.D[t], n.o && delete n.o[t], !0;
    },
    getOwnPropertyDescriptor: function getOwnPropertyDescriptor(n, t) {
      var r = v(n),
          e = Reflect.getOwnPropertyDescriptor(r, t);
      return e && (e.writable = !0, e.configurable = 1 !== n.i || "length" !== t), e;
    },
    defineProperty: function defineProperty() {
      n(11);
    },
    getPrototypeOf: function getPrototypeOf(n) {
      return Object.getPrototypeOf(n.t);
    },
    setPrototypeOf: function setPrototypeOf() {
      n(12);
    }
  },
      Z = {};

  i(Y, function (n, t) {
    Z[n] = function () {
      return arguments[0] = arguments[0][0], t.apply(this, arguments);
    };
  }), Z.deleteProperty = function (t, r) {
    return "production" !== process.env.NODE_ENV && isNaN(parseInt(r)) && n(13), Y.deleteProperty.call(this, t[0], r);
  }, Z.set = function (t, r, e) {
    return "production" !== process.env.NODE_ENV && "length" !== r && isNaN(parseInt(r)) && n(14), Y.set.call(this, t[0], r, e, t[0]);
  };

  var nn = function () {
    function e(n) {
      this.g = X, this.N = "production" !== process.env.NODE_ENV, "boolean" == typeof (null == n ? void 0 : n.useProxies) && this.setUseProxies(n.useProxies), "boolean" == typeof (null == n ? void 0 : n.autoFreeze) && this.setAutoFreeze(n.autoFreeze), this.produce = this.produce.bind(this), this.produceWithPatches = this.produceWithPatches.bind(this);
    }

    var i = e.prototype;
    return i.produce = function (t, e, i) {
      if ("function" == typeof t && "function" != typeof e) {
        var o = e;
        e = t;
        var u = this;
        return function (n) {
          var t = this;
          void 0 === n && (n = o);

          for (var r = arguments.length, i = Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++) {
            i[a - 1] = arguments[a];
          }

          return u.produce(n, function (n) {
            var r;
            return (r = e).call.apply(r, [t, n].concat(i));
          });
        };
      }

      var a;

      if ("function" != typeof e && n(6), void 0 !== i && "function" != typeof i && n(7), r(t)) {
        var f = g(this),
            c = E(this, t, void 0),
            s = !0;

        try {
          a = e(c), s = !1;
        } finally {
          s ? j(f) : O(f);
        }

        return "undefined" != typeof Promise && a instanceof Promise ? a.then(function (n) {
          return _(f, i), S(n, f);
        }, function (n) {
          throw j(f), n;
        }) : (_(f, i), S(a, f));
      }

      if ((a = e(t)) !== q) return void 0 === a && (a = t), this.N && d(a, !0), a;
    }, i.produceWithPatches = function (n, t) {
      var r,
          e,
          i = this;
      return "function" == typeof n ? function (t) {
        for (var r = arguments.length, e = Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++) {
          e[o - 1] = arguments[o];
        }

        return i.produceWithPatches(t, function (t) {
          return n.apply(void 0, [t].concat(e));
        });
      } : [this.produce(n, t, function (n, t) {
        r = n, e = t;
      }), r, e];
    }, i.createDraft = function (t) {
      r(t) || n(8);
      var e = g(this),
          i = E(this, t, void 0);
      return i[G].C = !0, O(e), i;
    }, i.finishDraft = function (t, r) {
      var e = t && t[G];
      "production" !== process.env.NODE_ENV && (e && e.C || n(9), e.I && n(10));
      var i = e.A;
      return _(i, r), S(void 0, i);
    }, i.setAutoFreeze = function (n) {
      this.N = n;
    }, i.setUseProxies = function (t) {
      X || n(20), this.g = t;
    }, i.applyPatches = function (n, r) {
      var e;

      for (e = r.length - 1; e >= 0; e--) {
        var i = r[e];

        if (0 === i.path.length && "replace" === i.op) {
          n = i.value;
          break;
        }
      }

      var o = y("Patches").U;
      return t(n) ? o(n, r) : this.produce(n, function (n) {
        return o(n, r.slice(e + 1));
      });
    }, e;
  }(),
      tn = new nn(),
      rn = tn.produce,
      en = tn.produceWithPatches.bind(tn),
      on = tn.setAutoFreeze.bind(tn),
      un = tn.setUseProxies.bind(tn),
      an = tn.applyPatches.bind(tn),
      fn = tn.createDraft.bind(tn),
      cn = tn.finishDraft.bind(tn);

  var LayoutFrameContext = /*#__PURE__*/React__default.createContext(null);
  var useLayoutFrameSelector = function useLayoutFrameSelector(selector, eq) {
    var layout = useLayoutFrame();
    var ref = React.useRef();

    var _useState = React.useState(function () {
      return ref.current = selector(layout.getState());
    }),
        _useState2 = _slicedToArray(_useState, 2),
        state = _useState2[0],
        setState = _useState2[1];

    React.useEffect(function () {
      return layout.subscribe(function (s) {
        var next = selector(s);

        if (eq && !eq(next, ref.current) || next !== ref.current) {
          setState(ref.current = next);
        }
      });
    }, []);
    return state;
  };
  function useLayoutFrameOptions() {
    return React.useContext(LayoutFrameContext).options;
  } // class LayoutFrameStore implements LayoutFrameInstance {
  //   name = 'default';
  //   context = LayoutStoreContext;
  //   store: Store<LayoutFrameState>;
  //   useSelector: TypedUseSelectorHook<LayoutFrameState>;
  //   dispatch;
  //   forceRootUpdate: () => void;
  //
  //   constructor({ forceRootUpdate, name = 'default' }) {
  //     this.forceRootUpdate = forceRootUpdate;
  //     this.name = name;
  //
  //     const slice = createLayoutFrameSlice();
  //     this.store = configureStore(slice);
  //     this.dispatch = this.store.dispatch;
  //     this.useSelector = createSelectorHook(this.context);
  //   }
  //
  //   selector = (s) => s;
  //
  //   getLayout(): LayoutFrameInstance {
  //     // const {name, store, context} = this;
  //     // return {
  //     //   name,
  //     //   dispatch: store.dispatch,
  //     //   selector: s => s,
  //     //   useSelector: createSelectorHook(context),
  //     // }
  //     return this;
  //   }
  // }

  var LayoutFrameProvider = function LayoutFrameProvider(_ref) {
    var layout = _ref.layout,
        options = _ref.options,
        children = _ref.children;
    return /*#__PURE__*/React__default.createElement(LayoutFrameContext.Provider, {
      value: {
        layout: layout,
        options: options
      }
    }, children);
  };

  function createLayoutFrame() {
    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    var initialState = options.initialState,
        _options$name = options.name,
        name = _options$name === void 0 ? 'default' : _options$name,
        current = options.current;
    var state = new rxjs.BehaviorSubject(_objectSpread2({}, typeof initialState === 'function' ? initialState() : initialState !== null && initialState !== void 0 ? initialState : {}));
    var layout = {
      get name() {
        return name;
      },

      subscribe: function subscribe(consumer) {
        var s = state.subscribe(consumer);
        return s.unsubscribe.bind(s);
      },
      getState: function getState() {
        return state.value;
      },
      update: function (_update) {
        function update(_x) {
          return _update.apply(this, arguments);
        }

        update.toString = function () {
          return _update.toString();
        };

        return update;
      }(function (update) {
        if (typeof update !== 'function') {
          layout.update(function (s) {
            Object.assign(s, update);
          });
          return;
        }

        var current = state.value;
        var next = rn(current, update);

        if (current !== next) {
          state.next(next);
          console.debug("next layout state", next, current);
        }
      }),
      dispose: function dispose() {//
      }
    };
    return layout;
  }

  function useLayoutFrame(options) {
    var _useContext;

    var _ref2 = options || {},
        layout = _ref2.layout,
        _ref2$name = _ref2.name,
        name = _ref2$name === void 0 ? 'default' : _ref2$name,
        initialState = _ref2.initialState;

    var instanceRef = React__default.useRef();

    var _useReducer = React.useReducer(function (a) {
      return a + 1;
    }, 0),
        _useReducer2 = _slicedToArray(_useReducer, 2),
        forceRootUpdate = _useReducer2[1];

    var current = (_useContext = React.useContext(LayoutFrameContext)) === null || _useContext === void 0 ? void 0 : _useContext.layout;

    if (!instanceRef.current) {
      if (current && current.name === name) {
        instanceRef.current = current;
      } else if (layout) {
        instanceRef.current = layout;
      } else {
        // const layoutStore = new LayoutFrameStore({ forceRootUpdate, name });
        instanceRef.current = createLayoutFrame({
          name: name,
          initialState: initialState,
          current: current
        });
      }
    }

    return instanceRef.current;
  }

  var NamedThemeContext = /*#__PURE__*/React__default.createContext(new rxjs.BehaviorSubject(null));
  function useNamedTheme() {
    var state = React.useContext(NamedThemeContext);

    var _useState = React.useState(state.value),
        _useState2 = _slicedToArray(_useState, 2),
        theme = _useState2[0],
        setTheme = _useState2[1];

    React.useEffect(function () {
      var subscribe = state.subscribe(setTheme);
      return subscribe.unsubscribe.bind(subscribe);
    }, [state]);
    return [theme, function (v) {
      return state.next(v);
    }];
  }

  var LayoutFrameMenu = function LayoutFrameMenu(_ref) {
    var children = _ref.children,
        props = _objectWithoutProperties(_ref, ["children"]);

    var _useLayoutFrameOption = useLayoutFrameOptions(),
        menus = _useLayoutFrameOption.menus,
        _useLayoutFrameOption2 = _useLayoutFrameOption.link,
        link = _useLayoutFrameOption2 === void 0 ? 'a' : _useLayoutFrameOption2,
        _useLayoutFrameOption3 = _useLayoutFrameOption.menuProps,
        menuProps = _useLayoutFrameOption3 === void 0 ? {} : _useLayoutFrameOption3;

    var _useNamedTheme = useNamedTheme(),
        _useNamedTheme2 = _slicedToArray(_useNamedTheme, 1),
        theme = _useNamedTheme2[0];

    return /*#__PURE__*/React__default.createElement(antd.Menu, _extends({
      theme: theme === 'dark' ? 'dark' : 'light',
      mode: "inline"
    }, menuProps, props), renderMenus(menus, {
      link: link
    }));
  };

  function renderMenus(menus, opts) {
    return menus.map(function (v) {
      return renderMenu(v, opts);
    });
  }

  function renderMenu(menu, opts) {
    var path = menu.path,
        title = menu.title,
        iconComponent = menu.iconComponent,
        _menu$children = menu.children,
        children = _menu$children === void 0 ? [] : _menu$children;

    if (path || children.length === 0) {
      return renderMenuItem(menu, opts);
    }

    return /*#__PURE__*/React__default.createElement(antd.Menu.SubMenu, {
      key: path || title,
      title: /*#__PURE__*/React__default.createElement("div", null, iconComponent, /*#__PURE__*/React__default.createElement("span", null, title))
    }, children.map(function (v) {
      return renderMenuItem(v, opts);
    }));
  }

  function renderMenuItem(menu, _ref2) {
    var Link = _ref2.link;
    var path = menu.path,
        title = menu.title,
        iconComponent = menu.iconComponent;
    return /*#__PURE__*/React__default.createElement(antd.Menu.Item, {
      key: path || title
    }, /*#__PURE__*/React__default.createElement(Link, {
      href: path
    }, /*#__PURE__*/React__default.createElement("div", null, iconComponent, /*#__PURE__*/React__default.createElement("span", {
      style: _objectSpread2({}, iconComponent ? {
        marginLeft: 10
      } : {})
    }, title))));
  }

  var LayoutFrameSider = function LayoutFrameSider(_ref) {
    var style = _ref.style;

    var _useState = React.useState(false),
        _useState2 = _slicedToArray(_useState, 2),
        broken = _useState2[0],
        setBroken = _useState2[1];

    var _useState3 = React.useState(true),
        _useState4 = _slicedToArray(_useState3, 2),
        collapse = _useState4[0],
        setCollapse = _useState4[1];

    var _useNamedTheme = useNamedTheme(),
        _useNamedTheme2 = _slicedToArray(_useNamedTheme, 1),
        theme = _useNamedTheme2[0];

    return /*#__PURE__*/React__default.createElement(antd.Layout.Sider, {
      theme: theme === 'dark' ? 'dark' : 'light',
      breakpoint: "md",
      onBreakpoint: setBroken,
      collapsedWidth: broken ? 0 : 80,
      collapsible: true,
      collapsed: collapse,
      onCollapse: function onCollapse(v) {
        return setCollapse(v);
      },
      style: _objectSpread2({
        height: '100%'
      }, style)
    }, /*#__PURE__*/React__default.createElement("div", {
      style: {
        height: '100%',
        overflowY: 'auto'
      }
    }, /*#__PURE__*/React__default.createElement(LayoutFrameMenu, null)));
  };

  var LayoutFrameLayout = function LayoutFrameLayout(props) {
    var header = props.header,
        footer = props.footer,
        children = props.children;
    var showHeader = props.showHeader,
        showFooter = props.showFooter;

    if (typeof showHeader !== 'boolean') {
      showHeader = Boolean(header);
    }

    if (typeof showFooter !== 'boolean') {
      showFooter = Boolean(footer);
    }

    var layout = useLayoutFrame();

    var _useNamedTheme = useNamedTheme(),
        _useNamedTheme2 = _slicedToArray(_useNamedTheme, 1),
        theme = _useNamedTheme2[0]; // height: '100%' 确保布局不变


    return /*#__PURE__*/React__default.createElement(antd.Layout, {
      style: {
        height: '100%',
        minHeight: '100vh'
      },
      "data-layout-frame-name": layout.name
    }, header && showHeader && /*#__PURE__*/React__default.createElement(antd.Layout.Header, {
      style: theme === 'light' ? {
        backgroundColor: '#fff'
      } : {}
    }, header), /*#__PURE__*/React__default.createElement(antd.Layout, {
      hasSider: true
    }, /*#__PURE__*/React__default.createElement(LayoutFrameSider, null), /*#__PURE__*/React__default.createElement(antd.Layout, null, /*#__PURE__*/React__default.createElement(antd.Layout.Content, {
      style: {
        maxHeight: '100%',
        overflowY: 'auto'
      }
    }, children), footer && showFooter && /*#__PURE__*/React__default.createElement(antd.Layout.Footer, null, footer))));
  };

  var LayoutFrame = function LayoutFrame(props) {
    var children = props.children,
        showFooter = props.showFooter,
        showHeader = props.showHeader,
        footer = props.footer,
        header = props.header,
        name = props.name,
        menus = props.menus,
        link = props.link,
        menuProps = props.menuProps;
    var layout = useLayoutFrame(props.layout ? {
      layout: props.layout
    } : {});
    return /*#__PURE__*/React__default.createElement(LayoutFrameProvider, {
      layout: layout,
      options: {
        name: name,
        menus: menus,
        link: link,
        menuProps: menuProps
      }
    }, /*#__PURE__*/React__default.createElement(LayoutFrameLayout, {
      children: children,
      showFooter: showFooter,
      showHeader: showHeader,
      footer: footer,
      header: header
    }));
  };

  var LayoutFrameContent = function LayoutFrameContent(_ref) {
    var children = _ref.children,
        style = _ref.style;

    var _useNamedTheme = useNamedTheme(),
        _useNamedTheme2 = _slicedToArray(_useNamedTheme, 1),
        theme = _useNamedTheme2[0];

    return /*#__PURE__*/React__default.createElement("div", {
      style: _objectSpread2(_objectSpread2({}, theme !== 'dark' ? {
        backgroundColor: 'white'
      } : {}), {}, {
        margin: 8,
        padding: 12,
        minHeight: 'calc(100% - 16px)'
      }, style)
    }, children);
  };

  exports.LayoutFrame = LayoutFrame;
  exports.LayoutFrameContent = LayoutFrameContent;
  exports.LayoutFrameLayout = LayoutFrameLayout;
  exports.LayoutFrameMenu = LayoutFrameMenu;
  exports.LayoutFrameProvider = LayoutFrameProvider;
  exports.LayoutFrameSider = LayoutFrameSider;
  exports.loadAntdTheme = loadAntdTheme;
  exports.useAntdTheme = useAntdTheme;
  exports.useLayoutFrame = useLayoutFrame;
  exports.useLayoutFrameOptions = useLayoutFrameOptions;
  exports.useLayoutFrameSelector = useLayoutFrameSelector;

  Object.defineProperty(exports, '__esModule', { value: true });

})));
//# sourceMappingURL=wener-ui-antds.umd.js.map