fengmao-ui 1.3.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 fengmao
+
+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/README.md

@@ -0,0 +1,83 @@
+# fengmao-ui
+
+## [Vue2 基于 Element-ui 基础组件传送门]
+
+> 基于 Element-ui 二次封装基础组件地址
+
+> 基于 ant-design-vue 二次封装基础组件地址(期待中)
+
+## 介绍
+
+> 基于 vue3+ ts+ Element-plus 二次封装组件
+
+这是我在学习 Vue3 中基于[Element-plus](https://element-plus.org/zh-CN/) 二次封装基础组件文档，希望对你有用。Table 组件使用方式：
+
+## npm 方式安装使用
+
+```shell
+npm i fengmao-ui
+```
+
+## 全局注册使用
+
+> ### 前提条件：使用项目必须全局注册 Element-plus 组件库
+
+```js
+// 在main.js中按下引入
+import fengmaoUi from 'fengmao-ui'
+import 'fengmao-ui/lib/style.css'
+Vue.use(fengmaoUi)
+```
+
+## 按需引入
+
+```js
+// 在main.js中按下引入
+import 'fengmao-ui/lib/style.css'
+// 单个.vue文件引入
+;<script setup lang="ts">
+  import {(TDetail, TForm)} from "fengmao-ui"
+</script>
+```
+
+## fengmao-ui Volar 组件类型提示
+
+```js
+// 需要在使用的项目的tsconfig.json文件中添加以下
+compilerOptions：{
+  "types": [
+      "fengmao-ui/components.d.ts",
+    ],
+}
+
+```
+
+## Vue3 + Vite 项目中安装引入报如下错误的解决方法
+
+> #### 把项目的 vite 版本升级到 4+
+
+<img src="./README_GIF/error.png">
+
+## 安装依赖
+
+> ### 注意: 本地环境版本最好安装 [Node.js 16.x+](https://nodejs.org/en)、[pnpm 7.x+](https://github.com/pnpm/pnpm/)
+
+```shell
+npm install -g pnpm
+
+pnpm install
+
+```
+
+## Git 提交规范
+
+- `ci`: ci 配置文件和脚本的变动;
+- `chore`: 构建系统或辅助工具的变动;
+- `fix`: 代码 BUG 修复;
+- `feat`: 新功能;
+- `perf`: 性能优化和提升;
+- `refactor`: 仅仅是代码变动，既不是修复 BUG 也不是引入新功能;
+- `style`: 代码格式调整，可能是空格、分号、缩进等等;
+- `docs`: 文档变动;
+- `test`: 补充缺失的测试用例或者修正现有的测试用例;
+- `revert`: 回滚操作;

package/global.d.ts

@@ -0,0 +1,137 @@
+import TLayoutPage from './lib/layout-page/src/index.vue'
+import TLayoutPageItem from './lib/layout-page-item/src/index.vue'
+import TQueryCondition from './lib/query-condition/src/index.vue'
+import TTable from './lib/table/src/index.vue'
+import TForm from './lib/form/src/index.vue'
+import TSelect from './lib/select/src/index.vue'
+import TSelectTable from './lib/select-table/src/index.vue'
+import TDetail from './lib/detail/src/index.vue'
+import TButton from './lib/button/src/index.vue'
+import TStepWizard from './lib/step-wizard/src/index.vue'
+import TTimerBtn from './lib/timer-btn/src/index.vue'
+import TModuleForm from './lib/module-form/src/index.vue'
+import TAdaptivePage from './lib/adaptive-page/src/index.vue'
+import TDatePicker from './lib/date-picker/src/index.vue'
+// GlobalComponents for Volar
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    ElAffix: typeof import('element-plus')['ElAffix']
+    ElAlert: typeof import('element-plus')['ElAlert']
+    ElAside: typeof import('element-plus')['ElAside']
+    ElAutocomplete: typeof import('element-plus')['ElAutocomplete']
+    ElAvatar: typeof import('element-plus')['ElAvatar']
+    ElBacktop: typeof import('element-plus')['ElBacktop']
+    ElBadge: typeof import('element-plus')['ElBadge']
+    ElBreadcrumb: typeof import('element-plus')['ElBreadcrumb']
+    ElBreadcrumbItem: typeof import('element-plus')['ElBreadcrumbItem']
+    ElButton: typeof import('element-plus')['ElButton']
+    ElButtonGroup: typeof import('element-plus')['ElButtonGroup']
+    ElCalendar: typeof import('element-plus')['ElCalendar']
+    ElCard: typeof import('element-plus')['ElCard']
+    ElCarousel: typeof import('element-plus')['ElCarousel']
+    ElCarouselItem: typeof import('element-plus')['ElCarouselItem']
+    ElCascader: typeof import('element-plus')['ElCascader']
+    ElCascaderPanel: typeof import('element-plus')['ElCascaderPanel']
+    ElCheckbox: typeof import('element-plus')['ElCheckbox']
+    ElCheckboxButton: typeof import('element-plus')['ElCheckboxButton']
+    ElCheckboxGroup: typeof import('element-plus')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus')['ElCol']
+    ElCollapse: typeof import('element-plus')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus')['ElCollapseItem']
+    ElCollapseTransition: typeof import('element-plus')['ElCollapseTransition']
+    ElColorPicker: typeof import('element-plus')['ElColorPicker']
+    ElContainer: typeof import('element-plus')['ElContainer']
+    ElConfigProvider: typeof import('element-plus')['ElConfigProvider']
+    ElDatePicker: typeof import('element-plus')['ElDatePicker']
+    ElDialog: typeof import('element-plus')['ElDialog']
+    ElDivider: typeof import('element-plus')['ElDivider']
+    ElDrawer: typeof import('element-plus')['ElDrawer']
+    ElDropdown: typeof import('element-plus')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus')['ElEmpty']
+    ElFooter: typeof import('element-plus')['ElFooter']
+    ElForm: typeof import('element-plus')['ElForm']
+    ElFormItem: typeof import('element-plus')['ElFormItem']
+    ElHeader: typeof import('element-plus')['ElHeader']
+    ElIcon: typeof import('element-plus')['ElIcon']
+    ElImage: typeof import('element-plus')['ElImage']
+    ElImageViewer: typeof import('element-plus')['ElImageViewer']
+    ElInput: typeof import('element-plus')['ElInput']
+    ElInputNumber: typeof import('element-plus')['ElInputNumber']
+    ElLink: typeof import('element-plus')['ElLink']
+    ElMain: typeof import('element-plus')['ElMain']
+    ElMenu: typeof import('element-plus')['ElMenu']
+    ElMenuItem: typeof import('element-plus')['ElMenuItem']
+    ElMenuItemGroup: typeof import('element-plus')['ElMenuItemGroup']
+    ElOption: typeof import('element-plus')['ElOption']
+    ElOptionGroup: typeof import('element-plus')['ElOptionGroup']
+    ElPageHeader: typeof import('element-plus')['ElPageHeader']
+    ElPagination: typeof import('element-plus')['ElPagination']
+    ElPopconfirm: typeof import('element-plus')['ElPopconfirm']
+    ElPopper: typeof import('element-plus')['ElPopper']
+    ElPopover: typeof import('element-plus')['ElPopover']
+    ElProgress: typeof import('element-plus')['ElProgress']
+    ElRadio: typeof import('element-plus')['ElRadio']
+    ElRadioButton: typeof import('element-plus')['ElRadioButton']
+    ElRadioGroup: typeof import('element-plus')['ElRadioGroup']
+    ElRate: typeof import('element-plus')['ElRate']
+    ElRow: typeof import('element-plus')['ElRow']
+    ElScrollbar: typeof import('element-plus')['ElScrollbar']
+    ElSelect: typeof import('element-plus')['ElSelect']
+    ElSlider: typeof import('element-plus')['ElSlider']
+    ElStep: typeof import('element-plus')['ElStep']
+    ElSteps: typeof import('element-plus')['ElSteps']
+    ElSubMenu: typeof import('element-plus')['ElSubMenu']
+    ElSwitch: typeof import('element-plus')['ElSwitch']
+    ElTabPane: typeof import('element-plus')['ElTabPane']
+    ElTable: typeof import('element-plus')['ElTable']
+    ElTableColumn: typeof import('element-plus')['ElTableColumn']
+    ElTabs: typeof import('element-plus')['ElTabs']
+    ElTag: typeof import('element-plus')['ElTag']
+    ElTimePicker: typeof import('element-plus')['ElTimePicker']
+    ElTimeSelect: typeof import('element-plus')['ElTimeSelect']
+    ElTimeline: typeof import('element-plus')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus')['ElTimelineItem']
+    ElTooltip: typeof import('element-plus')['ElTooltip']
+    ElTransfer: typeof import('element-plus')['ElTransfer']
+    ElTree: typeof import('element-plus')['ElTree']
+    ElTreeV2: typeof import('element-plus')['ElTreeV2']
+    ElUpload: typeof import('element-plus')['ElUpload']
+    ElSpace: typeof import('element-plus')['ElSpace']
+    ElSkeleton: typeof import('element-plus')['ElSkeleton']
+    ElSkeletonItem: typeof import('element-plus')['ElSkeletonItem']
+    ElCheckTag: typeof import('element-plus')['ElCheckTag']
+    ElDescriptions: typeof import('element-plus')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus')['ElDescriptionsItem']
+    ElResult: typeof import('element-plus')['ElResult']
+    ElSelectV2: typeof import('element-plus')['ElSelectV2']
+    TLayoutPage: typeof TLayoutPage
+    TLayoutPageItem: typeof TLayoutPageItem
+    TQueryCondition: typeof TQueryCondition
+    TTable: typeof TTable
+    TForm: typeof TForm
+    TSelect: typeof TSelect
+    TSelectTable: typeof TSelectTable
+    TDetail: typeof TDetail
+    TButton: typeof TButton
+    TStepWizard: typeof TStepWizard
+    TTimerBtn: typeof TTimerBtn
+    TModuleForm: typeof TModuleForm
+    TAdaptivePage: typeof TAdaptivePage
+    TDatePicker: typeof TDatePicker
+  }
+
+  interface ComponentCustomProperties {
+    $message: typeof import('element-plus')['ElMessage']
+    $notify: typeof import('element-plus')['ElNotification']
+    $msgbox: typeof import('element-plus')['ElMessageBox']
+    $messageBox: typeof import('element-plus')['ElMessageBox']
+    $alert: typeof import('element-plus')['ElMessageBox']['alert']
+    $confirm: typeof import('element-plus')['ElMessageBox']['confirm']
+    $prompt: typeof import('element-plus')['ElMessageBox']['prompt']
+    $loading: typeof import('element-plus')['ElLoadingService']
+  }
+}
+
+export {}