@kq_npm/client_icons_vue 0.7.9-beta → 0.8.0-beta

package/package.json

@@ -1 +1 @@
-{"name":"@kq_npm/client_icons_vue","author":"KQWEB GROUP","description":"KQGIS Client Icons for Vue.js","version":"0.7.9-beta","homepage":"","keywords":["KQGIS","Vue","Icon"],"main":"./packages/vue/dist/index.js","scripts":{"serve":"npm run build:svg && vue-cli-service serve","build":"npm run build:svg && vue-cli-service build","lint":"vue-cli-service lint","build:svg":"svgo -f ./packages/svg -o ./packages/svg --config=./packages/svg/svgo.config.js && npm run -C ./packages/vue build","publish:svg":"npm run build:svg && node --experimental-json-modules ./packages/vue/build/publish.js && npm publish --access public"},"dependencies":{},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","core-js":"^3.29.1","element-plus":"^2.3.1","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","vue":"^3.2.13","vue-clipboard3":"^2.0.0"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead","not ie 11"]}
+{"name":"@kq_npm/client_icons_vue","author":"KQWEB GROUP","description":"KQGIS Client Icons for Vue.js","version":"0.8.0-beta","homepage":"","keywords":["KQGIS","Vue","Icon"],"main":"./packages/vue/dist/index.js","scripts":{"serve":"npm run build:svg && vue-cli-service serve","build":"npm run build:svg && vue-cli-service build","lint":"vue-cli-service lint","build:svg":"svgo -f ./packages/svg -o ./packages/svg --config=./packages/svg/svgo.config.js && npm run -C ./packages/vue build","publish:svg":"npm run build:svg && node --experimental-json-modules ./packages/vue/build/publish.js && npm publish --access public"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"^5.0.1","core-js":"^3.29.1","element-plus":"^2.3.1","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","execa":"^2.0.0","follow-redirects":"^1.15.6","json5":"^2.0.0","vue":"^3.2.13","vue-clipboard3":"^2.0.0","webpack-dev-server":"^5.1.0","ws":"^8.18.0"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"dependencies":{}}

package/packages/svg/package-lock.json

@@ -0,0 +1,155 @@
+{
+    "name": "@kqwebclient-vue/icons-svg",
+    "version": "1.0.0",
+    "lockfileVersion": 1,
+    "requires": true,
+    "dependencies": {
+        "@trysound/sax": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+            "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+            "dev": true
+        },
+        "boolbase": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+            "dev": true
+        },
+        "commander": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+            "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+            "dev": true
+        },
+        "css-select": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+            "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+            "dev": true,
+            "requires": {
+                "boolbase": "^1.0.0",
+                "css-what": "^6.0.1",
+                "domhandler": "^4.3.1",
+                "domutils": "^2.8.0",
+                "nth-check": "^2.0.1"
+            }
+        },
+        "css-tree": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+            "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+            "dev": true,
+            "requires": {
+                "mdn-data": "2.0.14",
+                "source-map": "^0.6.1"
+            }
+        },
+        "css-what": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+            "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+            "dev": true
+        },
+        "csso": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+            "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+            "dev": true,
+            "requires": {
+                "css-tree": "^1.1.2"
+            }
+        },
+        "dom-serializer": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+            "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+            "dev": true,
+            "requires": {
+                "domelementtype": "^2.0.1",
+                "domhandler": "^4.2.0",
+                "entities": "^2.0.0"
+            }
+        },
+        "domelementtype": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+            "dev": true
+        },
+        "domhandler": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+            "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+            "dev": true,
+            "requires": {
+                "domelementtype": "^2.2.0"
+            }
+        },
+        "domutils": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+            "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+            "dev": true,
+            "requires": {
+                "dom-serializer": "^1.0.1",
+                "domelementtype": "^2.2.0",
+                "domhandler": "^4.2.0"
+            }
+        },
+        "entities": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+            "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+            "dev": true
+        },
+        "mdn-data": {
+            "version": "2.0.14",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+            "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+            "dev": true
+        },
+        "nth-check": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+            "dev": true,
+            "requires": {
+                "boolbase": "^1.0.0"
+            }
+        },
+        "picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+            "dev": true
+        },
+        "source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true
+        },
+        "stable": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+            "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+            "dev": true
+        },
+        "svgo": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+            "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+            "dev": true,
+            "requires": {
+                "@trysound/sax": "0.2.0",
+                "commander": "^7.2.0",
+                "css-select": "^4.1.3",
+                "css-tree": "^1.1.3",
+                "csso": "^4.2.0",
+                "picocolors": "^1.0.0",
+                "stable": "^0.1.8"
+            }
+        }
+    }
+}

package/packages/svg/svgo.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  plugins: [
+    {
+      name: "preset-default",
+      params: {
+        overrides: {
+          removeViewBox: false        
+        },
+      },
+    },
+  ],
+};

package/packages/svg//351/253/230/346/270/205/345/207/272/345/233/276-icon-high-definition-imaging.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M224 192a96 96 0 0 0-96 96v576a96 96 0 0 0 96 96h576a96 96 0 0 0 96-96V368a32 32 0 0 1 64 0v496a160 160 0 0 1-160 160H224A160 160 0 0 1 64 864V288a160 160 0 0 1 160-160h565.312a32 32 0 1 1 0 64H224z" fill="currentColor"/><path d="M704 296.96V23.04a12.8 12.8 0 0 1 19.584-10.816l219.072 136.96a12.8 12.8 0 0 1 0 21.696L723.584 307.776A12.8 12.8 0 0 1 704 296.896zm96 171.712c6.72 13.76 10.112 28.672 10.112 44.672.128 16-1.28 31.232-4.288 45.696-7.872 36.8-21.888 67.84-41.984 93.44C736.576 686.784 702.08 704 660.288 704h-119.04l58.688-276.352h119.04c17.024.256 30.848 2.24 41.472 5.952 17.984 6.4 31.168 18.112 39.552 35.072zm-53.76 94.336c5.952-28.16 6.144-49.664.512-64.64-5.632-15.168-21.568-22.72-47.808-22.72h-53.248L607.36 656h53.248c27.264 0 49.152-13.44 65.664-40.32 8.96-14.72 15.616-32.32 19.84-52.672zm-399.616 17.6L320.576 704H263.36l58.688-276.352h57.216l-22.528 105.344h108.032l22.464-105.344h57.408L485.952 704h-57.408l26.112-123.392H346.624z" fill="currentColor"/></svg>

package/packages/svg//351/253/230/347/272/247/345/207/272/345/233/276-icon-advanced-imaging.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M224 192a96 96 0 0 0-96 96v576a96 96 0 0 0 96 96h576a96 96 0 0 0 96-96V368a32 32 0 0 1 64 0v496a160 160 0 0 1-160 160H224A160 160 0 0 1 64 864V288a160 160 0 0 1 160-160h565.312a32 32 0 1 1 0 64H224z" fill="currentColor"/><path d="M704 296.96V23.04a12.8 12.8 0 0 1 19.584-10.816l219.072 136.96a12.8 12.8 0 0 1 0 21.696L723.584 307.776A12.8 12.8 0 0 1 704 296.896zM320 352a32 32 0 1 0 0 64 32 32 0 0 0 0-64zm-96 32a96 96 0 1 1 192 0 96 96 0 0 1-192 0zm461.76 160.064c-66.112-3.2-138.56 32.128-217.984 132.352-61.44 77.504-151.424 73.984-224.32 47.808-72.704-26.24-139.648-77.952-172.16-117.248a32 32 0 1 1 49.344-40.768c25.344 30.592 82.752 75.52 144.512 97.792 61.504 22.144 115.968 18.624 152.448-27.328 85.824-108.288 176-161.28 271.36-156.48 93.44 4.608 180.8 64.448 262.72 154.88a32 32 0 1 1-47.36 42.944c-78.08-86.144-150.72-130.56-218.56-133.952z" fill="currentColor"/></svg>

package/packages/vue/build/build.js

@@ -0,0 +1,77 @@
+import path from 'path'
+import consola from 'consola'
+import chalk from 'chalk'
+import { build } from 'esbuild'
+import GlobalsPlugin from 'esbuild-plugin-globals'
+import vue from 'unplugin-vue/esbuild'
+import { emptyDir } from 'fs-extra'
+import { version } from '../package.json'
+import { pathOutput, pathSrc } from './paths'
+
+const buildBundle = async () => {
+  const getBuildOptions = (format) => {   
+    const options = {
+      entryPoints: [
+        path.resolve(pathSrc, "index.js"),
+        path.resolve(pathSrc, "global.js"),
+      ],
+      target: "es2018",
+      platform: "neutral",
+      plugins: [
+        vue({
+          isProduction: true,
+        }),
+      ],
+      bundle: true,
+      format,
+      minifySyntax: true,
+      banner: {
+        js: `/*! kqwebclient Vue Icons v${version} */\n`,
+      },
+      outdir: pathOutput,
+    };
+    if (format === 'iife') {
+      options.plugins.push(
+        GlobalsPlugin({
+          vue: 'Vue',
+        })
+      )
+      options.globalName = "KQWebClientVueIcons";
+    } else {
+      options.external = ['vue']
+    }
+
+    return options
+  }
+
+  const doBuild = async (minify) => {
+    await Promise.all([
+      build({
+        ...getBuildOptions('esm'),
+        entryNames: `[name]${minify ? '.min' : ''}`,
+        minify,
+        sourcemap: minify,
+      }),
+      build({
+        ...getBuildOptions('iife'),
+        entryNames: `[name].iife${minify ? '.min' : ''}`,
+        minify,
+        sourcemap: minify,
+      }),
+      build({
+        ...getBuildOptions('cjs'),
+        entryNames: `[name]${minify ? '.min' : ''}`,
+        outExtension: { '.js': '.cjs' },
+        minify,
+        sourcemap: minify,
+      }),
+    ])
+  }
+
+  return Promise.all([doBuild(true), doBuild(false)])
+}
+
+consola.info(chalk.blue('cleaning dist...'))
+await emptyDir(pathOutput)
+consola.info(chalk.blue('building...'))
+await buildBundle()

package/packages/vue/build/generate.js

@@ -0,0 +1,90 @@
+import path from "path";
+import { readFile, writeFile } from "fs/promises";
+import { emptyDir, ensureDir } from "fs-extra";
+import consola from "consola";
+import camelcase from "camelcase";
+import glob from "fast-glob";
+import { format } from "prettier";
+import chalk from "chalk";
+import findWorkspaceDir from "@pnpm/find-workspace-dir";
+import findWorkspacePackages from "@pnpm/find-workspace-packages";
+import { pathComponents } from "./paths";
+
+const getSvgFiles = async () => {
+  const pkgs = await findWorkspacePackages.default(
+    await findWorkspaceDir.default(process.cwd())
+  );
+  const pkg = pkgs.find(
+    (pkg) => pkg.manifest.name === "@kqwebclient-vue/icons-svg"
+  );
+  return glob("*.svg", { cwd: pkg.dir, absolute: true });
+};
+
+const getName = (file) => {
+  let filename = path.basename(file).replace(".svg", "");
+  let fileTile = filename.split("-")[0];
+  filename = `icon${filename.split("icon")[1]}`;
+  let componentName = camelcase(filename, {
+    pascalCase: true,
+    preserveConsecutiveUppercase: true,
+  });
+  return {
+    filename,
+    fileTile,
+    componentName,
+  };
+};
+
+const formatCode = (code, parser) =>
+  format(code, {
+    parser,
+    semi: false,
+    singleQuote: true,
+  });
+
+const transformToVueComponent = async (file) => {
+  let content = await readFile(file, "utf-8");
+
+  let { filename, componentName, fileTile } = getName(file);
+  // content = convertShapeToPath(content);
+  const vue = formatCode(
+    `
+<template>
+${content}
+</template>
+<script lang="ts">
+import type { DefineComponent } from 'vue'
+export default ({
+  name: "${componentName}",
+  title:"${fileTile}"
+}) as DefineComponent
+</script>`,
+    "vue"
+  );
+  writeFile(path.resolve(pathComponents, `${filename}.vue`), vue, "utf-8");
+};
+
+const generateEntry = async (files) => {
+  const code = formatCode(
+    files
+      .map((file) => {
+        const { filename, componentName } = getName(file);
+        return `export { default as ${componentName} } from './${filename}.vue'`;
+      })
+      .join("\n")
+  );
+  await writeFile(path.resolve(pathComponents, "index.js"), code, "utf-8");
+};
+
+consola.info(chalk.blue("generating vue components"));
+
+await ensureDir(pathComponents);
+await emptyDir(pathComponents);
+
+const files = await getSvgFiles();
+
+consola.info(chalk.blue("generating vue files"));
+await Promise.all(files.map((file) => transformToVueComponent(file)));
+
+consola.info(chalk.blue("generating entry file"));
+await generateEntry(files);

package/packages/vue/build/paths.js

@@ -0,0 +1,9 @@
+import { dirname, resolve } from "path";
+import { fileURLToPath } from "url";
+
+const dir = dirname(fileURLToPath(import.meta.url));
+
+export const pathRoot = resolve(dir, "..");
+export const pathSrc = resolve(pathRoot, "src");
+export const pathComponents = resolve(pathSrc, "components");
+export const pathOutput = resolve(pathRoot, "dist");

package/packages/vue/build/publish.js

@@ -0,0 +1,78 @@
+import fs from "fs-extra";
+import path from "path";
+import config from "../../../package.json";
+import { fileURLToPath } from "url";
+import { exec } from "child_process";
+
+const __filenameNew = fileURLToPath(import.meta.url);
+
+const __dirnameNew = path.dirname(__filenameNew);
+
+/**
+ * 获取npm仓库最新包的版本号
+ */
+const getLatestPackageVersion = () => {
+  return new Promise((resolve, reject) => {
+    exec(
+      `npm view @kq_npm/client_icons_vue version --json`,
+      (error, stdout) => {
+        if (error) {
+          reject(error);
+        } else {
+          try {
+            resolve(JSON.parse(stdout.trim()));
+          } catch (parseError) {
+            reject(parseError);
+          }
+        }
+      }
+    );
+  });
+};
+
+/**
+ * 动态生成版本号
+ */
+const setVersion = (version) => {
+  var suffix = version.split("-")[1];
+  var prefix = version.split("-")[0].split(".");
+  prefix[2]++;
+  if (prefix[2] > 9) {
+    prefix[2] = 0;
+    prefix[1]++;
+    if (prefix[1] > 9) {
+      prefix[1] = 0;
+      prefix[0]++;
+    }
+  }
+  const _version = prefix.join(".") + "-" + suffix;
+  console.log(`即将上传的@kq_npm/client_icons_vue的版本: ${_version}`);
+  return _version;
+};
+
+const setConfig = (str) => {
+  fs.writeFile(
+    path.resolve(__dirnameNew, `../../../package.json`),
+    str,
+    (err, res) => {
+      if (err) {
+        console.log(`../../../package.jsonn修改失败${err}`);
+        throw err;
+      }
+      console.log(`../../../package.json修改成功`);
+    }
+  );
+};
+
+getLatestPackageVersion()
+  .then((version) => {
+    console.log(`线上npm仓库的@kq_npm/client_icons_vue最新版本: ${version}`);
+    config.version = setVersion(version);
+    setConfig(JSON.stringify(config));
+  })
+  .catch((error) => {
+    console.error(
+      `获取线上npm仓库的@kq_npm/client_icons_vue版本时出错:`,
+      error
+    );
+  });