cdui-js 1.0.28 → 1.0.29

package/build/icons.ts

@@ -106,7 +106,7 @@ export const saveIconsToHtml = (htmlFile: string, symbols: string) => {
 export const saveIconsModule = (moduleFile: string, symbols: string) => {
   fs.writeFileSync(
     moduleFile,
-    `import { loadSvgIcons } from 'cdui-js';
+    `import loadSvgIcons from 'cdui-js/build/load-svg-icons';
 
 loadSvgIcons(\`${symbols}\`);
 `,

package/build/load-svg-icons.ts

@@ -0,0 +1,22 @@
+/**
+ * 加载 svg 图标集
+ *
+ * @param svgSymbols svg symbol 内容（由 icons 构建工具生成）
+ */
+export default function loadSvgIcons(svgSymbols) {
+  var body = document.body;
+  var svg = document.getElementById('ICONS');
+
+  if (svg) {
+    svg.insertAdjacentHTML('beforeend', svgSymbols);
+  } else {
+    svg = document.createElement('svg');
+    svg.id = 'ICONS';
+    svg.ariaHidden = 'true';
+    svg.style.cssText = 'position:absolute;width:0px;height:0px;overflow:hidden;';
+    svg.innerHTML = svgSymbols;
+    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+
+    body.insertBefore(svg, body.firstChild);
+  }
+}

package/demo/icons/build.ts

@@ -15,3 +15,4 @@ const icons = [
 ];
 
 saveIconsToHtml(path.join(__dirname, '../index.html'), icons.join('\n'));
+// saveIconsModule(path.join(__dirname, '../icons.ts'), icons.join('\n'));

package/demo/index.html

@@ -20,8 +20,8 @@
 <symbol id="icon-backward" viewBox="0 0 16 16" fill="none">
 <path d="M10.3661 2.72003L6.01942 7.0667C5.50609 7.58003 5.50609 8.42003 6.01942 8.93336L10.3661 13.28" stroke="#1B212D" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </symbol>
-<symbol id="icon-close" viewBox="0 0 14 14" fill="none">
-<path d="M0.750078 11.3565L11.3567 0.749922M11.3567 11.3565L0.750078 0.749922" stroke="#8693B6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<symbol id="icon-close" viewBox="0 0 24 24" fill="none">
+<path d="M6.16709 17.8331L17.8333 6.16689M17.8333 17.8331L6.16709 6.16689" stroke="#262626" stroke-linecap="round" stroke-linejoin="round"/>
 </symbol>
 <symbol id="icon-dropdown" viewBox="0 0 16 16" fill="none">
 <path d="M2.72 5.63428L7.06667 9.98094C7.58 10.4943 8.42 10.4943 8.93333 9.98094L13.28 5.63428" stroke="#1B212D" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cdui-js",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "type": "module",
   "main": "src/index.ts",
   "bin": {
@@ -8,6 +8,7 @@
   },
   "scripts": {
     "dev": "vite --config demo/vite.config.ts",
+    "build": "vite build --config demo/vite.config.ts",
     "icons": "npx tsx demo/icons/build.ts",
     "css": "npx tsx demo/css/build.ts"
   },

package/src/components/Icon.tsx

@@ -13,26 +13,3 @@ export const Icon = (props?: JSX.SvgSVGAttributes<never> & { name: string }) =>
     </svg>
   );
 };
-
-/**
- * 加载 svg 图标集
- *
- * @param svgSymbols svg symbol 内容（由 icons 构建工具生成）
- */
-export const loadSvgIcons = (svgSymbols: string) => {
-  let body = document.body;
-  let svg = document.getElementById('ICONS');
-
-  if (svg) {
-    svg.insertAdjacentHTML('beforeend', svgSymbols);
-  } else {
-    svg = document.createElement('svg');
-    svg.id = 'ICONS';
-    svg.ariaHidden = 'true';
-    svg.style.cssText = 'position:absolute;width:0px;height:0px;overflow:hidden;';
-    svg.innerHTML = svgSymbols;
-    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-
-    body.insertBefore(svg, body.firstChild);
-  }
-};