@tdh-ui/unplugin-resolver 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-PRESENT TDH Element Plus
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+function kebabCase(key) {
+  const result = key.replace(/([A-Z])/g, " $1").trim();
+  return result.split(" ").join("-").toLowerCase();
+}
+
+function getSideEffects(dirName, options) {
+  const { importStyle, ssr } = options;
+  const themeFolder = "@tdh-ui/base/theme-chalk";
+  const esComponentsFolder = `@tdh-ui/base/${ssr ? "lib" : "es"}/components`;
+  if (importStyle === "sass")
+    return ssr ? [`${themeFolder}/src/base.scss`, `${themeFolder}/src/${dirName}.scss`] : [
+      `${esComponentsFolder}/base/style/index`,
+      `${esComponentsFolder}/${dirName}/style/index`
+    ];
+  else if (importStyle === true || importStyle === "css")
+    return ssr ? [`${themeFolder}/base.css`, `${themeFolder}/el-${dirName}.css`] : [
+      `${esComponentsFolder}/base/style/css`,
+      `${esComponentsFolder}/${dirName}/style/css`
+    ];
+}
+function resolveComponent(name, options) {
+  if (options.exclude && name.match(options.exclude)) return;
+  if (!/^El[A-Z]/.test(name)) return;
+  if (/^ElIcon.+/.test(name)) {
+    return {
+      name: name.replace(/^ElIcon/, ""),
+      from: "@element-plus/icons-vue"
+    };
+  }
+  const partialName = kebabCase(name.slice(2));
+  const { ssr } = options;
+  return {
+    name,
+    from: `@tdh-ui/base/${ssr ? "lib" : "es"}`,
+    sideEffects: getSideEffects(partialName, options)
+  };
+}
+function resolveDirective(name, options) {
+  if (!options.directives) return;
+  const directives = {
+    Loading: { importName: "ElLoadingDirective", styleName: "loading" },
+    Popover: { importName: "ElPopoverDirective", styleName: "popover" },
+    InfiniteScroll: {
+      importName: "ElInfiniteScroll",
+      styleName: "infinite-scroll"
+    }
+  };
+  const directive = directives[name];
+  if (!directive) return;
+  const { ssr } = options;
+  return {
+    name: directive.importName,
+    from: `@tdh-ui/base/${ssr ? "lib" : "es"}`,
+    sideEffects: getSideEffects(directive.styleName, options)
+  };
+}
+const noStylesComponents = ["ElAutoResizer"];
+function TdhElementPlusResolver(options = {}) {
+  let optionsResolved;
+  async function resolveOptions() {
+    if (optionsResolved) return optionsResolved;
+    optionsResolved = {
+      ssr: false,
+      importStyle: "css",
+      directives: true,
+      exclude: void 0,
+      noStylesComponents: options.noStylesComponents || [],
+      ...options
+    };
+    return optionsResolved;
+  }
+  return [
+    {
+      type: "component",
+      resolve: async (name) => {
+        const options2 = await resolveOptions();
+        if ([...options2.noStylesComponents, ...noStylesComponents].includes(name))
+          return resolveComponent(name, { ...options2, importStyle: false });
+        else return resolveComponent(name, options2);
+      }
+    },
+    {
+      type: "directive",
+      resolve: async (name) => {
+        return resolveDirective(name, await resolveOptions());
+      }
+    }
+  ];
+}
+
+exports.TdhElementPlusResolver = TdhElementPlusResolver;

package/dist/index.d.cts

@@ -0,0 +1,42 @@
+import { ComponentResolver } from 'unplugin-vue-components';
+
+interface TdhElementPlusResolverOptions {
+    /**
+     * import style css or sass with components
+     *
+     * @default 'css'
+     */
+    importStyle?: boolean | 'css' | 'sass';
+    /**
+     * use commonjs lib & source css or scss for ssr
+     */
+    ssr?: boolean;
+    /**
+     * auto import for directives
+     *
+     * @default true
+     */
+    directives?: boolean;
+    /**
+     * exclude component name, if match do not resolve the name
+     */
+    exclude?: RegExp;
+    /**
+     * a list of component names that have no styles, so resolving their styles file should be prevented
+     */
+    noStylesComponents?: string[];
+}
+/**
+ * Resolver for Element Plus
+ *
+ * See https://github.com/antfu/vite-plugin-components/pull/28 for more details
+ * See https://github.com/antfu/vite-plugin-components/issues/117 for more details
+ *
+ * @author @develar @nabaonan @sxzz
+ * @link  for @tdh-ui/base
+ *
+ */
+declare function TdhElementPlusResolver(options?: TdhElementPlusResolverOptions): ComponentResolver[];
+
+export { TdhElementPlusResolver };
+export type { TdhElementPlusResolverOptions };

package/dist/index.d.mts

@@ -0,0 +1,42 @@
+import { ComponentResolver } from 'unplugin-vue-components';
+
+interface TdhElementPlusResolverOptions {
+    /**
+     * import style css or sass with components
+     *
+     * @default 'css'
+     */
+    importStyle?: boolean | 'css' | 'sass';
+    /**
+     * use commonjs lib & source css or scss for ssr
+     */
+    ssr?: boolean;
+    /**
+     * auto import for directives
+     *
+     * @default true
+     */
+    directives?: boolean;
+    /**
+     * exclude component name, if match do not resolve the name
+     */
+    exclude?: RegExp;
+    /**
+     * a list of component names that have no styles, so resolving their styles file should be prevented
+     */
+    noStylesComponents?: string[];
+}
+/**
+ * Resolver for Element Plus
+ *
+ * See https://github.com/antfu/vite-plugin-components/pull/28 for more details
+ * See https://github.com/antfu/vite-plugin-components/issues/117 for more details
+ *
+ * @author @develar @nabaonan @sxzz
+ * @link  for @tdh-ui/base
+ *
+ */
+declare function TdhElementPlusResolver(options?: TdhElementPlusResolverOptions): ComponentResolver[];
+
+export { TdhElementPlusResolver };
+export type { TdhElementPlusResolverOptions };

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import { ComponentResolver } from 'unplugin-vue-components';
+
+interface TdhElementPlusResolverOptions {
+    /**
+     * import style css or sass with components
+     *
+     * @default 'css'
+     */
+    importStyle?: boolean | 'css' | 'sass';
+    /**
+     * use commonjs lib & source css or scss for ssr
+     */
+    ssr?: boolean;
+    /**
+     * auto import for directives
+     *
+     * @default true
+     */
+    directives?: boolean;
+    /**
+     * exclude component name, if match do not resolve the name
+     */
+    exclude?: RegExp;
+    /**
+     * a list of component names that have no styles, so resolving their styles file should be prevented
+     */
+    noStylesComponents?: string[];
+}
+/**
+ * Resolver for Element Plus
+ *
+ * See https://github.com/antfu/vite-plugin-components/pull/28 for more details
+ * See https://github.com/antfu/vite-plugin-components/issues/117 for more details
+ *
+ * @author @develar @nabaonan @sxzz
+ * @link  for @tdh-ui/base
+ *
+ */
+declare function TdhElementPlusResolver(options?: TdhElementPlusResolverOptions): ComponentResolver[];
+
+export { TdhElementPlusResolver };
+export type { TdhElementPlusResolverOptions };

package/dist/index.mjs

@@ -0,0 +1,91 @@
+function kebabCase(key) {
+  const result = key.replace(/([A-Z])/g, " $1").trim();
+  return result.split(" ").join("-").toLowerCase();
+}
+
+function getSideEffects(dirName, options) {
+  const { importStyle, ssr } = options;
+  const themeFolder = "@tdh-ui/base/theme-chalk";
+  const esComponentsFolder = `@tdh-ui/base/${ssr ? "lib" : "es"}/components`;
+  if (importStyle === "sass")
+    return ssr ? [`${themeFolder}/src/base.scss`, `${themeFolder}/src/${dirName}.scss`] : [
+      `${esComponentsFolder}/base/style/index`,
+      `${esComponentsFolder}/${dirName}/style/index`
+    ];
+  else if (importStyle === true || importStyle === "css")
+    return ssr ? [`${themeFolder}/base.css`, `${themeFolder}/el-${dirName}.css`] : [
+      `${esComponentsFolder}/base/style/css`,
+      `${esComponentsFolder}/${dirName}/style/css`
+    ];
+}
+function resolveComponent(name, options) {
+  if (options.exclude && name.match(options.exclude)) return;
+  if (!/^El[A-Z]/.test(name)) return;
+  if (/^ElIcon.+/.test(name)) {
+    return {
+      name: name.replace(/^ElIcon/, ""),
+      from: "@element-plus/icons-vue"
+    };
+  }
+  const partialName = kebabCase(name.slice(2));
+  const { ssr } = options;
+  return {
+    name,
+    from: `@tdh-ui/base/${ssr ? "lib" : "es"}`,
+    sideEffects: getSideEffects(partialName, options)
+  };
+}
+function resolveDirective(name, options) {
+  if (!options.directives) return;
+  const directives = {
+    Loading: { importName: "ElLoadingDirective", styleName: "loading" },
+    Popover: { importName: "ElPopoverDirective", styleName: "popover" },
+    InfiniteScroll: {
+      importName: "ElInfiniteScroll",
+      styleName: "infinite-scroll"
+    }
+  };
+  const directive = directives[name];
+  if (!directive) return;
+  const { ssr } = options;
+  return {
+    name: directive.importName,
+    from: `@tdh-ui/base/${ssr ? "lib" : "es"}`,
+    sideEffects: getSideEffects(directive.styleName, options)
+  };
+}
+const noStylesComponents = ["ElAutoResizer"];
+function TdhElementPlusResolver(options = {}) {
+  let optionsResolved;
+  async function resolveOptions() {
+    if (optionsResolved) return optionsResolved;
+    optionsResolved = {
+      ssr: false,
+      importStyle: "css",
+      directives: true,
+      exclude: void 0,
+      noStylesComponents: options.noStylesComponents || [],
+      ...options
+    };
+    return optionsResolved;
+  }
+  return [
+    {
+      type: "component",
+      resolve: async (name) => {
+        const options2 = await resolveOptions();
+        if ([...options2.noStylesComponents, ...noStylesComponents].includes(name))
+          return resolveComponent(name, { ...options2, importStyle: false });
+        else return resolveComponent(name, options2);
+      }
+    },
+    {
+      type: "directive",
+      resolve: async (name) => {
+        return resolveDirective(name, await resolveOptions());
+      }
+    }
+  ];
+}
+
+export { TdhElementPlusResolver };

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@tdh-ui/unplugin-resolver",
+  "version": "1.0.0",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "unplugin-vue-components": "^0.27.4"
+  },
+  "devDependencies": {
+    "typescript": "~5.5.4",
+    "unbuild": "^3.0.0"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "stub": "unbuild --stub",
+    "typecheck": "tsc --noEmit",
+    "clean:modules": "rimraf node_modules"
+  }
+}