inl-ui 0.0.8 → 0.0.9-rc.2

package/.babelrc

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

package/README.md

@@ -1,28 +1,27 @@
-# 工业 pc ui 库
-## 编译UI
-> 编译UI 需要在项目根目录运行 `yarn build:pc`, 如出现错误请查看源代码是否有问题以及主题文件是否存在， 打包完成后 会在 `packages/pc`, 下出现dist文件夹，所有打包后的文件均在该文件夹下。部署至npm需在 `packages/pc` 目录下运行npm publish，注意版本号迭代. 
-
-
-## 主题使用
-1. 安装 inl-ul@0.03 以上版本，
-``` ts
-    import inlUi from 'inl-ui';
-    app.use(inlUi);
-```
-2. vite.config.ts
-``` ts
-export default {
-  ...,
-  css: {
-    preprocessorOptions: {
-      less: {
-        modifyVars: {
-          hack: `true;@import "${require.resolve("inl-ui/theme/dark.less")}";`,
-          "root-entry-name": "dark",
-        },
-        javascriptEnabled: true,
-      },
-    },
-  },
-};
-```
+# 工业 pc ui 库
+
+## 编译 UI
+
+> 编译 UI 需要在项目根目录运行 `yarn build:pc`, 如出现错误请查看源代码是否有问题以及主题文件是否存在， 打包完成后 会在 `packages/pc`, 下出现 dist 文件夹，所有打包后的文件均在该文件夹下。部署至 npm 需在 `packages/pc` 目录下运行 npm publish，注意版本号迭代.
+
+## 组件列表与划分
+
+### 页面组件
+
+#### 视频组件(video)
+
+[视频组件列表](./src/pageComponent/views/video/README.md)
+
+#### 基座组件(base)
+
+1. [登录页面组件](./src/pageComponent/views/login/README.md)
+
+#### 报警组件(alarm)
+
+### 功能组件
+
+1. [修改主题的工具](./src/components/changeTheme/README.md)
+2. [视频播放组件](./src/components/videoPlayer/README.md)
+3. [顶部导航菜单组件](./src/components/headerMenu/README.md)
+
+### [UI 工具类](./src/utils/README.md)

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/rollup.config.ts

@@ -0,0 +1,37 @@
+import { defineConfig } from "rollup";
+import postcss from "rollup-plugin-postcss";
+import cssnano from "cssnano";
+import json from "@rollup/plugin-json";
+import ts from "@rollup/plugin-typescript";
+import jsx from "acorn-jsx";
+import babel from "@rollup/plugin-babel";
+
+const extensions = [".ts", ".js", ".tsx", ".json", ".ttf", ".woff", ".woff2"];
+const globals = {
+  vue: "Vue",
+  vuex: "vuex",
+};
+
+export default defineConfig({
+  input: "src/index.ts",
+  output: {
+    file: "dist/index.js",
+    format: "esm",
+    globals,
+    sourcemap: true,
+    name: "inlUiPc",
+  },
+  plugins: [
+    json(),
+    ts({
+      tsconfig: "./tsconfig.json",
+    }),
+    babel({ babelHelpers: "bundled", extensions }),
+    postcss({
+      plugins: [cssnano],
+      extract: `style.css`,
+    }),
+  ],
+  acornInjectPlugins: [jsx()],
+  external: ["vue", "vuex"],
+});