xt-element-ui 1.1.7 → 1.1.9

package/README.md

@@ -1,35 +1,103 @@
 # XT-Element-UI
 
->基于Vue2+ElementUI组件库
+> 基于 Vue2 + ElementUI 的企业级组件库
 
 ## 特性
 
-- **丰富的组件**：提供多种常用组件
-- **开箱即用**：基于element-ui构建，无缝集成
-- **可发布**：完整的 npm 包架构，支持按需引入
+- **丰富的组件**：提供多种常用组件，覆盖布局、表单、数据展示等场景
+- **开箱即用**：基于 ElementUI 构建，无缝集成现有项目
+- **可分发**：完整的 npm 包架构，支持按需引入
 - **可覆盖**：组件设计支持覆盖 Element UI 原有组件
+- **双架构设计**：Xt 自定义组件 + Ex 扩展组件，便于维护管理
+- **主题系统**：支持亮色/暗色主题切换，支持自定义主色调
+- **响应式设计**：组件支持多种尺寸配置，适配不同屏幕
 
 ## 快速开始
 
 ```bash
 # 安装
 npm install xt-element-ui
+```
 
-# 全局引入
-import Vue form 'vue'
+```javascript
+// 全局引入
+import Vue from 'vue'
 import XtElementUI from 'xt-element-ui'
 
 Vue.use(XtElementUI)
+
+// 或按需引入
+import { XtButton, XtFlexBox, XtCard } from 'xt-element-ui'
+
+Vue.component('XtButton', XtButton)
+Vue.component('XtFlexBox', XtFlexBox)
+Vue.component('XtCard', XtCard)
+```
+
+## 配置选项
+
+```javascript
+Vue.use(XtElementUI, {
+  theme: 'dark',        // 主题：'white' 或 'dark'
+  size: 'medium',       // 字体大小：'small', 'medium', 'large'
+  primaryColor: '#1890ff'  // 主色调
+})
 ```
+
 ## 组件列表
 
-|组件|说明|
-|XtButton|按钮组件|
-|XtCard|卡片组件|
-|XtChart|图表组件|
-|布局类组件||
-|XtPage||
-|XtFlexBox||
-|XtGridBox||
-|XtCollapse||
-|XtFieldset|表单域|
+### Xt 组件（自定义组件）
+
+| 组件 | 说明 |
+|------|------|
+| XtButton | 按钮组件 |
+| XtCard | 卡片组件 |
+| XtCardItem | 卡片项组件 |
+| XtFlexBox | 弹性布局组件 |
+| XtGridBox | 网格布局组件 |
+| XtGridItem | 网格子项组件 |
+| XtText | 文本组件 |
+| XtInput | 输入框组件 |
+| XtDatePicker | 日期选择组件 |
+| XtConfigProvider | 配置提供器 |
+
+### Ex 组件（扩展组件）
+
+| 组件 | 说明 |
+|------|------|
+| ExButton | 基于 ElementUI Button 的扩展按钮 |
+| ExCard | 基于 ElementUI Card 的扩展卡片 |
+| ExTable | 基于 ElementUI Table 的扩展表格 |
+| ExChart | 图表容器组件 |
+| ExBar | 基于 ECharts 的柱状图 |
+| ExLine | 基于 ECharts 的折线图 |
+| ExPie | 基于 ECharts 的饼图 |
+| ExMulti | 基于 ECharts 的混合图表 |
+| ExTrend | 基于 ECharts 的趋势图 |
+
+## 工具函数
+
+```javascript
+// 设置主题
+this.$xt.setTheme('dark')
+
+// 设置字体大小
+this.$xt.setSize('large')
+
+// 设置主色调
+this.$xt.setPrimaryColor('#52c41a')
+
+// 获取当前配置
+console.log(this.$xt.getConfig())
+```
+
+## 浏览器支持
+
+- Chrome（推荐）
+- Firefox
+- Safari
+- Edge
+
+## 许可证
+
+MIT License

package/lib/index.common.2.js

@@ -14,7 +14,7 @@
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"48ae0d99-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExBar.vue?vue&type=template&id=10acd2fc&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d759d14-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExBar.vue?vue&type=template&id=10acd2fc&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"barchart",staticClass:"bar-box"})
 }
 var staticRenderFns = []

package/lib/index.common.3.js

@@ -820,7 +820,7 @@ EchartsUtil.destroyAll = function() {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"48ae0d99-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExLine.vue?vue&type=template&id=386a9c5d&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d759d14-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExLine.vue?vue&type=template&id=386a9c5d&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"linechart",staticClass:"line-box"})
 }
 var staticRenderFns = []

package/lib/index.common.4.js

@@ -7,7 +7,7 @@
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"48ae0d99-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExMulti.vue?vue&type=template&id=18661424&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d759d14-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExMulti.vue?vue&type=template&id=18661424&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"multilinechart",staticClass:"multiline-box"})
 }
 var staticRenderFns = []

package/lib/index.common.5.js

@@ -827,7 +827,7 @@ EchartsUtil.destroyAll = function() {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"48ae0d99-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExPie.vue?vue&type=template&id=5100b648&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d759d14-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExPie.vue?vue&type=template&id=5100b648&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"piechart",staticClass:"pie-box"})
 }
 var staticRenderFns = []

package/lib/index.common.6.js

@@ -831,7 +831,7 @@ EchartsUtil.destroyAll = function() {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"48ae0d99-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExTrend.vue?vue&type=template&id=36cddc14&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d759d14-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExTrend.vue?vue&type=template&id=36cddc14&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"barchart",staticClass:"bar-box",style:({width:_vm.width})})
 }
 var staticRenderFns = []