base6-ui 1.1.1 → 1.1.3

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "base6-ui",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "",
-  "main": "lib/index.js",
-  "module": "es/index.mjs",
-  "types": "es/index.d.ts",
+  "main": "./lib/index.js",
+  "module": "./es/index.mjs",
+  "types": "./es/index.d.ts",
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "es",
+    "lib"
+  ],
   "keywords": [],
   "author": "",
   "license": "ISC",

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# base6-ui
-
-## 1.1.1
-
-### Patch Changes
-
-- 1.1.0
-
-## 1.1.0
-
-### Minor Changes
-
-- 1.1.0

package/build/plugins.ts

@@ -1,31 +0,0 @@
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import eslintPlugin from 'vite-plugin-eslint'
-import dts from 'vite-plugin-dts'
-import { setupUnPlugin } from './unPlugin'
-import tailwindcss from '@tailwindcss/vite'
-import svgLoader from 'vite-svg-loader'
-
-export function setupVitePlugins() {
-  const plugins = [
-    vue(),
-    vueJsx(),
-    setupUnPlugin(),
-    tailwindcss(),
-    svgLoader(),
-    dts({
-      // 生成 .d.ts 类型声明文件 // 输出目录
-      outDir: ['dist', 'es', 'lib'],
-      exclude: ['build/**', 'vite.config.ts']
-      // rollupTypes: true
-    }),
-    eslintPlugin({
-      include: ['src/**/*.ts', 'src/**/*.vue', 'src/**/*.js'],
-      exclude: ['node_modules/**', 'dist/**'],
-      fix: true, // 自动修复
-      cache: false // 禁用缓存
-    })
-  ]
-
-  return plugins
-}

package/build/unPlugin.ts

@@ -1,37 +0,0 @@
-
-import type { PluginOption } from 'vite'
-import Components from 'unplugin-vue-components/vite'
-import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
-import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-
-import path from 'node:path'
-
-export function setupUnPlugin() {
-  const localIconPath = path.join(process.cwd(), 'src/svg-icons')
-
-  const plugins: PluginOption[] = [
-    Components({
-      dts: 'typing/components.d.ts',
-      dirs: ['src'],
-      types: [{ from: 'lib-materials', names: ['LayoutMaterial', 'SvgIcon']}],
-      resolvers: [
-        NaiveUiResolver()
-        // (name) => {
-        //   // Convert a-button -> AButton, a-input -> AInput, etc.
-        //   if (name.startsWith("Base6") && /[A-Z]/.test(name.charAt(5))) {
-        //     const componentName = name;
-        //     return { name: componentName, from: "base6-ui" };
-        //   }
-        // },
-      ]
-    }),
-    createSvgIconsPlugin({
-      iconDirs: [localIconPath],
-      symbolId: 'icon-[dir]-[name]',
-      inject: 'body-last',
-      customDomId: '__BASE6_UI_SVG_ICON_LOCAL__'
-    })
-  ]
-
-  return plugins
-}

package/eslint.config.js

@@ -1,114 +0,0 @@
-import pluginVue from 'eslint-plugin-vue'
-import typescriptEslint from '@typescript-eslint/eslint-plugin'
-import vueEslintParser from 'vue-eslint-parser'
-import tsEslintParser from '@typescript-eslint/parser'
-import tseslint from 'typescript-eslint'
-
-export default [
-  ...tseslint.configs.recommended,
-  {
-    files: ['**/*.{ts,tsx,vue,js,jsx}'] // 指定文件类型
-  },
-  {
-    languageOptions: {
-      parser: vueEslintParser,
-      parserOptions: {
-        parser: tsEslintParser,
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        ecmaFeatures: {
-          jsx: true // 启用 JSX 支持
-        }
-      }
-    }
-  },
-  {
-    plugins: {
-      vue: pluginVue,
-      '@typescript-eslint': typescriptEslint
-    }
-  },
-  {
-    rules: {
-      // 代码风格规则
-      'semi': [2, 'never'], // 不使用分号
-      'indent': [
-        2,
-        2,
-        { SwitchCase: 1 } // switch 语句中的 case 分支使用 1 个空格缩进
-      ],
-      'no-multi-spaces': 2, // 不允许多个连续的空格
-      'space-unary-ops': [2, { words: true, nonwords: false }], // 一元运算符后必须有空格
-      'space-infix-ops': 2, // 中缀操作符周围必须有空格
-      'space-before-blocks': [2, 'always'], // 代码块前必须有空格
-      'no-mixed-spaces-and-tabs': 2, // 不允许混合使用空格和制表符
-      'no-multiple-empty-lines': [2, { max: 1 }], // 连续空行不超过 1 行
-      'no-trailing-spaces': 2, // 行尾不允许有空格
-      'no-whitespace-before-property': 2, // 属性名和点运算符之间不能有空格
-      'no-irregular-whitespace': 2, // 不允许出现不规则的空白字符
-      'space-in-parens': [2, 'never'], // 圆括号内不能有空格
-      'comma-dangle': [2, 'never'], // 逗号不允许有拖尾
-      'array-bracket-spacing': [2, 'never'], // 数组括号内不允许有空格
-      'object-curly-spacing': 0, // 对象括号内不允许有空格
-      'max-len': ['off', { code: 240 }], // 行宽最大为 240 字符
-      'operator-linebreak': [2, 'before'], // 运算符换行时，运算符在行首
-      'comma-style': [2, 'last'], // 逗号风格：换行时在行尾
-      'no-extra-semi': 2, // 不允许出现多余的分号
-      'curly': 0, // 使用大括号包裹所有控制结构
-      'key-spacing': [2, { beforeColon: false, afterColon: true }], // 属性名与冒号之间不能有空格，冒号后必须有空格
-      'comma-spacing': [2, { before: false, after: true }], // 逗号后必须有空格
-      'semi-spacing': [2, { before: false, after: true }], // 分号后必须有空格
-      'camelcase': [1, { properties: 'always' }], // 强制使用驼峰命名法
-      'new-cap': ['error', { newIsCap: true, capIsNew: false }], // 构造函数首字母必须大写
-      'spaced-comment': [2, 'always'], // 注释后必须有空格
-      'no-inline-comments': 0, // 不允许行内注释
-      'eqeqeq': [2, 'always', { null: 'ignore' }], // 强制使用全等 (===) 运算符
-      'no-else-return': [1, { allowElseIf: false }], // 禁止 else 语句，如果 if 语句中已返回值
-      'no-loop-func': 2, // 禁止在循环中定义函数
-      'max-lines-per-function': 0,
-      'no-restricted-syntax': [
-        1,
-        {
-          selector: 'BinaryExpression[operator=\'typeof\']',
-          message: 'Use \'typeof\' for type detection.' // 不建议使用 typeof 来检测类型
-        },
-        {
-          selector: 'CallExpression[callee.name=\'parseInt\']',
-          message: 'Use Math.floor, Math.round, or Math.ceil instead of parseInt to remove decimal points.' // 不建议使用 parseInt 来移除小数点
-        }
-      ],
-      'no-implicit-coercion': [1, { allow: ['!!'] }], // 禁止隐式类型转换
-      'radix': [2, 'always'], // parseInt 函数必须指定进制
-      'quotes': [2, 'single'], // 强制使用单引号
-      'no-array-constructor': 2, // 不允许使用 Array 构造函数
-      'max-lines-per-function': [
-        1,
-        {
-          max: 50, // 函数最大行数为 50 行
-          skipComments: true, // 跳过注释行
-          skipBlankLines: true, // 跳过空行
-          IIFEs: true // 对立即调用的函数表达式 (IIFE) 应用规则
-        }
-      ],
-      'max-params': [1, 6], // 函数参数最大数量为 6
-      'no-eval': 2, // 禁止使用 eval
-      'prefer-const': 1, // 建议使用 const 声明不变的变量
-      'no-var': 1, // 建议使用 let/const 替代 var
-      'prefer-destructuring': [
-        0,
-        { object: true, array: false } // 建议使用解构赋值
-      ],
-      'prefer-template': 1, // 建议使用模板字符串
-      'template-curly-spacing': [2, 'never'], // 模板字符串中的花括号内不允许有空格
-      'no-duplicate-imports': 2, // 禁止重复导入
-      'import/order': 0, // 引入顺序eslint
-      // TypeScript 特定规则
-      'no-console': 0, // 是否允许console.log
-      'no-unused-vars': 'error',
-      'typescript-eslint/explicit-module-boundary-types': 'off', // 允许省略函数的返回类型
-      'vue/no-multiple-template-root': 0, // 根元素只能有一个
-      'vue/multi-word-component-names': 0 // 组件命名需要驼峰
-    }
-  },
-  { ignores: ['verify-commit.js', 'node_modules'] }
-]

package/src/components/AppProvider/index.ts

@@ -1 +0,0 @@
-export { default as AppProvider } from './index.vue'

package/src/components/AppProvider/index.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { createTextVNode, defineComponent } from 'vue'
-import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui'
-
-defineOptions({
-  name: 'AppProvider'
-})
-
-const ContextHolder = defineComponent({
-  name: 'ContextHolder',
-  setup() {
-    function register() {
-      window.$loadingBar = useLoadingBar()
-      window.$dialog = useDialog()
-      window.$message = useMessage()
-      window.$notification = useNotification()
-    }
-    register()
-
-    return () => createTextVNode()
-  }
-})
-</script>
-
-<template>
-  <NLoadingBarProvider>
-    <NDialogProvider>
-      <NNotificationProvider>
-        <NMessageProvider>
-          <ContextHolder />
-          <slot></slot>
-        </NMessageProvider>
-      </NNotificationProvider>
-    </NDialogProvider>
-  </NLoadingBarProvider>
-</template>
-
-<style scoped></style>

package/src/components/BaseButton/index.ts

@@ -1 +0,0 @@
-export { default as BaseButton } from './index.vue'

package/src/components/BaseButton/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <n-button v-bind="$attrs">
-    <template v-if="$slots.icon || icon" #icon>
-      <slot v-if="$slots.icon" name="icon" />
-      <svg-icon v-else :icon="icon" />
-    </template>
-    <template v-if="$slots.default || content" #default>
-      <slot v-if="$slots.default" />
-      <span v-else>{{ content }}</span>
-    </template>
-  </n-button>
-</template>
-
-<script setup lang="ts">
-type PropsType = {
-  icon?: string;
-  content?: string;
-}
-
-withDefaults(defineProps<PropsType>(), { icon: '' })
-</script>

package/src/components/BaseDataTable/index.ts

@@ -1 +0,0 @@
-export { default as BaseDataTable } from './index.vue'

package/src/components/BaseDataTable/index.vue

@@ -1,120 +0,0 @@
-<template>
-  <n-card class="base-data-table" size="small" :bordered="false">
-    <div ref="dataTableWrapRef" class="w-full" :class="dataTableWrapClass">
-      <n-data-table
-        class="base-data-table"
-        v-bind="$attrs"
-        :bordered="bordered"
-        :columns="columns"
-        :data="data"
-        :max-height="maxHeight"
-        :min-height="minHeight"
-        :pagination="pagination"
-        :single-column="singleColumn"
-        :striped="striped"
-        table-layout="fixed"
-      />
-    </div>
-  </n-card>
-</template>
-<script lang="ts" setup>
-import {
-  computed,
-  nextTick,
-  onMounted,
-  onUnmounted,
-  ref,
-  useTemplateRef
-} from 'vue'
-import { DataTableProps } from 'naive-ui'
-
-type PropsType = {
-  columns: DataTableProps['columns']
-  data: DataTableProps['data']
-  tableScroll?: boolean
-  pagination: DataTableProps['pagination']
-  bordered: DataTableProps['bordered']
-  singleColumn: DataTableProps['singleColumn'],
-  striped: DataTableProps['striped']
-}
-defineOptions({
-  inheritAttrs: false
-})
-
-const maxHeight = ref<number | undefined>(0)
-const minHeight = ref<number | undefined>(0)
-const dataTableWrapRef = useTemplateRef('dataTableWrapRef')
-
-const props = withDefaults(defineProps<PropsType>(), {
-  bordered: true,
-  tableScroll: true,
-  columns: undefined,
-  data: undefined,
-  pagination: false,
-  singleColumn: false,
-  striped: false
-})
-
-const dataTableWrapClass = computed(() => {
-  const classList: Array<string> = []
-  if (props.tableScroll) classList.push('h-full overflow-hidden table-scroll')
-  return classList
-})
-
-const calcMaxHeight = () => {
-  if (!dataTableWrapRef.value) return
-  if (!props.tableScroll) {
-    maxHeight.value = undefined
-    minHeight.value = undefined
-  }
-  else {
-    const headerDom = document.getElementsByClassName('n-data-table-base-table-header')[0] as HTMLDivElement
-    const paginationDom = document.getElementsByClassName('n-data-table__pagination')[0] as HTMLDivElement
-    let otherHeight = 0
-    console.log(dataTableWrapRef.value.offsetHeight, 'headerDom')
-    if (headerDom) otherHeight += headerDom.offsetHeight
-    if (paginationDom) otherHeight += paginationDom.offsetHeight + 12
-    const wrapHeight = dataTableWrapRef.value.offsetHeight - otherHeight
-    maxHeight.value = wrapHeight
-    minHeight.value = wrapHeight
-  }
-}
-
-const handleWindowResize = async () => {
-  maxHeight.value = 0
-  minHeight.value = 0
-  await nextTick()
-  calcMaxHeight()
-}
-
-onMounted(() => {
-  calcMaxHeight()
-  window.addEventListener('resize', handleWindowResize)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleWindowResize)
-})
-</script>
-<style lang="scss" scoped>
-.base-data-table {
-  display: flex;
-  flex: 1;
-  &-content.n-data-table {
-    :deep(.n-data-table-th) {
-      .n-data-table-th__title-wrapper .n-data-table-th__title {
-        flex: none;
-      }
-      &.n-data-table-th--filterable {
-        display: flex;
-      }
-      .n-data-table-filter {
-        position: relative;
-        width: auto;
-        margin-left: 4px;
-        background-color: transparent;
-      }
-    }
-  }
-}
-</style>

package/src/components/BaseDialog/index.ts

@@ -1,2 +0,0 @@
-export { default as BaseDialog } from './index.vue'
-export { type BaseDialogPropsType } from './type'

package/src/components/BaseDialog/index.vue

@@ -1,104 +0,0 @@
-<template>
-  <n-modal
-    v-model:show="showModel"
-    :maskClosable="maskClosable"
-    :closeOnEsc="closeOnEsc"
-    v-bind="$attrs"
-  >
-    <n-card
-      :header-style="cardHeadStyle"
-      :style="cardStyle"
-      :size="cardSize"
-      :closable="closable"
-      :segmented="{ content: true }"
-      v-bind="$attrs"
-    >
-      <template v-if="$slots.header || title" #header>
-        <slot v-if="$slots.header" name="header" />
-        <span style="margin: 0 auto;" v-else>{{ title }}</span>
-      </template>
-      <template v-if="$slots['header-extra'] || showHeaderExtra" #header-extra>
-        <slot v-if="$slots['header-extra']" name="header-extra" />
-        <svg-icon v-else icon="operate-close" class="cursor-pointer active:scale-[0.95] text-[18px]" @click="handleCancel" />
-      </template>
-      <slot />
-      <template v-if="$slots.footer || showFooter" #footer>
-        <slot v-if="$slots.footer" name="footer" />
-        <div v-else class="gap-[30px]" :class="footerClass">
-          <BaseButton
-            :icon="cancelIcon"
-            :icon-placement="cancelIconPlacement"
-            :color="cancelColor"
-            :text-color="cancelTextColor"
-            :content="cancelBtnText"
-            :round="btnRound"
-            :size="btnSize"
-            :type="cancelType"
-            @click="handleCancel"
-          />
-          <BaseButton
-            :icon="confirmIcon"
-            :icon-placement="confirmIconPlacement"
-            :color="confirmColor"
-            :text-color="confirmTextColor"
-            :content="confirmBtnText"
-            :round="btnRound"
-            :size="btnSize"
-            :type="confirmType"
-            @click="handleConfirm"
-          />
-        </div>
-      </template>
-    </n-card>
-  </n-modal>
-</template>
-
-<script setup lang="ts">
-import { computed, CSSProperties } from 'vue'
-import { defaultProps } from './options'
-import { BaseDialogPropsType } from './type'
-import { BaseButton } from '../BaseButton'
-
-type PropsType = BaseDialogPropsType
-const emits = defineEmits(['update:visible', 'cancel', 'confirm'])
-const props = withDefaults(defineProps<PropsType>(), defaultProps)
-const cardStyle = computed<CSSProperties>(() => {
-  return {
-    width: `${props.width}`,
-    position: 'fixed',
-    left: '50%',
-    top: `${props.top}`,
-    transform: 'translateX(-50%)'
-  }
-})
-
-const cardHeadStyle = computed<CSSProperties>(() => ({
-  lineHeight: '28px',
-  textAlign: `${props.center ? 'center' : 'left'}`
-}))
-
-const footerClass = computed(() => {
-  if (props.btnPlacement === 'center') return 'flex-c'
-  return 'flex justify-end'
-})
-
-const showModel = computed({
-  get: () => props.visible,
-  set: (value: boolean) => {
-    emits('update:visible', value)
-  }
-})
-
-const handleCancel = () => {
-  showModel.value = false
-  emits('cancel')
-}
-
-const handleConfirm = () => {
-  emits('confirm')
-}
-</script>
-
-<style scoped>
-
-</style>

package/src/components/BaseDialog/options.ts

@@ -1,25 +0,0 @@
-import { BaseDialogPropsType } from './type'
-export const defaultProps: BaseDialogPropsType = {
-  visible: false,
-  width: '1000px',
-  title: undefined,
-  top: '10vh',
-  cardSize: 'medium',
-  center: true,
-  closable: false,
-  showHeaderExtra: true,
-  showFooter: true,
-  closeOnEsc: false,
-  maskClosable: false,
-  cancelBtnText: 'Cancel',
-  confirmBtnText: 'Confirm',
-  cancelIcon: '',
-  confirmIcon: '',
-  cancelIconPlacement: 'left',
-  confirmIconPlacement: 'left',
-  cancelType: 'default',
-  confirmType: 'primary',
-  btnPlacement: 'center',
-  btnRound: true,
-  btnSize: 'small'
-}

package/src/components/BaseDialog/type.ts

@@ -1,30 +0,0 @@
-import { ModalProps, CardProps, ButtonProps } from 'naive-ui'
-
-export type BaseDialogPropsType = {
-  visible: boolean
-  width?: string
-  top?: string
-  title?: CardProps['title']
-  cardSize?: CardProps['size']
-  center?: boolean;
-  closable?: CardProps['closable']
-  showHeaderExtra?: boolean
-  showFooter?: boolean
-  maskClosable?: ModalProps['maskClosable']
-  closeOnEsc?: ModalProps['closeOnEsc']
-  cancelBtnText?: string;
-  confirmBtnText?: string;
-  cancelColor?: ButtonProps['color'];
-  confirmColor?: ButtonProps['color'];
-  cancelTextColor?: ButtonProps['textColor'];
-  confirmTextColor?: ButtonProps['textColor'];
-  cancelIcon?: string;
-  confirmIcon?: string;
-  cancelIconPlacement?: ButtonProps['iconPlacement'];
-  confirmIconPlacement?: ButtonProps['iconPlacement'];
-  cancelType?: ButtonProps['type'],
-  confirmType?: ButtonProps['type'],
-  btnPlacement?: 'center' | 'right';
-  btnRound?: boolean;
-  btnSize?: ButtonProps['size'];
-}

package/src/components/BaseInputNumber/index.ts

@@ -1 +0,0 @@
-export { default as BaseInputNumber } from './index.vue'