cdui-js 1.0.3 → 1.0.5

package/build/icons.ts

@@ -2,12 +2,12 @@ import fs from 'fs';
 import path from 'path';
 
 /**
- * 从指定 svg 文件读取 symbol 内容
+ * 从指定 svg 文件加载 symbol 内容
  *
  * @param svgFile 指定 svg 文件
  * @param removeColor 去色标记 fill: 去填充色  stroke：去描边色  both：都去
  */
-export const readIconFile = (svgFile: string, removeColor?: 'fill' | 'stroke' | 'both'): string => {
+export const loadIconFile = (svgFile: string, removeColor?: 'fill' | 'stroke' | 'both'): string => {
   let name = path.basename(svgFile).replace('.svg', '');
   let svg = fs.readFileSync(svgFile, 'utf8');
   let index = svg.indexOf(' viewBox="');
@@ -46,7 +46,7 @@ export const readIconFile = (svgFile: string, removeColor?: 'fill' | 'stroke' |
  * @param svgDirectory 指定 svg 目录
  * @param removeColor 去色标记 fill: 去填充色  stroke：去描边色  both：都去
  */
-export const readIconsDirectory = (svgDirectory: string, removeColor?: 'fill' | 'stroke' | 'both'): string => {
+export const loadIconsDirectory = (svgDirectory: string, removeColor?: 'fill' | 'stroke' | 'both'): string => {
   const outputs = [];
   const files = fs.readdirSync(svgDirectory);
 
@@ -54,7 +54,7 @@ export const readIconsDirectory = (svgDirectory: string, removeColor?: 'fill' |
     let file = path.join(svgDirectory, files[i]);
 
     if (path.extname(file) === '.svg') {
-      outputs.push(readIconFile(file, removeColor));
+      outputs.push(loadIconFile(file, removeColor));
     }
   }
 
@@ -62,12 +62,12 @@ export const readIconsDirectory = (svgDirectory: string, removeColor?: 'fill' |
 };
 
 /**
- * 把图标 symbol 内容写入 html 文件
+ * 把图标 symbol 内容保存到 html 文件中
  *
  * @param htmlFile html 文件路径
  * @param symbols 图标 symbol 集合
  */
-export const writeIconsToHtml = (htmlFile: string, symbols: string) => {
+export const saveIconsToHtml = (htmlFile: string, symbols: string) => {
   let html = fs.readFileSync(htmlFile, 'utf8');
   let index = html.indexOf('<svg id="ICONS" ');
 
@@ -91,12 +91,12 @@ export const writeIconsToHtml = (htmlFile: string, symbols: string) => {
 };
 
 /**
- * 写 svg 图标到模块文件
+ * 把 svg 图标保存到模块文件中
  *
  * @param moduleFile 模块文件名
  * @param symbols svg 图标内容
  */
-export const writeIconsModule = (moduleFile: string, symbols: string) => {
+export const saveIconsModule = (moduleFile: string, symbols: string) => {
   fs.writeFileSync(
     moduleFile,
     `import { loadSvgIcons } from 'cdui-js';

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "cdui-js",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "main": "src/index.ts",
   "bin": {
     "cdui-js": "./cli/bin.js"
   },
-  "scripts": {
-  },
+  "scripts": {},
   "dependencies": {
     "chalk": "^5.6.2",
     "commander": "^14.0.3",
@@ -21,4 +20,4 @@
     "@types/node": "^25.3.3",
     "typescript": "~5.6.2"
   }
-}
+}

package/src/components/Switch.tsx

@@ -10,9 +10,9 @@ export interface SwitchProps {
      */
     component: () => JSX.Element;
     /**
-     * 捉拿
+     * 缓存 id
      */
-    keepalive?: string;
+    id?: string;
   };
 }
 
@@ -30,14 +30,14 @@ export const Switch = (props: SwitchProps) => {
 
   return createMemo(() => {
     let branch = props.case;
-    let keepalive;
+    let id;
 
     if (branch) {
-      if ((keepalive = branch.keepalive)) {
+      if ((id = branch.id)) {
         return (
-          roots[keepalive] ||
-          (roots[keepalive] = createRoot((dispose) => {
-            disposes[keepalive] = dispose;
+          roots[id] ||
+          (roots[id] = createRoot((dispose) => {
+            disposes[id] = dispose;
             return branch.component();
           }))
         );

package/src/ssr/render.ts

@@ -144,32 +144,35 @@ export const renderSSRPages = async (
   template: string,
   pages: SSRRenderPage[],
 ) => {
-  for (let i = 0, l = pages.length; i < l; i++) {
-    let page = pages[i];
+  // @ts-ignore
+  if (import.meta.env.SSR) {
+    for (let i = 0, l = pages.length; i < l; i++) {
+      let page = pages[i];
 
-    try {
-      let now = Date.now();
+      try {
+        let now = Date.now();
 
-      console.log(`rendering：${language} ${page.path}`);
+        console.log(`rendering：${language} ${page.path}`);
 
-      await renderPage(App, languages, language, root, template, page);
+        await renderPage(App, languages, language, root, template, page);
 
-      console.log(`rendered: ${language} ${page.path}  time: ${Date.now() - now}`);
-    } catch (err) {
-      console.error(err);
-      SSR_ERRORS.push(err.message + ': ' + (err.cause || { message: '...' }).message);
+        console.log(`rendered: ${language} ${page.path}  time: ${Date.now() - now}`);
+      } catch (err) {
+        console.error(err);
+        SSR_ERRORS.push(err.message + ': ' + (err.cause || { message: '...' }).message);
 
-      // 页面渲染失败终止渲染
-      if (page.abort) {
-        break;
+        // 页面渲染失败终止渲染
+        if (page.abort) {
+          break;
+        }
       }
     }
-  }
 
-  if (SSR_ERRORS[0]) {
-    return Promise.reject({
-      language,
-      errors: SSR_ERRORS,
-    });
+    if (SSR_ERRORS[0]) {
+      return Promise.reject({
+        language,
+        errors: SSR_ERRORS,
+      });
+    }
   }
 };

package/src/ssr/window/storage.ts

@@ -1,23 +1,27 @@
 // @ts-ignore
-const localStorage = new Map();
+if (import.meta.env.SSR) {
+  // @ts-ignore
+  const localStorage = new Map();
 
-global.localStorage = global.sessionStorage = {
-  get length() {
-    return localStorage.size;
-  },
-  key(index) {
-    return localStorage.keys()[index];
-  },
-  getItem(key) {
-    return localStorage.get(key) || '';
-  },
-  setItem(key, value) {
-    localStorage.set('' + key, '' + value);
-  },
-  removeItem(key) {
-    localStorage.delete(key);
-  },
-  clear() {
-    localStorage.clear();
-  }
-};
+  // @ts-ignore
+  global.localStorage = global.sessionStorage = {
+    get length() {
+      return localStorage.size;
+    },
+    key(index) {
+      return localStorage.keys()[index];
+    },
+    getItem(key) {
+      return localStorage.get(key) || '';
+    },
+    setItem(key, value) {
+      localStorage.set('' + key, '' + value);
+    },
+    removeItem(key) {
+      localStorage.delete(key);
+    },
+    clear() {
+      localStorage.clear();
+    },
+  };
+}