ranui 0.1.0-alpha → 0.1.1-alpha

package/plugins/auto-import-file.ts

@@ -1,59 +0,0 @@
-import { Plugin } from 'vite';
-import fs from "fs";
-import ranuts from 'ranuts';
-const { writeFile, readFile, queryFileInfo } = ranuts;
-
-interface Options {
-    ignore?: Array<string>,
-    path: Array<string>,
-    extensions: Array<string>
-}
-
-const createIndex = async (options: Options, entry: string) => {
-    let content = ''
-    const { path = [], extensions = [], ignore = [] } = options
-    /**
-     * @description: 递归查找目录
-     * @param {Array} path
-     */
-    const recurveFile = async (path: Array<string>) => {
-        for (const item of path) {
-            const { status, data } = await queryFileInfo(item)
-            const extension = item.substring(item.lastIndexOf('.'))
-            if (status && data.isFile() && extensions.includes(extension) && !ignore.includes(item)) {
-                content += `import '${item}';\n`
-            }
-            if (status && data.isDirectory() && !ignore.includes(item)) {
-                const fileList = fs.readdirSync(item)
-                const list = fileList.map(children => `${item}/${children}`)
-                await recurveFile(list)
-            }
-        }
-    }
-    try {
-        await recurveFile(path)
-        const currContent = await readFile(entry)
-        if (currContent.status && currContent.data !== content) return await writeFile(entry, content)
-        return { status: false }
-    } catch (error) {
-        throw error
-    }
-
-}
-// 当初始目录中没有index的时候，不会主动生成，需要至少增加一个空index.js
-export default function autoImportFilePlugin(options: Options): Plugin {
-    return {
-        name: 'vite-plugin-auto-import-file',
-        enforce: 'pre',
-        async config(context) {
-            const { entry = '' } = context.build?.lib || {};
-            // const { alias = {} } = context.resolve || {}
-            // const aliasList = Object.keys(alias)
-            if (entry) await createIndex(options, entry)
-        },
-        async handleHotUpdate(context) {
-            const { entry = '' } = context.server.config.build.lib || {}
-            if (entry) await createIndex(options, entry)
-        }
-    }
-}

package/plugins/load-style.ts

@@ -1,31 +0,0 @@
-import { Plugin } from 'vite';
-interface Options {
-    ignore?: Array<string>
-}
-
-export default function loadStylePlugin(options?: Options): Plugin {
-    return {
-        name: 'vite-plugin-load-style',
-        transform(code, id) {
-            const path = new RegExp('ranui\/components\/[a-zA-z0-9]+\/index\.ts')
-            const stylePath = new RegExp(/((this\.)?[a-zA-Z0-9]+)\s*=\s*this\.attachShadow\(\{.*\}\)/)
-            const front = `import f7170ee498e0dd32cbdcb63fba8f75cc from './index.less';`
-            const { ignore = [] } = options ?? {}
-            const [fragment, statement] = code.match(stylePath) ?? []
-            let result = code
-            if (path.test(id) && !ignore.some(item => new RegExp(item).test(id)) && fragment && statement) {
-                result = result.replace(
-                    stylePath,
-                    `${fragment};
-                    const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement('style');
-                    F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-                    ${statement}.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);`)
-                result = front + result;
-            }
-            return {
-                code: result,
-                map: null // TODO
-            };
-        }
-    }
-}

package/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react",
-    "module": "ESNext",
-    "esModuleInterop": true,
-    "target": "ESNext",
-    "moduleResolution": "node",
-    "outDir": "dist",
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "isolatedModules": false,
-    "strict": true,
-    "noImplicitAny": true,
-    "useUnknownInCatchVariables": false,
-    "inlineSourceMap": true,
-    "baseUrl": ".",    
-    "experimentalDecorators":true,   
-    "paths": {
-      "@/assets/*": ["assets/*"],
-      "@/components/*": ["components/*"],
-      "@/plugins/*": ["plugins/*"],
-      "@/utils/*": ["utils/*"],
-    },              
-  },
-  "ts-node": {
-      "esm": true,
-      "experimentalSpecifierResolution":"node",
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

package/typings.d.ts

@@ -1,4 +0,0 @@
-declare module "*.less"
-declare module '@/assets'
-declare module '@/components'
-declare module '@/plugins'

package/utils/index.ts

@@ -1,12 +0,0 @@
-export const falseList = [false, "false", null, undefined];
-/**
-  * @description: 判断这个元素上是否有disabled属性
-  * @param {Element} element
-  * @return {*}
-  */
-export const isDisabled = (element: Element) => {
-  const status = element.hasAttribute('disabled')
-  const value = element.getAttribute('disabled')
-  if (status && !falseList.includes(value)) return true
-  return false
-}

package/vite.config.ts

@@ -1,58 +0,0 @@
-import { defineConfig } from "vite";
-import path, { resolve } from "path";
-import { fileURLToPath } from "url";
-import dts from 'vite-plugin-dts'
-import loadStyle from './plugins/load-style'
-import autoImportFile from './plugins/auto-import-file'
-
-// const __filename = fileURLToPath(import.meta.url);
-
-// const __dirname = path.dirname(__filename);
-
-export default defineConfig({
-  build: {
-    minify: 'terser',
-    sourcemap: true,
-    lib: {
-      entry: resolve(__dirname, "index.ts"),
-      name: "ranui",
-      fileName: "index",
-      formats: ["es", "umd"],
-    },
-  },
-  plugins: [
-    dts({
-      tsConfigFilePath: './tsconfig.json'
-    }),
-    loadStyle({
-      ignore: ['ranui/components/modal/index.ts']
-    }),
-    autoImportFile({
-      path: [
-        './components',
-        // resolve(__dirname, "components/")
-      ],
-      extensions: [".ts"],
-      ignore: ['./components/form/index.ts']
-    })
-  ],
-  resolve: {
-    alias: {
-      '@/components': resolve(__dirname, "components/"),
-      '@/assets': resolve(__dirname, "assets/"),
-      '@/utils': resolve(__dirname, "utils/"),
-    },
-    extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json"],
-  },
-  css: {
-    // preprocessorOptions: {
-      // less: {
-      //   javascriptEnabled: true,
-      //   additionalData: `@import "client/assets/base.css";`
-      // }
-    // },
-    modules: {
-      generateScopedName: "[name--[local]--[hash:base64:5]]",
-    },
-  },
-});