meixioacomponent 0.2.18 → 0.2.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",
@@ -16,7 +16,6 @@
     "dayjs": "^1.11.3",
     "element-ui": "^2.15.6",
     "gulp": "^4.0.0",
-    "js-md5": "^0.7.3",
     "register-service-worker": "^1.7.1",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
@@ -29,6 +28,7 @@
     "@vue/cli-plugin-router": "~4.5.13",
     "@vue/cli-plugin-vuex": "~4.5.13",
     "@vue/cli-service": "~4.5.13",
+    "babel-plugin-component": "^1.1.1",
     "less": "^3.0.4",
     "less-loader": "^5.0.0",
     "vue-template-compiler": "^2.6.11"

package/packages/components/base/baseArea/baseArea.vue

@@ -376,6 +376,10 @@ export default {
   },
   watch: {
     module(newVal, oldVal) {
+      if (!newVal) {
+        this.areaValue=[];
+        return;
+      }
       if (this.$parent.$options._componentTag == "el-form-item") {
         this.init();
       }

package/packages/config/componentConfig.js

@@ -1,4 +1,5 @@
 import Vue from "vue";
+import { useElementComponent } from "./useElement";
 import selectStore from "./storeModule/selectStore";
 const componentConfig = {
   store: null,
@@ -12,6 +13,8 @@ const componentConfig = {
   },
 
   initConfig: (_store, _router) => {
+    // 注册element 组件
+    useElementComponent();
     // 动态注册vuex modules
     _store.registerModule("selectStore", selectStore);
     // 注册vuex里面selectStore管理类

package/packages/config/useElement.js

@@ -0,0 +1,122 @@
+import Vue from "vue";
+import {
+  Pagination,
+  Dialog,
+  Autocomplete,
+  Dropdown,
+  DropdownMenu,
+  DropdownItem,
+  Menu,
+  Submenu,
+  MenuItem,
+  MenuItemGroup,
+  Input,
+  InputNumber,
+  Radio,
+  RadioGroup,
+  RadioButton,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  Switch,
+  Select,
+  Option,
+  OptionGroup,
+  Button,
+  Table,
+  TableColumn,
+  DatePicker,
+  TimeSelect,
+  TimePicker,
+  Popover,
+  Tooltip,
+  Breadcrumb,
+  BreadcrumbItem,
+  Form,
+  FormItem,
+  Tabs,
+  TabPane,
+  Tag,
+  Tree,
+  Alert,
+  Slider,
+  Spinner,
+  Badge,
+  Steps,
+  Step,
+  Cascader,
+  ColorPicker,
+  Transfer,
+  Calendar,
+  CascaderPanel,
+  Loading,
+  MessageBox,
+  Message,
+  Card,
+  Drawer,
+} from "element-ui";
+
+export const useElementComponent = () => {
+  let elementComponentList = [
+    Pagination,
+    Dialog,
+    Autocomplete,
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    Menu,
+    Submenu,
+    MenuItem,
+    MenuItemGroup,
+    Input,
+    InputNumber,
+    Radio,
+    RadioGroup,
+    RadioButton,
+    Checkbox,
+    CheckboxButton,
+    CheckboxGroup,
+    Switch,
+    Select,
+    Option,
+    OptionGroup,
+    Button,
+    Table,
+    TableColumn,
+    DatePicker,
+    TimeSelect,
+    TimePicker,
+    Popover,
+    Tooltip,
+    Breadcrumb,
+    BreadcrumbItem,
+    Form,
+    FormItem,
+    Tabs,
+    TabPane,
+    Tag,
+    Tree,
+    Alert,
+    Slider,
+    Spinner,
+    Badge,
+    Steps,
+    Step,
+    Cascader,
+    ColorPicker,
+    Transfer,
+    Calendar,
+    CascaderPanel,
+    Loading,
+    Card,
+    Drawer,
+  ];
+  elementComponentList.forEach((item) => {
+    Vue.use(item);
+  });
+  //   解决刷新自动调用这两个组件
+  Vue.prototype.$message = Message;
+  Vue.prototype.$messagebox = MessageBox;
+  // 通过函数调用messageBox的confirm方法
+  Vue.prototype.$confirm = MessageBox.confirm;
+};