@mantou/gem 1.7.5 → 1.7.7

package/dist/gem.es.js

@@ -1133,7 +1133,7 @@ function styleMap(object) {
   return objectMapToString(
     object,
     ";",
-    (key2, value) => value !== void 0 ? `${camelToKebabCase(key2)}:${value}` : ""
+    (key2, value) => value !== void 0 && value !== null ? `${camelToKebabCase(key2)}:${value}` : ""
   );
 }
 function classMap(object) {
@@ -1155,29 +1155,27 @@ function createStore(originStore) {
   StoreListenerMap.set(originStore, /* @__PURE__ */ new Set());
   return originStore;
 }
-function createStoreSet(originStoreSet) {
-  const keys = Object.keys(originStoreSet);
-  keys.forEach((key2) => {
-    createStore(originStoreSet[key2]);
-  });
-  return originStoreSet;
-}
 function updateStore(store2, value) {
+  var _a2;
   Object.assign(store2, value);
-  const listeners = StoreListenerMap.get(store2);
-  listeners == null ? void 0 : listeners.forEach((func) => {
+  (_a2 = StoreListenerMap.get(store2)) == null ? void 0 : _a2.forEach((func) => {
     addMicrotask(func);
   });
 }
+function useStore(originStore) {
+  const store2 = createStore(originStore);
+  return [store2, (value) => updateStore(store2, value)];
+}
 function connect(store2, func) {
   const listeners = StoreListenerMap.get(store2);
   listeners == null ? void 0 : listeners.add(func);
+  return () => listeners == null ? void 0 : listeners.delete(func);
 }
 function disconnect(store2, func) {
   const listeners = StoreListenerMap.get(store2);
   listeners == null ? void 0 : listeners.delete(func);
 }
-const version = "1.7.5";
+const version = "1.7.7";
 var VersionExports = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version
@@ -1392,7 +1390,7 @@ var __privateSet$1 = (obj, member, value, setter) => {
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
-var _final, _renderRoot, _internals, _isAppendReason, _isMounted, _isAsync, _effectList, _memoList, _unmountCallback, _exec, _execEffect, _execMemo, _initEffect, _render, _shouldUpdate, _updateCallback, _update, _updated, _connectedCallback, _filterEffect;
+var _final, _renderRoot, _internals, _isAppendReason, _isMounted, _isAsync, _effectList, _memoList, _unmountCallback, _exec, _execEffect, _execMemo, _initEffect, _render, _shouldUpdate, _updateCallback, _update, _updated, _disconnectStore, _connectedCallback, _filterEffect;
 function emptyFunction() {
 }
 function execCallback(fun) {
@@ -1512,6 +1510,7 @@ const _GemElement = class extends HTMLElement {
       var _a2;
       (_a2 = this.updated) == null ? void 0 : _a2.call(this);
     });
+    __privateAdd$1(this, _disconnectStore, void 0);
     __privateAdd$1(this, _connectedCallback, () => {
       var _a2, _b2, _c;
       if (__privateGet$1(this, _isAppendReason)) {
@@ -1521,15 +1520,13 @@ const _GemElement = class extends HTMLElement {
       Reflect.set(this, constructorSymbol, false);
       (_a2 = this.willMount) == null ? void 0 : _a2.call(this);
       const { observedStores, rootElement: rootElement2 } = this.constructor;
-      observedStores == null ? void 0 : observedStores.forEach((store2) => {
-        connect(store2, __privateGet$1(this, _update));
-      });
+      __privateSet$1(this, _disconnectStore, observedStores == null ? void 0 : observedStores.map((store2) => connect(store2, __privateGet$1(this, _update))));
       const temp = __privateGet$1(this, _render).call(this);
       temp !== void 0 && render(temp, __privateGet$1(this, _renderRoot));
       __privateSet$1(this, _isMounted, true);
       __privateSet$1(this, _unmountCallback, (_b2 = this.mounted) == null ? void 0 : _b2.call(this));
       __privateGet$1(this, _initEffect).call(this);
-      if (rootElement2 && ((_c = this.getRootNode().host) == null ? void 0 : _c.tagName) !== rootElement2.toUpperCase()) {
+      if (rootElement2 && this.isConnected && ((_c = this.getRootNode().host) == null ? void 0 : _c.tagName) !== rootElement2.toUpperCase()) {
         throw new GemError(`not allow current root type`);
       }
     });
@@ -1609,7 +1606,7 @@ const _GemElement = class extends HTMLElement {
     return getRootElement(this);
   }
   connectedCallback() {
-    if (__privateGet$1(this, _isAsync)) {
+    if (this.isConnected && __privateGet$1(this, _isAsync)) {
       asyncRenderTaskList.add(__privateGet$1(this, _connectedCallback));
     } else {
       __privateGet$1(this, _connectedCallback).call(this);
@@ -1620,21 +1617,18 @@ const _GemElement = class extends HTMLElement {
     return __privateGet$1(_GemElement, _final);
   }
   disconnectedCallback() {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c, _d, _e;
     if (this.isConnected) {
       __privateSet$1(this, _isAppendReason, true);
       return;
     }
     __privateSet$1(this, _isMounted, false);
-    const { observedStores } = this.constructor;
-    observedStores == null ? void 0 : observedStores.forEach((store2) => {
-      disconnect(store2, __privateGet$1(this, _update));
-    });
+    (_a2 = __privateGet$1(this, _disconnectStore)) == null ? void 0 : _a2.forEach((disconnect2) => disconnect2());
     execCallback(__privateGet$1(this, _unmountCallback));
-    (_a2 = this.unmounted) == null ? void 0 : _a2.call(this);
-    (_b2 = __privateGet$1(this, _effectList)) == null ? void 0 : _b2.forEach(({ preCallback }) => execCallback(preCallback));
-    __privateSet$1(this, _effectList, (_c = __privateGet$1(this, _effectList)) == null ? void 0 : _c.filter(__privateGet$1(this, _filterEffect)));
-    __privateSet$1(this, _memoList, (_d = __privateGet$1(this, _memoList)) == null ? void 0 : _d.filter(__privateGet$1(this, _filterEffect)));
+    (_b2 = this.unmounted) == null ? void 0 : _b2.call(this);
+    (_c = __privateGet$1(this, _effectList)) == null ? void 0 : _c.forEach(({ preCallback }) => execCallback(preCallback));
+    __privateSet$1(this, _effectList, (_d = __privateGet$1(this, _effectList)) == null ? void 0 : _d.filter(__privateGet$1(this, _filterEffect)));
+    __privateSet$1(this, _memoList, (_e = __privateGet$1(this, _memoList)) == null ? void 0 : _e.filter(__privateGet$1(this, _filterEffect)));
     return __privateGet$1(_GemElement, _final);
   }
 };
@@ -1657,6 +1651,7 @@ _shouldUpdate = /* @__PURE__ */ new WeakMap();
 _updateCallback = /* @__PURE__ */ new WeakMap();
 _update = /* @__PURE__ */ new WeakMap();
 _updated = /* @__PURE__ */ new WeakMap();
+_disconnectStore = /* @__PURE__ */ new WeakMap();
 _connectedCallback = /* @__PURE__ */ new WeakMap();
 _filterEffect = /* @__PURE__ */ new WeakMap();
 __privateAdd$1(GemElement, _final, Symbol());
@@ -1884,7 +1879,7 @@ const nativePushState = nativeHistory.pushState.bind(nativeHistory);
 const nativeReplaceState = nativeHistory.replaceState.bind(nativeHistory);
 let key = 0;
 const getKey = () => `${performance.now()}-${++key}`;
-const store = createStore({
+const [store, updateHistoryStore] = useStore({
   $hasCloseHandle: false,
   $hasOpenHandle: false,
   $hasShouldCloseHandle: false,
@@ -1931,10 +1926,12 @@ function updateHistory(p, native) {
     $hasOpenHandle: !!open2,
     $hasShouldCloseHandle: !!shouldClose,
     $key: getKey(),
+    $title: title,
     ...data
   };
   paramsMap.set(state2.$key, params);
-  updateStore(cleanObject(store), state2);
+  cleanObject(store);
+  updateHistoryStore(state2);
   const url = getUrlBarPath(path) + new QueryString(query) + hash;
   const prevHash = decodeURIComponent(location.hash);
   native(state2, title, url);
@@ -1945,19 +1942,21 @@ function updateHistoryByNative(data, title, originUrl, native) {
   validData(data);
   const state2 = {
     $key: getKey(),
+    $title: title,
     ...data || {}
   };
   const { pathname, search, hash } = new URL(originUrl, location.origin + location.pathname);
   const params = normalizeParams({ path: pathname, query: new QueryString(search), hash, title, data });
   paramsMap.set(state2.$key, params);
-  updateStore(cleanObject(store), state2);
+  cleanObject(store);
+  updateHistoryStore(state2);
   const url = getUrlBarPath(pathname) + params.query + hash;
   const prevHash = location.hash;
   native(state2, title, url);
   if (prevHash !== hash)
     window.dispatchEvent(new CustomEvent("hashchange"));
 }
-const gemBasePathStore = createStore({
+const [gemBasePathStore, updateBasePathStore] = useStore({
   basePath: ""
 });
 class GemHistory {
@@ -1968,7 +1967,7 @@ class GemHistory {
     return gemBasePathStore.basePath;
   }
   set basePath(basePath) {
-    updateStore(gemBasePathStore, { basePath });
+    updateBasePathStore({ basePath });
     Object.assign(paramsMap.get(store.$key), { path: getInternalPath(location.pathname) });
   }
   getParams() {
@@ -1976,7 +1975,7 @@ class GemHistory {
   }
   updateParams(params) {
     Object.assign(paramsMap.get(store.$key), params);
-    updateStore(store, {});
+    updateHistoryStore();
   }
   push(params) {
     updateHistory(params, nativePushState);
@@ -2001,7 +2000,7 @@ class GemHistory {
   }
 }
 const gemHistory = new GemHistory();
-const gemTitleStore = createStore({ title: "" });
+const [gemTitleStore, updateTitleStore] = useStore({ title: "" });
 const _GEMHISTORY = { history: gemHistory, titleStore: gemTitleStore, basePathStore: gemBasePathStore };
 if (!window._GEMHISTORY) {
   window._GEMHISTORY = _GEMHISTORY;
@@ -2020,13 +2019,13 @@ if (!window._GEMHISTORY) {
     const { pathname, search, hash } = location;
     gemHistory.replace({ path: pathname, query: search, hash });
   } else if (nativeHistory.state.$hasCloseHandle) {
-    updateStore(store, nativeHistory.state);
+    updateHistoryStore(nativeHistory.state);
     const params = normalizeParams({ title: document.title });
     paramsMap.set(store.$key, params);
     gemHistory.back();
   } else {
     const params = normalizeParams({ title: document.title, hash: location.hash });
-    updateStore(store, {
+    updateHistoryStore({
       $key: getKey(),
       ...nativeHistory.state || {}
     });
@@ -2041,7 +2040,7 @@ if (!window._GEMHISTORY) {
   connect(store, () => {
     const { title } = gemHistory.getParams();
     if (title !== gemTitleStore.title) {
-      updateStore(gemTitleStore, { title });
+      updateTitleStore({ title });
     }
   });
   let navigating = false;
@@ -2061,7 +2060,7 @@ if (!window._GEMHISTORY) {
         path: pathname,
         query: new QueryString(search),
         hash,
-        title: document.title,
+        title: newState.$title,
         data: newState
       });
     }
@@ -2087,7 +2086,8 @@ if (!window._GEMHISTORY) {
         }
       }
     }
-    updateStore(cleanObject(store), newState);
+    cleanObject(store);
+    updateHistoryStore(newState);
   });
 }
 const { history, titleStore, basePathStore } = window._GEMHISTORY;
@@ -2525,7 +2525,7 @@ var __decorateClass$4 = (decorators, target, key2, kind) => {
   return result;
 };
 const defaultTitle = document.title;
-function updateTitle(str, prefix = "", suffix = "") {
+function setDocumentTitle(str, prefix = "", suffix = "") {
   const title = titleStore.title || str;
   if (title && title !== defaultTitle) {
     GemTitleElement.title = title;
@@ -2535,11 +2535,18 @@ function updateTitle(str, prefix = "", suffix = "") {
     document.title = GemTitleElement.title;
   }
 }
+connect(titleStore, setDocumentTitle);
 const PREFIX = `${defaultTitle} | `;
 const SUFFIX = ` - ${defaultTitle}`;
-let GemTitleElement = class extends GemElement {
+const _GemTitleElement = class extends GemElement {
   constructor() {
     super();
+    this.mounted = () => {
+      this.effect(
+        () => !this.inert && connect(titleStore, this.update),
+        () => [this.inert]
+      );
+    };
     new MutationObserver(() => this.update()).observe(this, {
       characterData: true,
       subtree: true
@@ -2549,13 +2556,12 @@ let GemTitleElement = class extends GemElement {
     updateStore(titleStore, { title });
   }
   render() {
-    updateTitle(this.textContent, this.prefix, this.suffix);
-    if (this.hidden) {
-      return html``;
-    }
-    return html`${GemTitleElement.title}`;
+    var _a2;
+    setDocumentTitle((_a2 = this.textContent) == null ? void 0 : _a2.trim(), this.prefix, this.suffix);
+    return html`${_GemTitleElement.title}`;
   }
 };
+let GemTitleElement = _GemTitleElement;
 GemTitleElement.title = document.title;
 GemTitleElement.defaultPrefix = PREFIX;
 GemTitleElement.defaultSuffix = SUFFIX;
@@ -2565,10 +2571,9 @@ __decorateClass$4([
 __decorateClass$4([
   attribute
 ], GemTitleElement.prototype, "suffix", 2);
-GemTitleElement = __decorateClass$4([
-  connectStore(titleStore)
-], GemTitleElement);
-connect(titleStore, updateTitle);
+__decorateClass$4([
+  boolattribute
+], GemTitleElement.prototype, "inert", 2);
 customElements.define("gem-title", GemTitleElement);
 var __defProp$3 = Object.defineProperty;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
@@ -2887,6 +2892,10 @@ function updateTheme(theme, newThemeObj) {
   updateStore(getThemeStore(theme), newThemeObj);
   setThemeFnMap.get(theme)();
 }
+function useTheme(themeObj) {
+  const theme = createTheme(themeObj);
+  return [theme, (newThemeObj) => updateTheme(theme, newThemeObj)];
+}
 const splitReg = /\$\d(?:<[^>]*>)?/;
 const matchReg = /\$(\d)(<([^>]*)>)?/g;
 const matchStrIndex = 3;
@@ -3178,4 +3187,4 @@ const mediaQuery = {
     return match(this.WIDTHSCREEN);
   }
 };
-export { GemActiveLinkElement, GemDialogBaseElement, GemElement, GemError, GemLightRouteElement, GemLinkElement, GemReflectElement, GemRouteElement, GemTitleElement, GemUnsafeElement, GemUseElement, I18n, LinkedList, PREFIX, PropProxyMap, QueryString, SUFFIX, SVGTemplateResult, SheetToken, StoreListenerMap, TemplateResult, absoluteLocation, addMicrotask, addMicrotaskToStack, adoptedStyle, attribute, basePathStore, boolattribute, camelToKebabCase, classMap, cleanObject, connect, connectStore, createCSSSheet, createHistoryParams, createModalClass, createPath, createStore, createStoreSet, createTheme, css, customElement, defaultReqInit, defineAttribute, defineCSSState, defineProperty, defineRef, del, directive, disconnect, emitter, exportPartsMap, get, getThemeProps, getThemeStore, globalemitter, guard, history, html, ifDefined, isArrayChange, kebabToCamelCase, matchPath, mediaQuery, nativeDefineElement, numattribute, objectMapToString, part, partMap, post, property, put, randomStr, raw, refobject, removeItems, render, repeat, request, rootElement, slot, splice, state, styleMap, styled, svg, titleStore, updateStore, updateTheme, version };
+export { GemActiveLinkElement, GemDialogBaseElement, GemElement, GemError, GemLightRouteElement, GemLinkElement, GemReflectElement, GemRouteElement, GemTitleElement, GemUnsafeElement, GemUseElement, I18n, LinkedList, PREFIX, PropProxyMap, QueryString, SUFFIX, SVGTemplateResult, SheetToken, StoreListenerMap, TemplateResult, absoluteLocation, addMicrotask, addMicrotaskToStack, adoptedStyle, attribute, basePathStore, boolattribute, camelToKebabCase, classMap, cleanObject, connect, connectStore, createCSSSheet, createHistoryParams, createModalClass, createPath, createStore, createTheme, css, customElement, defaultReqInit, defineAttribute, defineCSSState, defineProperty, defineRef, del, directive, disconnect, emitter, exportPartsMap, get, getThemeProps, getThemeStore, globalemitter, guard, history, html, ifDefined, isArrayChange, kebabToCamelCase, matchPath, mediaQuery, nativeDefineElement, numattribute, objectMapToString, part, partMap, post, property, put, randomStr, raw, refobject, removeItems, render, repeat, request, rootElement, slot, splice, state, styleMap, styled, svg, titleStore, updateStore, updateTheme, useStore, useTheme, version };