lupine.components 1.0.21 → 1.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lupine.components",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "license": "MIT",
   "author": "uuware.com",
   "homepage": "https://github.com/uuware/lupine.js",

package/src/components/action-sheet.tsx

@@ -1,4 +1,4 @@
-import { CssProps, RefProps, VNode, mountComponents } from 'lupine.web';
+import { CssProps, RefProps, VNode, mountInnerComponent } from 'lupine.web';
 
 export type ActionSheetCloseProps = () => void;
 
@@ -147,7 +147,7 @@ export class ActionSheet {
     base.style.position = 'fixed';
     base.style.zIndex = zIndex || 'var(--layer-actionsheet-window)';
     document.body.appendChild(base);
-    await mountComponents(base, component);
+    await mountInnerComponent(base, component);
     return handleClose;
   }
 }

package/src/components/float-window.tsx

@@ -1,4 +1,4 @@
-import { CssProps, RefProps, VNode, mountComponents } from 'lupine.web';
+import { CssProps, RefProps, VNode, mountInnerComponent } from 'lupine.web';
 import { stopPropagation } from '../lib';
 
 export type FloatWindowCloseProps = () => void;
@@ -184,7 +184,7 @@ export class FloatWindow {
     base.style.position = 'fixed';
     base.style.zIndex = zIndex || 'var(--layer-float-window)';
     document.body.appendChild(base);
-    await mountComponents(base, component);
+    await mountInnerComponent(base, component);
     return handleClose;
   }
 

package/src/components/html-var.tsx

@@ -6,7 +6,7 @@ export const HtmlVar = (initial?: string | VNode<any>): HtmlVarResult => {
   let _dirty = false;
   const waitUpdate = async (value: string | VNode<any>) => {
     if (!ref.current) return;
-    await ref.loadContent!(value);
+    await ref.mountInnerComponent!(value);
     _dirty = false;
   };
   const ref: RefProps = {

package/src/components/tabs.tsx

@@ -1,4 +1,4 @@
-import { RefProps, VNode, mountComponents } from 'lupine.web';
+import { RefProps, VNode, mountInnerComponent } from 'lupine.web';
 import { stopPropagation } from '../lib';
 
 export type TabsHookProps = {
@@ -86,8 +86,8 @@ export const Tabs = ({ pages, defaultIndex, topClassName, pagePadding, hook: ref
       ref.$(`.pages[data-refid=${ref.id}]`).insertBefore(newPage, pages[newPageIndex]);
     }
 
-    await mountComponents(newTab, newTab2);
-    await mountComponents(newPage, page);
+    await mountInnerComponent(newTab, newTab2);
+    await mountInnerComponent(newPage, page);
     updateIndex(newPageIndex);
   };
   const createTabHeader = (title: string, className: string) => {

package/src/lib/document-ready.ts

@@ -32,5 +32,3 @@ export class DocumentReady {
     });
   }
 }
-
-export default new DocumentReady();

package/src/lib/dynamical-load.ts

@@ -2,9 +2,7 @@
  * for my-apps
  */
 export class DynamicalLoad {
-  constructor() {}
-
-  loadScript(url: string, idForReplace?: string, removeOnLoaded = false): Promise<string> {
+  static loadScript(url: string, idForReplace?: string, removeOnLoaded = false): Promise<string> {
     return new Promise((resolve, reject) => {
       if (this.existScript(url, idForReplace)) {
         resolve(url);
@@ -36,7 +34,7 @@ export class DynamicalLoad {
   }
 
   // TODO: more accuracy
-  existScript(url: string, id?: string) {
+  static existScript(url: string, id?: string) {
     if (id) {
       const scriptDom = document.getElementById(id);
       if (scriptDom && scriptDom.tagName === 'SCRIPT') {
@@ -56,7 +54,7 @@ export class DynamicalLoad {
     }
   }
 
-  loadCss(url: string, idForReplace?: string): Promise<string> {
+  static loadCss(url: string, idForReplace?: string): Promise<string> {
     return new Promise((resolve, reject) => {
       if (this.existCss(url, idForReplace)) {
         resolve(url);
@@ -90,7 +88,7 @@ export class DynamicalLoad {
   }
 
   // TODO: more accuracy
-  existCss(url: string, id?: string) {
+  static existCss(url: string, id?: string) {
     if (id) {
       const linkDom = document.getElementById(id);
       if (linkDom && linkDom.tagName === 'LINK') {
@@ -134,5 +132,3 @@ export class DynamicalLoad {
   //     }
   // }
 }
-
-export default new DynamicalLoad();

package/src/lib/lite-dom.ts

@@ -223,5 +223,3 @@ export class LiteDom {
     return this.node.tagName.toUpperCase();
   }
 }
-
-export default LiteDom.queryOne;

package/src/lib/message-hub.ts

@@ -79,7 +79,6 @@ export class MessageHub {
   }
 }
 
-export const defaultMessageHub = new MessageHub();
 
 // /*[TEST-START]*/
 // function TEST_sample() {

package/src/lib/path-utils.ts

@@ -21,7 +21,12 @@ export const pathUtils = {
     p = p.replace(/\/+$/, '');
     const idx = p.lastIndexOf('/');
     let base = idx === -1 ? p : p.slice(idx + 1);
-    if (ext && base.endsWith(ext)) {
+    if (!ext) {
+      const lastPot = p.lastIndexOf('.');
+      if (lastPot >= 0) {
+        base = base.slice(0, lastPot);
+      }
+    } else if (ext && base.endsWith(ext)) {
       base = base.slice(0, -ext.length);
     }
     return base;