@wlydfe/pro-ui 0.2.20 → 0.2.21

package/scripts/utils/index.ts

@@ -0,0 +1,94 @@
+import path from 'node:path'
+import type { RollupBuild, OutputOptions } from 'rollup'
+import { pkgRoot } from './paths'
+
+export function writeBundles(bundle: RollupBuild, options: OutputOptions[]) {
+  return Promise.all(options.map(option => bundle.write(option)))
+}
+
+export async function writeBundlesFunction(
+  getBundle: (option: OutputOptions) => Promise<RollupBuild>,
+  options: OutputOptions[]
+) {
+  const task = []
+  for (let index = 0; index < options.length; index++) {
+    const option = options[index]
+    const bundle = await getBundle(option)
+    task.push(bundle.write(option))
+  }
+  return task
+}
+
+export function formatBundleFilename(name: string, minify?: boolean, ext?: string) {
+  return `${name}${minify ? '.min' : ''}.${ext}`
+}
+
+export const PKG_NAME = '@wlydfe/pro-ui'
+
+export const PKG_CAMEL_CASE_NAME = 'PlusProComponents'
+
+export const PKG_PREFIX = '@wlydfe/pro-ui'
+
+export const PKG_CAMEL_CASE_LOCAL_NAME = 'PlusProComponentsLocale'
+
+export const target = 'es2018'
+
+const alias = [
+  'node_modules/element-plus',
+  'node_modules/@vue/shared',
+  'node_modules/async-validator'
+]
+
+const relative = ['../../../../', '../../../', '../../', '../']
+/**
+ * 替换 dts 中的别名
+ * @param id
+ * @returns
+ */
+export const pathRewriter = (id: string) => {
+  /**
+   * 解决style/*.ts中导入element-plus外部样式导致打包出现问题。
+   */
+  id = id.replaceAll(`@external`, `element-plus/es/components`)
+  // @wlydfe/pro-ui-components
+  id = id.replaceAll(`@wlydfe/pro-ui-components`, `${PKG_NAME}/components`)
+  id = id.replaceAll(`@wlydfe/pro-ui-hooks`, `${PKG_NAME}/hooks`)
+  id = id.replaceAll(`@wlydfe/pro-ui-types`, `${PKG_NAME}/types`)
+  id = id.replaceAll(`@wlydfe/pro-ui-constants`, `${PKG_NAME}/constants`)
+  id = id.replaceAll(`@wlydfe/pro-ui-directives`, `${PKG_NAME}/directives`)
+
+  id = id.replaceAll(`${PKG_PREFIX}/theme-chalk`, `${PKG_NAME}/theme-chalk`)
+  id = id.replaceAll(`${PKG_PREFIX}/`, `${PKG_NAME}/es/`)
+  id = id.replaceAll(`packages/${PKG_NAME}`, `${PKG_NAME}`)
+  id = id.replaceAll(`packages/types`, `${PKG_NAME}`)
+
+  alias.forEach(item => {
+    relative.forEach(path => {
+      if (id.includes(path + item)) {
+        id = id.replaceAll(path + item, item.replace('node_modules/', ''))
+      }
+    })
+  })
+
+  return id
+}
+
+/**
+ * 替换 css dts
+ * @param id
+ * @returns
+ */
+export const cssResolver: any = {
+  name: 'plus-pro-components-css-resolver',
+  supports: (id: string) => id.includes('/style/css.ts') || id.includes('/style/index.ts'),
+  transform: ({ id, code }: { id: string; code: string }) => {
+    const tempPath = id.replaceAll('/', path.sep)
+    const content = pathRewriter(code)
+    return [
+      {
+        path: tempPath.replace(pkgRoot, './types').replace('.ts', '.d.ts'),
+        content: JSON.stringify(content)
+      }
+    ]
+  }
+}

package/scripts/utils/main.ts

@@ -0,0 +1,16 @@
+import { excludeFiles } from './excludeFiles'
+
+export { excludeFiles }
+
+export const external = ['vue', 'element-plus']
+
+export const externalModules = [
+  'element-plus/es/version',
+  ...external,
+  '@element-plus/icons-vue',
+  '@vue/shared',
+  'sortablejs',
+  'dayjs',
+  'lodash-es',
+  'vue-router'
+]

package/scripts/utils/paths.ts

@@ -0,0 +1,40 @@
+import path from 'node:path'
+
+const resolve = path.resolve
+
+/** 项目根目录 `/`  */
+export const projRoot = resolve(__dirname, '../../')
+/** 包目录 `/packages` */
+export const pkgRoot = resolve(projRoot, 'packages')
+/** 组件目录 `/packages/components` */
+export const compRoot = resolve(pkgRoot, 'components')
+/** hooks目录  `/packages/hooks`  */
+export const hookRoot = resolve(pkgRoot, 'hooks')
+/** 工具函数目录 `/packages/utils`  */
+export const utilRoot = resolve(pkgRoot, 'utils')
+/** 语言包目录 `/packages/locale`  */
+export const localesRoot = resolve(pkgRoot, 'locale')
+
+/** plus-pro-components 目录 即 `/packages/plus-pro-components` */
+export const pcRoot = resolve(pkgRoot, 'plus-pro-components')
+
+/** Docs */
+export const docsDirName = 'docs'
+export const docRoot = resolve(projRoot, docsDirName)
+export const vpRoot = resolve(docRoot, '.vitepress')
+
+/** `/dist` */
+export const buildOutput = resolve(projRoot, 'dist')
+/** `/dist/plus-pro-components` */
+export const pcOutput = resolve(buildOutput, 'plus-pro-components')
+
+export const pcPackage = resolve(pcRoot, 'package.json')
+export const projPackage = resolve(projRoot, 'package.json')
+export const compPackage = resolve(compRoot, 'package.json')
+export const hookPackage = resolve(hookRoot, 'package.json')
+export const utilPackage = resolve(utilRoot, 'package.json')
+export const docPackage = resolve(docRoot, 'package.json')
+
+// dts
+export const TSCONFIG_PATH = resolve(projRoot, 'tsconfig.web.json')
+export const DTS_OUT_DIR = resolve(buildOutput, 'types')

package/scripts/utils/plugin.ts

@@ -0,0 +1,61 @@
+import type { Plugin, OutputOptions } from 'rollup'
+import { PKG_NAME, PKG_PREFIX } from './index'
+
+/**
+ * 替换 style/*.ts中导入.css/.scss的文件名称后缀。
+ * @returns
+ */
+export function PlusProComponentsAlias(): Plugin {
+  const themeChalk = 'theme-chalk'
+  const sourceThemeChalk = `${PKG_PREFIX}/${themeChalk}` as const
+  const bundleThemeChalk = `${PKG_NAME}/${themeChalk}` as const
+
+  return {
+    name: 'plus-pro-components-alias-plugin',
+    resolveId(id) {
+      if (!id.startsWith(sourceThemeChalk)) return
+      return {
+        id: id.replaceAll(sourceThemeChalk, bundleThemeChalk),
+        external: 'absolute'
+      }
+    }
+  }
+}
+
+/**
+ *
+ * 替换 style/*.ts中导入element-plus外部样式。
+ * @returns
+ */
+export function PlusProComponentsExternal(options: OutputOptions): Plugin {
+  const sourceStyle = `@external` as const
+  const module = options.format === 'esm' ? 'es' : 'lib'
+  const ext = options.format === 'esm' ? '.mjs' : '.js'
+  const bundleStyle = `element-plus/${module}/components` as const
+
+  return {
+    name: 'plus-pro-components-external-plugin',
+    resolveId(id) {
+      if (!id.startsWith(sourceStyle)) return
+      return {
+        id: id.replaceAll(sourceStyle, bundleStyle) + ext,
+        external: 'absolute'
+      }
+    }
+  }
+}
+
+/**
+ * 清除console.log
+ * @returns
+ */
+export function PlusProComponentsClearConsole(): Plugin {
+  const reg = /(console.log()(.*)())/g
+  return {
+    name: 'plus-pro-components-clear-console-plugin',
+    transform(source) {
+      source = source.replace(reg, '')
+      return source
+    }
+  }
+}

package/tsconfig.base.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "target": "es2018",
+    "module": "esnext",
+    "sourceMap": false,
+    "moduleResolution": "node",
+    "allowJs": false,
+    "strict": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "removeComments": false,
+    "rootDir": ".",
+    "baseUrl": ".",
+    "paths": {
+      "@wlydfe/pro-ui-*": ["packages/*"]
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.web.json" },
+    { "path": "./tsconfig.node.json" },
+    { "path": "./tsconfig.vitest.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "composite": true,
+    "lib": ["ESNext"],
+    "types": ["node"],
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["scripts", "packages/utils/build.config.ts"],
+  "exclude": ["**/__tests__/**", "**/tests/**", "**/dist"]
+}

package/tsconfig.vitest.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.web.json",
+  "compilerOptions": {
+    "composite": true,
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "types": ["node", "jsdom"],
+    "skipLibCheck": true
+  },
+  "include": ["packages", "typings"],
+  "exclude": ["node_modules", "dist", "**/*.md"]
+}

package/tsconfig.web.json

@@ -0,0 +1,18 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "jsx": "preserve",
+    "lib": ["ES2018", "DOM", "DOM.Iterable"],
+    "types": [],
+    "skipLibCheck": true,
+    "noImplicitAny": false,
+    "paths": {
+      "element-plus": ["./node_modules/element-plus"],
+      "async-validator": ["./node_modules/async-validator"],
+      "@vue/shared": ["./node_modules/@vue/shared"]
+    }
+  },
+  "include": ["packages", "typings"],
+  "exclude": ["node_modules", "**/dist", "**/__tests__/**/*", "**/*.md", "packages/play/**/*"]
+}

package/typings/env.d.ts

@@ -0,0 +1,22 @@
+declare global {
+  const process: {
+    env: {
+      NODE_ENV: string
+    }
+  }
+
+  namespace JSX {
+    interface IntrinsicAttributes {
+      class?: any
+      style?: any
+    }
+  }
+}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    Component: (props: { is: Component | string }) => void
+  }
+}
+
+export {}

package/vitest.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vitest/config'
+import Vue from '@vitejs/plugin-vue'
+import VueJsx from '@vitejs/plugin-vue-jsx'
+
+export default defineConfig({
+  plugins: [Vue(), VueJsx()],
+  optimizeDeps: {
+    disabled: true
+  },
+  test: {
+    clearMocks: true,
+    environment: 'jsdom',
+    coverage: {
+      include: ['packages/components/**/*'],
+      exclude: [
+        'packages/components/*/style/*',
+        'packages/components/index.ts',
+        'packages/components/*/index.ts'
+      ]
+    }
+  }
+})

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -1,9 +0,0 @@
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-export { _export_sfc as default };

package/es/component.d.ts

@@ -1,4 +0,0 @@
-import { Component } from 'vue';
-
-declare const plugins: Component[];
-export default plugins;

package/es/component.mjs

@@ -1,49 +0,0 @@
-import { PlusDialog } from './components/dialog/index.mjs';
-import { PlusPagination } from './components/pagination/index.mjs';
-import { PlusTable } from './components/table/index.mjs';
-import { PlusRadio } from './components/radio/index.mjs';
-import { PlusDatePicker } from './components/date-picker/index.mjs';
-import { PlusDescriptions } from './components/descriptions/index.mjs';
-import { PlusDisplayItem } from './components/display-item/index.mjs';
-import { PlusForm } from './components/form/index.mjs';
-import { PlusFormItem } from './components/form-item/index.mjs';
-import { PlusPopover } from './components/popover/index.mjs';
-import { PlusSearch } from './components/search/index.mjs';
-import { PlusDialogForm } from './components/dialog-form/index.mjs';
-import { PlusDrawerForm } from './components/drawer-form/index.mjs';
-import { PlusPage } from './components/page/index.mjs';
-import { PlusStepsForm } from './components/steps-form/index.mjs';
-import { PlusInputTag } from './components/input-tag/index.mjs';
-import { PlusBreadcrumb } from './components/breadcrumb/index.mjs';
-import { PlusSidebar } from './components/sidebar/index.mjs';
-import { PlusHeader } from './components/header/index.mjs';
-import { PlusLayout } from './components/layout/index.mjs';
-import { PlusCheckCard } from './components/check-card/index.mjs';
-import { PlusCheckCardGroup } from './components/check-card-group/index.mjs';
-
-const plugins = [
-  PlusDialog,
-  PlusPagination,
-  PlusTable,
-  PlusRadio,
-  PlusDatePicker,
-  PlusDescriptions,
-  PlusDisplayItem,
-  PlusFormItem,
-  PlusForm,
-  PlusPopover,
-  PlusSearch,
-  PlusDialogForm,
-  PlusDrawerForm,
-  PlusPage,
-  PlusStepsForm,
-  PlusInputTag,
-  PlusBreadcrumb,
-  PlusSidebar,
-  PlusHeader,
-  PlusLayout,
-  PlusCheckCard,
-  PlusCheckCardGroup
-];
-
-export { plugins as default };