meixioacomponent 1.1.14 → 1.1.16

package/Meixioacomponent-ver-0.9.01.md

@@ -1,80 +1,80 @@
-# MEIXiOAComponent 更新公告（0.9.01-ver）
-
-## 变更
-### 升级Cli工具，引入TS
-### 剔除多余代码，打包后大小缩小了200多KB
-
-## 新增
-### 公共函数大部分使用TS进行重构，方便开发时使用。目前支持TS类型的公共函数
-### useImg
-#### 全局预览图片
-### useVIewVIdeo
-#### 全局播放视频
-### useGuide
-#### 全局使用引导组件
-### DynamicMountClass
-#### 函数式挂载Vue组件
-### useWait
-#### 使用全局wait加载组件
-### LinkViewClass
-#### 配合页面表格组件使用的表格配置类
-
-## 新增
-### 补全表格与表单TS类型函数
-##### 因为所有前端项目都是基于JS来进行开发的，目前对所有插件的代码提示支持并不是特别友好，所以组件库暴露了这几种函数来做到类型与代码提示的支持（也是基于IDE的扩展功能来实现的，webstorm与VScode都支持，VScode支持的还更友好，算是某种意义上的曲线救国）。
-
-### useTableColumnParamsType
-#### 返回plain/pro表格的头部配置类型函数
-```javascript
-
-// 分别返回 pro页面表格与plain表格的头部配置
-const {useTypeByPlainTableParams,useTypeByProTableParams} = meixioacomponent.useTableColumnParamsType();
-
-```
-#### 举例
-![图片](assets/IMG_1.png)
-
-### useFormItemParamsType
-#### 返回表单的7种类型的配置类型函数
-```javascript
-//分别返回表单控制的7种类型配置函数  
-const {  
-  // input类型  
-  useTypeByInputFormItem,  
-  // 数字类型  
-  useTypeNumberFormItem,  
-  // 单选框类型  
-  useTypeRadioFormItem,  
-  // 下拉选择框类型  
-  useTypeSelectFormItem,  
-  // 单文件上传类型  
-  useTypeSingleUploadFormItem,  
-  // 时间选择类型  
-  useTypeTimeFormItem,  
-  // 文本域类型  
-  useTypeTextareaFormItem  
-} = meixioacomponent.useFormItemParamsType();
-```
-#### 举例
-![图片](assets/IMG_2.png)
-
-## 组件变更
-
-### base-text 
-#### 修改当类型为money并且数量为0时，由暂无数据变更为¥：0。
-
-## 组件修复
-
-### bsae-guide 
-#### 修复当挂载的组件的不存在时，由渲染变更为直接关闭引导组件。
-#### 修复引导组件底部判断逻辑。
-
-
-
-
-
-
-
-
-
-
+# MEIXiOAComponent 更新公告（0.9.01-ver）
+
+## 变更
+### 升级Cli工具，引入TS
+### 剔除多余代码，打包后大小缩小了200多KB
+
+## 新增
+### 公共函数大部分使用TS进行重构，方便开发时使用。目前支持TS类型的公共函数
+### useImg
+#### 全局预览图片
+### useVIewVIdeo
+#### 全局播放视频
+### useGuide
+#### 全局使用引导组件
+### DynamicMountClass
+#### 函数式挂载Vue组件
+### useWait
+#### 使用全局wait加载组件
+### LinkViewClass
+#### 配合页面表格组件使用的表格配置类
+
+## 新增
+### 补全表格与表单TS类型函数
+##### 因为所有前端项目都是基于JS来进行开发的，目前对所有插件的代码提示支持并不是特别友好，所以组件库暴露了这几种函数来做到类型与代码提示的支持（也是基于IDE的扩展功能来实现的，webstorm与VScode都支持，VScode支持的还更友好，算是某种意义上的曲线救国）。
+
+### useTableColumnParamsType
+#### 返回plain/pro表格的头部配置类型函数
+```javascript
+
+// 分别返回 pro页面表格与plain表格的头部配置
+const {useTypeByPlainTableParams,useTypeByProTableParams} = meixioacomponent.useTableColumnParamsType();
+
+```
+#### 举例
+![图片](assets/IMG_1.png)
+
+### useFormItemParamsType
+#### 返回表单的7种类型的配置类型函数
+```javascript
+//分别返回表单控制的7种类型配置函数  
+const {  
+  // input类型  
+  useTypeByInputFormItem,  
+  // 数字类型  
+  useTypeNumberFormItem,  
+  // 单选框类型  
+  useTypeRadioFormItem,  
+  // 下拉选择框类型  
+  useTypeSelectFormItem,  
+  // 单文件上传类型  
+  useTypeSingleUploadFormItem,  
+  // 时间选择类型  
+  useTypeTimeFormItem,  
+  // 文本域类型  
+  useTypeTextareaFormItem  
+} = meixioacomponent.useFormItemParamsType();
+```
+#### 举例
+![图片](assets/IMG_2.png)
+
+## 组件变更
+
+### base-text 
+#### 修改当类型为money并且数量为0时，由暂无数据变更为¥：0。
+
+## 组件修复
+
+### bsae-guide 
+#### 修复当挂载的组件的不存在时，由渲染变更为直接关闭引导组件。
+#### 修复引导组件底部判断逻辑。
+
+
+
+
+
+
+
+
+
+

package/Meixioacomponent-ver-1.0.82.md

@@ -1,21 +1,21 @@
-# MEIXiOAComponent 更新公告（1.0.82-ver）
-
-## 组件变更
-### proPageTable 
-#### 因业务调整，去除当表格使用isAverageWidth时自动在列最后面插入空白列。
-#### 表格配置json中添加disabledSortable属性，当为true时表格列不再开启排序功能。
-
-## 组件修复
-
-### baseFormWrap 
-#### 修复包含上传组件时，当上传内容发生变更时验证提示内容无法消失的问题。
-
-
-
-
-
-
-
-
-
-
+# MEIXiOAComponent 更新公告（1.0.82-ver）
+
+## 组件变更
+### proPageTable 
+#### 因业务调整，去除当表格使用isAverageWidth时自动在列最后面插入空白列。
+#### 表格配置json中添加disabledSortable属性，当为true时表格列不再开启排序功能。
+
+## 组件修复
+
+### baseFormWrap 
+#### 修复包含上传组件时，当上传内容发生变更时验证提示内容无法消失的问题。
+
+
+
+
+
+
+
+
+
+

package/Meixioacomponent-ver-1.0.84.md

@@ -1,36 +1,36 @@
-# MEIXiOAComponent 更新公告（1.0.85-ver）
-
-## 组件变更
-### 变更拖拽排序插件依赖 
-#### 改用至vuedraggable替代之前的拖拽排序插件，相应的API也有变更，移除以下APi。
-```javascript
-    this.$dragging.$on('dragged', ({ value }) => {
-      // this.onDragEnd(value)
-    })
-```
-#### 同时如果项目中已经存在该插件。
-```javascript
-// 项目根目录的dependencies.json
-{
-  "vuedraggable":"2.24.3" //删除
-}
-
-```
-
-```vue
-<!--如项目内需要使用拖拽排序功能-->
-<!--直接使用即可，无需单独引入-->
-<draggable v-model="dragConfigList" @end="onEnd(module)"></draggable>
-```
-
-
-
-
-
-
-
-
-
-
-
-
+# MEIXiOAComponent 更新公告（1.0.85-ver）
+
+## 组件变更
+### 变更拖拽排序插件依赖 
+#### 改用至vuedraggable替代之前的拖拽排序插件，相应的API也有变更，移除以下APi。
+```javascript
+    this.$dragging.$on('dragged', ({ value }) => {
+      // this.onDragEnd(value)
+    })
+```
+#### 同时如果项目中已经存在该插件。
+```javascript
+// 项目根目录的dependencies.json
+{
+  "vuedraggable":"2.24.3" //删除
+}
+
+```
+
+```vue
+<!--如项目内需要使用拖拽排序功能-->
+<!--直接使用即可，无需单独引入-->
+<draggable v-model="dragConfigList" @end="onEnd(module)"></draggable>
+```
+
+
+
+
+
+
+
+
+
+
+
+

package/Meixioacomponent-ver-1.0.87.md

@@ -1,63 +1,63 @@
-# MEIXiOAComponent 更新公告（1.0.87-ver）
-
-## 组件变更
-### Form表单相关组件（base-form-wrap） 
-#### 1.表单input输入相关（input，number，number2），输入框添加自定义宽度。。
-
-![](/Users/yuri/code_project/meixipackage/meixioacomponent-ts-vue2/updateAssets/1087/截屏2023-08-23 10.10.46.png)
-
-```javascript
-{
-    "label": "自定义名称", 
-    "key": "name",
-    "value": "熙粉AI智能测肤",
-    "type": "input",
-    "width": 300, // 添加自定义宽度避免输入框宽度过长
-    "notice": "测肤功能自定义名称，为空时，默认为熙粉AI智能测肤"
-}
-```
-#### 2.配置项添加notice选项，在表单单条下面添加文字描述。
-```javascript
-{
-        "label": "自定义名称",
-        "key": "name",
-        "value": "熙粉AI智能测肤",
-        "type": "input",
-        "width": 300, // 添加自定义宽度避免输入框宽度过长
-        "notice": "测肤功能自定义名称，为空时，默认为熙粉AI智能测肤"//自定义文字内容
-}
-
-```
-#### 3.配置项添加checkbox选项。
-```javascript
- const config = {
-    label: '检测报告指标',
-    key: 'report',
-    value: ['3', '4', '5', '6', '7'],
-    type: 'checkbox',
-    list: [
-        { label: '皮肤颜色检测', key: '1' },
-        { label: '肤质检测', key: '2' },
-        { label: '衰老分析', key: '3' },
-        { label: '色沉分析', key: '4' },
-        { label: '敏感分析', key: '5' },
-        { label: '痤疮分析', key: '6' },
-        { label: '眼部分析', key: '7' },
-    ],
-};
-
-```
-#### 4.textarea类型去除过滤空格。
-
-
-
-
-
-
-
-
-
-
-
-
-
+# MEIXiOAComponent 更新公告（1.0.87-ver）
+
+## 组件变更
+### Form表单相关组件（base-form-wrap） 
+#### 1.表单input输入相关（input，number，number2），输入框添加自定义宽度。。
+
+![](/Users/yuri/code_project/meixipackage/meixioacomponent-ts-vue2/updateAssets/1087/截屏2023-08-23 10.10.46.png)
+
+```javascript
+{
+    "label": "自定义名称", 
+    "key": "name",
+    "value": "熙粉AI智能测肤",
+    "type": "input",
+    "width": 300, // 添加自定义宽度避免输入框宽度过长
+    "notice": "测肤功能自定义名称，为空时，默认为熙粉AI智能测肤"
+}
+```
+#### 2.配置项添加notice选项，在表单单条下面添加文字描述。
+```javascript
+{
+        "label": "自定义名称",
+        "key": "name",
+        "value": "熙粉AI智能测肤",
+        "type": "input",
+        "width": 300, // 添加自定义宽度避免输入框宽度过长
+        "notice": "测肤功能自定义名称，为空时，默认为熙粉AI智能测肤"//自定义文字内容
+}
+
+```
+#### 3.配置项添加checkbox选项。
+```javascript
+ const config = {
+    label: '检测报告指标',
+    key: 'report',
+    value: ['3', '4', '5', '6', '7'],
+    type: 'checkbox',
+    list: [
+        { label: '皮肤颜色检测', key: '1' },
+        { label: '肤质检测', key: '2' },
+        { label: '衰老分析', key: '3' },
+        { label: '色沉分析', key: '4' },
+        { label: '敏感分析', key: '5' },
+        { label: '痤疮分析', key: '6' },
+        { label: '眼部分析', key: '7' },
+    ],
+};
+
+```
+#### 4.textarea类型去除过滤空格。
+
+
+
+
+
+
+
+
+
+
+
+
+

package/Meixioacomponent-ver-1.0.98.md

@@ -1,41 +1,41 @@
-# MEIXiOAComponent 更新公告（1.0.98-ver）
-## 无需手动更新依赖直接允许meixifrontserve命令启动项目即可
-
-## 组件变更
-### 页面表格（base-pro-table） 
-#### 添加一个props为useSearch。
-
-```javascript
-/**
- * 是否开启搜索
- */
-useSearch: {
-    type: Boolean,
-    default: true,
-}
-
-```
-### 2.base-time-type-select。
-#### 添加一个插槽（footerByLeft）。
-#### 效果见下图
-![](./updateAssets/1098/baseTimeTypeSelect.png)
-```vue
-<div class="time-type-custom-footer-left">
-  <slot name="footerByLeft"></slot>
-</div>
-
-```
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+# MEIXiOAComponent 更新公告（1.0.98-ver）
+## 无需手动更新依赖直接允许meixifrontserve命令启动项目即可
+
+## 组件变更
+### 页面表格（base-pro-table） 
+#### 添加一个props为useSearch。
+
+```javascript
+/**
+ * 是否开启搜索
+ */
+useSearch: {
+    type: Boolean,
+    default: true,
+}
+
+```
+### 2.base-time-type-select。
+#### 添加一个插槽（footerByLeft）。
+#### 效果见下图
+![](./updateAssets/1098/baseTimeTypeSelect.png)
+```vue
+<div class="time-type-custom-footer-left">
+  <slot name="footerByLeft"></slot>
+</div>
+
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+

package/README.md

@@ -1,44 +1,44 @@
-# meixioacomponent
-
-基于ElementUI二次封装的组件库。
-
-## 安装
-```
-npm install meixioacomponent
-
-```
-
-## 项目中使用
-```javascript
-// main.js
-// 导入组件样式表
-import 'meixioacomponent/lib/style/index.less';
-//导入全局vuex
-import store from '@/store';
-//导入全局Vuerouter
-import router from '@/router';
-//导入全局Vue
-import Vue from 'vue';
-// 初始化组件库需要传入store与router
-meixioacomponent.componentConfig.initConfig(store, router);
-//设置上传组件的上传路径
-meixioacomponent.componentConfig.setUploadPrefix(process.env.VUE_APP_UPLOAD_URL);
-//使用meixioa组件
-Vue.use(meixioacomponent);
-
-```
-
-
-
-
-
-
-
-
-
-
-## 打包组件库
-```
-npm run lib
-```
-
+# meixioacomponent
+
+基于ElementUI二次封装的组件库。
+
+## 安装
+```
+npm install meixioacomponent
+
+```
+
+## 项目中使用
+```javascript
+// main.js
+// 导入组件样式表
+import 'meixioacomponent/lib/style/index.less';
+//导入全局vuex
+import store from '@/store';
+//导入全局Vuerouter
+import router from '@/router';
+//导入全局Vue
+import Vue from 'vue';
+// 初始化组件库需要传入store与router
+meixioacomponent.componentConfig.initConfig(store, router);
+//设置上传组件的上传路径
+meixioacomponent.componentConfig.setUploadPrefix(process.env.VUE_APP_UPLOAD_URL);
+//使用meixioa组件
+Vue.use(meixioacomponent);
+
+```
+
+
+
+
+
+
+
+
+
+
+## 打包组件库
+```
+npm run lib
+```
+

package/babel.config.js

@@ -1,14 +1,14 @@
-module.exports = {
-    presets: [
-        '@vue/cli-plugin-babel/preset',
-        ["@babel/preset-env", {"modules": false}]
-    ],
-    plugins: [['@babel/plugin-proposal-optional-chaining'], [
-        "component",
-        {
-            "libraryName": "element-ui",
-            "styleLibraryName": "theme-chalk"
-        }
-    ]
-    ]
-}
+module.exports = {
+    presets: [
+        '@vue/cli-plugin-babel/preset',
+        ["@babel/preset-env", {"modules": false}]
+    ],
+    plugins: [['@babel/plugin-proposal-optional-chaining'], [
+        "component",
+        {
+            "libraryName": "element-ui",
+            "styleLibraryName": "theme-chalk"
+        }
+    ]
+    ]
+}

package/jsconfig.json

@@ -1,19 +1,19 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "esnext",
-    "baseUrl": "./",
-    "moduleResolution": "node",
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
-  }
-}
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}