inl-ui 0.1.60 → 0.1.62

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["@vue/babel-plugin-jsx"]
+}

package/.gitignore

@@ -0,0 +1,17 @@
+node_modules
+.DS_Store
+dist
+tp-bundle
+versions
+dist-ssr
+test-*
+*.local
+*.log
+lib
+mtip-factory
+mtip-*
+tpf
+tpf-*
+test-theme
+quick-start-cra
+transparent-management

package/README.md

@@ -1,49 +1,49 @@
-# 工业PC ui库
-
-前端通用库，包括组件、hooks、utils等。
-
-### 运行
-
-+ 开发模式 yarn dev
-+ 生产打包 yarn build
-+ 生成文档 yarn build:docs
-+ 打包图扑工具 yarn buildtp
-
-### 使用方法
-
-```javascript
-import inl from 'inl-ui';
-import 'inl-ui/dist/style.css';
-
-vue.use(inl)
-```
-
-
-
-### 激活主题
-
-**vite.config.ts**
-
-```javascript
-const additionalData = require("inl-ui/dist/theme").default;
-
-...
-
-css: {
-  preprocessorOptions: {
-    less: {
-      javascriptEnabled: true,
-      additionalData,
-    },
-  },
-},
-```
-
-### 文档链接
-
-##### [组件文档](./src/components/README.md)
-
-##### [hooks文档](./src/hooks/README.md)
-
-##### [Utils文档](./src/utils/README.md)
-
+# 工业PC ui库
+
+前端通用库，包括组件、hooks、utils等。
+
+### 运行
+
++ 开发模式 yarn dev
++ 生产打包 yarn build
++ 生成文档 yarn build:docs
++ 打包图扑工具 yarn buildtp
+
+### 使用方法
+
+```javascript
+import inl from 'inl-ui';
+import 'inl-ui/dist/style.css';
+
+vue.use(inl)
+```
+
+
+
+### 激活主题
+
+**vite.config.ts**
+
+```javascript
+const additionalData = require("inl-ui/dist/theme").default;
+
+...
+
+css: {
+  preprocessorOptions: {
+    less: {
+      javascriptEnabled: true,
+      additionalData,
+    },
+  },
+},
+```
+
+### 文档链接
+
+##### [组件文档](./src/components/README.md)
+
+##### [hooks文档](./src/hooks/README.md)
+
+##### [Utils文档](./src/utils/README.md)
+

package/conf/build.ts

@@ -0,0 +1,69 @@
+import { execSync, exec } from "child_process";
+import { writeFileSync } from "fs";
+import inquirer from "inquirer";
+import pkg from "../package.json";
+import { getDefaultNextVersion, resolvePath } from "./utils";
+
+const args = process.argv.slice(2);
+
+export async function build() {
+  console.log(">>>>>>> 📦打包开始");
+
+  // 删除dist
+  execSync("npm run clean", { stdio: "inherit" });
+
+  // 开始打包
+  execSync(`yarn build:rollup ${args.join(" ")}`, { stdio: "inherit" });
+
+  // 复制主题
+  execSync("npm run cp:theme", { stdio: "inherit" });
+  console.log(">>>>>>> 📦打包成功");
+
+  // 发版逻辑
+  runPublish();
+}
+
+// 发版流程
+async function runPublish() {
+  const { response } = await inquirer.prompt({
+    name: "response",
+    message: "是否发版",
+    type: "confirm",
+  });
+  if (!response) return;
+  // 获取输入的版本
+  const defalutNextVersion = getDefaultNextVersion();
+  const { version: versionInput } = await inquirer.prompt({
+    name: "version",
+    message: "请输入版本号",
+    type: "input",
+    default: defalutNextVersion,
+  });
+  // 修改package.json
+  const newPkg = { ...pkg, version: versionInput };
+  writeFileSync(
+    resolvePath("../package.json"),
+    JSON.stringify(newPkg, null, 2),
+    {
+      encoding: "utf-8",
+    }
+  );
+  console.log(">>>>>>> 版本号修改成功");
+  // 发版
+  try {
+    // 指定仓库 防止使用yarn执行会发布到yarn源
+    execSync("npm publish --registry https://registry.npmjs.org/", {
+      cwd: resolvePath(".."),
+      stdio: "inherit",
+    });
+    // 打开浏览器同步cnpm
+    const isWindows = process.platform === "win32";
+    exec(
+      `${isWindows ? "start" : "open"} https://npmmirror.com/sync/${pkg.name}`
+    );
+  } catch (e) {
+    process.exit(0);
+  }
+}
+
+build();

package/conf/buildDocs.ts

@@ -0,0 +1,27 @@
+import path from "path";
+import fg from "fast-glob";
+import fs from "fs";
+
+const docModules = ["components"];
+
+/**
+ * 创建文档
+ *  把每个模块的单个文档集中到一个文档中
+ */
+export default async function buildDocs() {
+  for (const module of docModules) {
+    const moduleRoot = path.resolve(__dirname, `../src/${module}`);
+    const docFiles = await fg("*/README.md", { cwd: moduleRoot });
+
+    let outputDoc = ``;
+    for (const mdPath of docFiles) {
+      const mdContent = fs.readFileSync(path.join(moduleRoot, mdPath), "utf-8");
+      outputDoc += `${mdContent} \n\n---\n\n`;
+    }
+    fs.writeFileSync(path.join(moduleRoot, "README.md"), outputDoc, {
+      encoding: "utf-8",
+    });
+  }
+}
+
+buildDocs();

package/conf/buildtp.ts

@@ -0,0 +1,54 @@
+import { rollup } from "rollup";
+import esbuild from "rollup-plugin-esbuild";
+import copy from "rollup-plugin-copy";
+import dts from "rollup-plugin-dts";
+
+const input = "src/tp-lib/index.ts";
+
+// 打包图扑工具
+export async function buildtp() {
+  const res = await rollup({
+    input,
+    plugins: [
+      esbuild({
+        drop: ["console", "debugger"],
+        minify: true,
+        treeShaking: true,
+      }),
+      copy({
+        targets: [
+          { src: "src/tp-lib/**/*.md", dest: "tp-bundle" },
+          { src: "src/tp-lib/**/*.json", dest: "tp-bundle" },
+        ],
+      }),
+    ],
+  });
+  res.write({
+    name: "tp-lib",
+    file: "tp-bundle/index.c.js",
+    format: "cjs",
+  });
+  res.write({
+    name: "tp-lib",
+    file: "tp-bundle/index.es.js",
+    format: "es",
+  });
+
+  res.write({
+    name: "tp-lib",
+    file: "tp-bundle/index.iife.js",
+    format: "iife",
+    extend: true,
+  });
+  const dtsCfg = await rollup({
+    input,
+    plugins: [dts()],
+  });
+  dtsCfg.write({
+    name: "tp-lib",
+    file: "tp-bundle/index.d.ts",
+    format: "cjs",
+  });
+}
+
+buildtp();

package/conf/cp1.js

@@ -0,0 +1,85 @@
+var fs = require("fs");
+var path = require("path");
+
+const getPath = (p = "./") => {
+  return path.resolve(__dirname, p);
+};
+var copyFile = function (srcPath, tarPath, cb) {
+  var rs = fs.createReadStream(srcPath);
+  rs.on("error", function (err) {
+    if (err) {
+      console.log("read error", srcPath);
+    }
+    cb && cb(err);
+  });
+
+  var ws = fs.createWriteStream(tarPath);
+  ws.on("error", function (err) {
+    if (err) {
+      console.log("write error", tarPath);
+    }
+    cb && cb(err);
+  });
+  ws.on("close", function (ex) {
+    cb && cb(ex);
+  });
+
+  rs.pipe(ws);
+};
+var copyFolder = function (srcDir, tarDir, cb) {
+  fs.readdir(srcDir, function (err, files) {
+    var count = 0;
+    var checkEnd = function () {
+      ++count == files.length && cb && cb();
+    };
+
+    if (err) {
+      checkEnd();
+      return;
+    }
+
+    files.forEach(function (file) {
+      var srcPath = path.join(srcDir, file);
+      var tarPath = path.join(tarDir, file);
+
+      fs.stat(srcPath, function (err, stats) {
+        if (stats.isDirectory()) {
+          console.log("mkdir", tarPath);
+          fs.mkdir(tarPath, function (err) {
+            if (err) {
+              console.log(err);
+              return;
+            }
+
+            copyFolder(srcPath, tarPath, checkEnd);
+          });
+        } else {
+          copyFile(srcPath, tarPath, checkEnd);
+        }
+      });
+    });
+
+    //为空时直接回调
+    files.length === 0 && cb && cb();
+  });
+};
+const createDir = () => {
+  const path = getPath("../dist/theme");
+  fs.stat(path, async (err, res) => {
+    if (err) {
+      await fs.mkdirSync(path);
+    }
+    copyFolder(
+      getPath("../theme/theme"),
+      getPath("../dist/theme"),
+      function (err) {
+        if (err) {
+          return;
+        }
+
+        //continue
+      }
+    );
+  });
+};
+createDir();

package/conf/modules.ts

@@ -0,0 +1,44 @@
+const modules = [
+  {
+    name: "root",
+    entry: "src/index.ts",
+    description: "主包",
+  },
+  {
+    name: "utils",
+    entry: "src/utils/index.ts",
+    description: "工具集合",
+  },
+  {
+    name: "hooks",
+    entry: "src/hooks/index.ts",
+    description: "hooks",
+  },
+  {
+    name: "components",
+    entry: "src/components/index.ts",
+    description: "组件",
+  },
+  {
+    name: "directives",
+    entry: "src/directives/index.ts",
+    description: "自定义指令",
+  },
+  {
+    name: "tplib",
+    entry: "src/tp-lib/index.ts",
+    description: "图扑工具库",
+  },
+  {
+    name: "video",
+    entry: "src/components/video/index.ts",
+    description: "视频",
+  },
+  {
+    name: "videoMobile",
+    entry: "src/components/video/indexMobile.ts",
+    description: "视频移动端",
+  },
+];
+
+export default modules;

package/conf/rollup.config.ts

@@ -0,0 +1,131 @@
+import { defineConfig, RollupOptions } from "rollup";
+import pkg from "../package.json";
+import modules from "./modules";
+import esbuild from "rollup-plugin-esbuild";
+import dts from "rollup-plugin-dts";
+import babel from "@rollup/plugin-babel";
+import postcss from "rollup-plugin-postcss";
+import cssnano from "cssnano";
+import json from "@rollup/plugin-json";
+import jsx from "acorn-jsx";
+import copy from "rollup-plugin-copy";
+
+const extensions = [".ts", ".js", ".tsx", ".json", ".ttf", ".woff", ".woff2"];
+const externals = [
+  ...Object.keys(pkg.dependencies),
+  ...Object.keys(pkg.devDependencies),
+  ...Object.keys(pkg.peerDependencies),
+  /ant-design-vue\/*/,
+  /vite-plugin-qiankun\/*/,
+  "dayjs",
+  "@ant-design/icons-vue",
+];
+
+const onwarn = (warning, rollupWarn) => {
+  if (warning.code !== "UNUSED_EXTERNAL_IMPORT") {
+    rollupWarn(warning);
+  }
+};
+
+const isProduction = process.env.BUILD === "production";
+
+const configList: RollupOptions[] = [];
+
+for (const module of modules) {
+  const isMainBundle = module.name === "root";
+
+  const babelPlugin = babel({ babelHelpers: "bundled", extensions });
+  const copyPlugin =
+    isMainBundle &&
+    copy({
+      targets: [
+        {
+          src: "src/assets/iconfont/index.js",
+          dest: "dist",
+          rename: "iconfont.js",
+        },
+      ],
+      verbose: true,
+    });
+  const esbuildPlugin = esbuild({
+    drop: isProduction ? ["console", "debugger"] : undefined,
+  });
+
+  // esm
+  configList.push({
+    input: module.entry,
+    output: {
+      file: `dist/${isMainBundle ? "index.js" : `${module.name}/index.js`}`,
+      format: "es",
+      name: module.name,
+      exports: "named",
+    },
+    plugins: [
+      json(),
+      esbuildPlugin,
+      babelPlugin,
+      postcss({ to: "dist/style.css", inject: false }),
+      copyPlugin,
+    ],
+    acornInjectPlugins: [jsx() as any],
+    external: externals,
+    onwarn,
+  });
+
+  // cjs
+  configList.push({
+    input: module.entry,
+    output: {
+      file: `dist/${isMainBundle ? "index.cjs" : `${module.name}/index.cjs`}`,
+      format: "cjs",
+      name: module.name,
+      exports: "named",
+    },
+    plugins: [
+      json(),
+      esbuildPlugin,
+      babelPlugin,
+      postcss({ plugins: [cssnano], extract: "style.css" }),
+      copyPlugin,
+    ],
+    acornInjectPlugins: [jsx() as any],
+    external: externals,
+    onwarn,
+  });
+
+  // // iife
+  // if (isMainBundle) {
+  //   configList.push({
+  //     input: module.entry,
+  //     output: {
+  //       file: `dist/${
+  //         isMainBundle ? "index.min.js" : `${module.name}/index.min.js`
+  //       }`,
+  //       format: "iife",
+  //       name: module.name,
+  //     },
+  //     plugins: [
+  //       json(),
+  //       esbuild({ minify: true, globalName: "inlUI" }),
+  //       babelPlugin,
+  //       postcss({ plugins: [cssnano], extract: "style.css" }),
+  //     ],
+  //     acornInjectPlugins: [jsx() as any],
+  //   });
+  // }
+
+  // dts
+  configList.push({
+    input: module.entry,
+    output: {
+      file: `dist/${isMainBundle ? "index.d.ts" : `${module.name}/index.d.ts`}`,
+      format: "es",
+      name: module.name,
+    },
+    external: [/\.css$/, /\.less$/],
+    plugins: [json(), dts()],
+    acornInjectPlugins: [jsx() as any],
+  });
+}
+
+export default defineConfig(configList);

package/conf/utils.ts

@@ -0,0 +1,19 @@
+import pkg from "../package.json";
+import { resolve } from "path";
+
+/**
+ * 获取当前版本的下一个版本
+ * @returns 新版本
+ */
+export function getDefaultNextVersion() {
+  const version = pkg.version;
+  const versionList = version.split(".");
+  let lastV = Number(versionList[versionList.length - 1]);
+  lastV += 1;
+  versionList.splice(versionList.length - 1, 1, lastV + "");
+  return versionList.join(".");
+}
+
+export function resolvePath(p: string) {
+  return resolve(__dirname, p);
+}