mic-org 1.0.9 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +16 -5
  2. package/dist/mic.css +1 -1
  3. package/dist/mic.es.js +658 -266
  4. package/dist/mic.umd.js +2 -2
  5. package/package.json +1 -1
  6. package/src/styles/mic-variable.scss +1 -7
package/README.md CHANGED
@@ -9,15 +9,24 @@
9
9
  ## 组件输出
10
10
  | Component | Description |
11
11
  | -------------- | ----------- |
12
- | mic-layout | 用于整体布局 |
13
12
  | mic-search | 搜索项的框架 |
14
13
  | mic-vac | 搜索项的空白项 |
15
14
  | mic-select | 搜索项的选择项 |
16
15
  | mic-input | 搜索项的输入项 |
17
16
  | mic-date | 搜索项的日期项 |
17
+ | mic-table | 表格数据组件 |
18
+ | mic-dialog | 弹窗form表单组件 |
18
19
 
19
20
  ---------------------------------
20
21
 
22
+ ## 组件相关方法
23
+
24
+
25
+
26
+
27
+
28
+
29
+
21
30
  ## 方法输出
22
31
  | Function | Description |
23
32
  | -------------- | ----------- |
@@ -26,6 +35,7 @@
26
35
  | isType | 校验是否指定类型 mic.isType('aaa','String') == true |
27
36
  | capital | 将金额转为汉字金额 mic.capital(321.32) 输出 “叁佰贰拾壹元贰角壹分” |
28
37
  | load | 用于自定义全局/或者局部loading |
38
+ | equal | 校验两个对象内容是否完全一致 |
29
39
 
30
40
  ---------------------------------
31
41
 
@@ -34,7 +44,6 @@
34
44
  | -------------- | ----------- |
35
45
  | equal | 校验数组(子集为普通对象)中,指定的字段的值是否一致 |
36
46
  | deepIncludes | 校验数组(子集为普通对象)中,是否包含某个字段对应的值 |
37
- | noRepeat | 数组去重，可以指定(子集为普通对象)中的字段进行数组的去重 |
38
47
 
39
48
  ---------------------------------
40
49
 
@@ -60,9 +69,9 @@ npm install mic-org
60
69
  ``` main.js
61
70
 
62
71
  import 'mic-org/dist/index.css'; // 组件样式
63
- import mic from 'mic-org'; // 组件全局导入
72
+ import Mic from 'mic-org'; // 组件全局导入
64
73
 
65
- app.use(mic);
74
+ app.use(Mic);
66
75
 
67
76
  ```
68
77
 
@@ -80,4 +89,6 @@ import 'mic-org/css/variable.scss'; // 可使用mic-org中定义的sass变量
80
89
 
81
90
  ## 版本
82
91
 
83
- 1.0.9 -- 1.修复mix-date组件样式
92
+ 1.1.1 -- 1.增加mic-table组件
93
+ -- 2.增加mic-dialog组件
94
+ -- 3.增加equal方法
package/dist/mic.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--mic-search-color:#333;--mic-search-background:#fff;--mic-search-interval:1px solid #ddd;--mic-menu-width:200px;--mic-header-height:60px;--mic-footer-height:40px}.f-10[data-v-6f314cc0]{font-size:10px}.f-11[data-v-6f314cc0]{font-size:11px}.f-12[data-v-6f314cc0]{font-size:12px}.f-13[data-v-6f314cc0]{font-size:13px}.f-14[data-v-6f314cc0]{font-size:14px}.f-15[data-v-6f314cc0]{font-size:15px}.f-16[data-v-6f314cc0]{font-size:16px}.f-17[data-v-6f314cc0]{font-size:17px}.f-18[data-v-6f314cc0]{font-size:18px}.f-19[data-v-6f314cc0]{font-size:19px}.f-20[data-v-6f314cc0]{font-size:20px}.f-21[data-v-6f314cc0]{font-size:21px}.f-22[data-v-6f314cc0]{font-size:22px}.f-23[data-v-6f314cc0]{font-size:23px}.f-24[data-v-6f314cc0]{font-size:24px}.f-25[data-v-6f314cc0]{font-size:25px}.f-26[data-v-6f314cc0]{font-size:26px}.f-27[data-v-6f314cc0]{font-size:27px}.f-28[data-v-6f314cc0]{font-size:28px}.f-29[data-v-6f314cc0]{font-size:29px}.f-30[data-v-6f314cc0]{font-size:30px}.f-31[data-v-6f314cc0]{font-size:31px}.f-32[data-v-6f314cc0]{font-size:32px}.f-33[data-v-6f314cc0]{font-size:33px}.f-34[data-v-6f314cc0]{font-size:34px}.f-35[data-v-6f314cc0]{font-size:35px}.f-36[data-v-6f314cc0]{font-size:36px}.f-37[data-v-6f314cc0]{font-size:37px}.f-38[data-v-6f314cc0]{font-size:38px}.f-39[data-v-6f314cc0]{font-size:39px}.f-40[data-v-6f314cc0]{font-size:40px}.f-41[data-v-6f314cc0]{font-size:41px}.f-42[data-v-6f314cc0]{font-size:42px}.f-43[data-v-6f314cc0]{font-size:43px}.f-44[data-v-6f314cc0]{font-size:44px}.f-45[data-v-6f314cc0]{font-size:45px}.f-46[data-v-6f314cc0]{font-size:46px}.f-47[data-v-6f314cc0]{font-size:47px}.f-48[data-v-6f314cc0]{font-size:48px}.f-49[data-v-6f314cc0]{font-size:49px}.f-50[data-v-6f314cc0]{font-size:50px}.f-51[data-v-6f314cc0]{font-size:51px}.f-52[data-v-6f314cc0]{font-size:52px}.f-53[data-v-6f314cc0]{font-size:53px}.f-54[data-v-6f314cc0]{font-size:54px}.f-55[data-v-6f314cc0]{font-size:55px}.f-56[data-v-6f314cc0]{font-size:56px}.f-57[data-v-6f314cc0]{font-size:57px}.f-58[data-v-6f314cc0]{font-size:58px}.f-59[data-v-6f314cc0]{font-size:59px}.f-60[data-v-6f314cc0]{font-size:60px}.mic-date[data-v-6f314cc0]{box-sizing:border-box;width:100%;height:100%;border-radius:4px;overflow:hidden;background-color:var(--mic-search-background);display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.mic-date-left[data-v-6f314cc0]{height:70%;border-right:var(--mic-search-interval);color:var(--mic-search-color);padding:0 6px;line-height:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.mic-date-right[data-v-6f314cc0]{flex:1}.mic-date[data-v-6f314cc0] .el-date-editor{width:100%!important;height:100%!important}.mic-date[data-v-6f314cc0] .el-range__icon,.mic-date[data-v-6f314cc0] .el-input__prefix{display:none}.mic-date[data-v-6f314cc0] .is-focus{box-shadow:none!important}.f-10[data-v-d35be4c9]{font-size:10px}.f-11[data-v-d35be4c9]{font-size:11px}.f-12[data-v-d35be4c9]{font-size:12px}.f-13[data-v-d35be4c9]{font-size:13px}.f-14[data-v-d35be4c9]{font-size:14px}.f-15[data-v-d35be4c9]{font-size:15px}.f-16[data-v-d35be4c9]{font-size:16px}.f-17[data-v-d35be4c9]{font-size:17px}.f-18[data-v-d35be4c9]{font-size:18px}.f-19[data-v-d35be4c9]{font-size:19px}.f-20[data-v-d35be4c9]{font-size:20px}.f-21[data-v-d35be4c9]{font-size:21px}.f-22[data-v-d35be4c9]{font-size:22px}.f-23[data-v-d35be4c9]{font-size:23px}.f-24[data-v-d35be4c9]{font-size:24px}.f-25[data-v-d35be4c9]{font-size:25px}.f-26[data-v-d35be4c9]{font-size:26px}.f-27[data-v-d35be4c9]{font-size:27px}.f-28[data-v-d35be4c9]{font-size:28px}.f-29[data-v-d35be4c9]{font-size:29px}.f-30[data-v-d35be4c9]{font-size:30px}.f-31[data-v-d35be4c9]{font-size:31px}.f-32[data-v-d35be4c9]{font-size:32px}.f-33[data-v-d35be4c9]{font-size:33px}.f-34[data-v-d35be4c9]{font-size:34px}.f-35[data-v-d35be4c9]{font-size:35px}.f-36[data-v-d35be4c9]{font-size:36px}.f-37[data-v-d35be4c9]{font-size:37px}.f-38[data-v-d35be4c9]{font-size:38px}.f-39[data-v-d35be4c9]{font-size:39px}.f-40[data-v-d35be4c9]{font-size:40px}.f-41[data-v-d35be4c9]{font-size:41px}.f-42[data-v-d35be4c9]{font-size:42px}.f-43[data-v-d35be4c9]{font-size:43px}.f-44[data-v-d35be4c9]{font-size:44px}.f-45[data-v-d35be4c9]{font-size:45px}.f-46[data-v-d35be4c9]{font-size:46px}.f-47[data-v-d35be4c9]{font-size:47px}.f-48[data-v-d35be4c9]{font-size:48px}.f-49[data-v-d35be4c9]{font-size:49px}.f-50[data-v-d35be4c9]{font-size:50px}.f-51[data-v-d35be4c9]{font-size:51px}.f-52[data-v-d35be4c9]{font-size:52px}.f-53[data-v-d35be4c9]{font-size:53px}.f-54[data-v-d35be4c9]{font-size:54px}.f-55[data-v-d35be4c9]{font-size:55px}.f-56[data-v-d35be4c9]{font-size:56px}.f-57[data-v-d35be4c9]{font-size:57px}.f-58[data-v-d35be4c9]{font-size:58px}.f-59[data-v-d35be4c9]{font-size:59px}.f-60[data-v-d35be4c9]{font-size:60px}.mic-input[data-v-d35be4c9]{box-sizing:border-box;width:100%;height:100%;border-radius:4px;overflow:hidden;background-color:var(--mic-search-background);display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.mic-input-left[data-v-d35be4c9]{height:70%;border-right:var(--mic-search-interval);color:var(--mic-search-color);padding:0 6px;line-height:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.mic-input-right[data-v-d35be4c9]{flex:1}.mic-input[data-v-d35be4c9] .el-input{width:100%!important;height:100%!important}.mic-input[data-v-d35be4c9] .el-input__wrapper{box-shadow:none;padding:1px 6px}.mic-input[data-v-d35be4c9] .el-input-group__append{border:none;background:none;box-shadow:none}.mic-input[data-v-d35be4c9] .el-input.is-disabled .el-input__wrapper{background:none}.mic-layout[data-v-9993530d]{display:grid;background-color:#f1f2f6;grid-template-columns:var(--mic-menu-width) calc(100vw - var(--mic-menu-width));grid-template-rows:var(--mic-header-height) calc(100vh - var(--mic-header-height) - var(--mic-footer-height)) var(--mic-footer-height);grid-template-areas:"header header" "menu contain" "menu footer"}.mic-layout-header[data-v-9993530d]{grid-area:header}.mic-layout-contain[data-v-9993530d]{grid-area:contain;overflow:auto}.mic-layout-menu[data-v-9993530d]{grid-area:menu;overflow:auto}.mic-layout-footer[data-v-9993530d]{grid-area:footer}.mic-search-box[data-v-9003d058]{width:100%;display:grid;grid-gap:14px 12px;grid-auto-rows:34px;grid-auto-flow:row dense}.f-10[data-v-fb2f025a]{font-size:10px}.f-11[data-v-fb2f025a]{font-size:11px}.f-12[data-v-fb2f025a]{font-size:12px}.f-13[data-v-fb2f025a]{font-size:13px}.f-14[data-v-fb2f025a]{font-size:14px}.f-15[data-v-fb2f025a]{font-size:15px}.f-16[data-v-fb2f025a]{font-size:16px}.f-17[data-v-fb2f025a]{font-size:17px}.f-18[data-v-fb2f025a]{font-size:18px}.f-19[data-v-fb2f025a]{font-size:19px}.f-20[data-v-fb2f025a]{font-size:20px}.f-21[data-v-fb2f025a]{font-size:21px}.f-22[data-v-fb2f025a]{font-size:22px}.f-23[data-v-fb2f025a]{font-size:23px}.f-24[data-v-fb2f025a]{font-size:24px}.f-25[data-v-fb2f025a]{font-size:25px}.f-26[data-v-fb2f025a]{font-size:26px}.f-27[data-v-fb2f025a]{font-size:27px}.f-28[data-v-fb2f025a]{font-size:28px}.f-29[data-v-fb2f025a]{font-size:29px}.f-30[data-v-fb2f025a]{font-size:30px}.f-31[data-v-fb2f025a]{font-size:31px}.f-32[data-v-fb2f025a]{font-size:32px}.f-33[data-v-fb2f025a]{font-size:33px}.f-34[data-v-fb2f025a]{font-size:34px}.f-35[data-v-fb2f025a]{font-size:35px}.f-36[data-v-fb2f025a]{font-size:36px}.f-37[data-v-fb2f025a]{font-size:37px}.f-38[data-v-fb2f025a]{font-size:38px}.f-39[data-v-fb2f025a]{font-size:39px}.f-40[data-v-fb2f025a]{font-size:40px}.f-41[data-v-fb2f025a]{font-size:41px}.f-42[data-v-fb2f025a]{font-size:42px}.f-43[data-v-fb2f025a]{font-size:43px}.f-44[data-v-fb2f025a]{font-size:44px}.f-45[data-v-fb2f025a]{font-size:45px}.f-46[data-v-fb2f025a]{font-size:46px}.f-47[data-v-fb2f025a]{font-size:47px}.f-48[data-v-fb2f025a]{font-size:48px}.f-49[data-v-fb2f025a]{font-size:49px}.f-50[data-v-fb2f025a]{font-size:50px}.f-51[data-v-fb2f025a]{font-size:51px}.f-52[data-v-fb2f025a]{font-size:52px}.f-53[data-v-fb2f025a]{font-size:53px}.f-54[data-v-fb2f025a]{font-size:54px}.f-55[data-v-fb2f025a]{font-size:55px}.f-56[data-v-fb2f025a]{font-size:56px}.f-57[data-v-fb2f025a]{font-size:57px}.f-58[data-v-fb2f025a]{font-size:58px}.f-59[data-v-fb2f025a]{font-size:59px}.f-60[data-v-fb2f025a]{font-size:60px}.mic-select[data-v-fb2f025a]{box-sizing:border-box;width:100%;height:100%;border-radius:4px;overflow:hidden;background-color:var(--mic-search-background);display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.mic-select-left[data-v-fb2f025a]{height:70%;border-right:var(--mic-search-interval);color:var(--mic-search-color);padding:0 6px;line-height:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.mic-select-right[data-v-fb2f025a]{flex:1}.mic-select[data-v-fb2f025a] .el-select{width:100%!important;height:100%!important}.mic-select[data-v-fb2f025a] .el-select__wrapper{box-shadow:none;padding:1px 6px}.mic-select[data-v-fb2f025a] .is-focus,.mic-select[data-v-fb2f025a] .is-hovering{box-shadow:none!important}.f-10[data-v-101c3479]{font-size:10px}.f-11[data-v-101c3479]{font-size:11px}.f-12[data-v-101c3479]{font-size:12px}.f-13[data-v-101c3479]{font-size:13px}.f-14[data-v-101c3479]{font-size:14px}.f-15[data-v-101c3479]{font-size:15px}.f-16[data-v-101c3479]{font-size:16px}.f-17[data-v-101c3479]{font-size:17px}.f-18[data-v-101c3479]{font-size:18px}.f-19[data-v-101c3479]{font-size:19px}.f-20[data-v-101c3479]{font-size:20px}.f-21[data-v-101c3479]{font-size:21px}.f-22[data-v-101c3479]{font-size:22px}.f-23[data-v-101c3479]{font-size:23px}.f-24[data-v-101c3479]{font-size:24px}.f-25[data-v-101c3479]{font-size:25px}.f-26[data-v-101c3479]{font-size:26px}.f-27[data-v-101c3479]{font-size:27px}.f-28[data-v-101c3479]{font-size:28px}.f-29[data-v-101c3479]{font-size:29px}.f-30[data-v-101c3479]{font-size:30px}.f-31[data-v-101c3479]{font-size:31px}.f-32[data-v-101c3479]{font-size:32px}.f-33[data-v-101c3479]{font-size:33px}.f-34[data-v-101c3479]{font-size:34px}.f-35[data-v-101c3479]{font-size:35px}.f-36[data-v-101c3479]{font-size:36px}.f-37[data-v-101c3479]{font-size:37px}.f-38[data-v-101c3479]{font-size:38px}.f-39[data-v-101c3479]{font-size:39px}.f-40[data-v-101c3479]{font-size:40px}.f-41[data-v-101c3479]{font-size:41px}.f-42[data-v-101c3479]{font-size:42px}.f-43[data-v-101c3479]{font-size:43px}.f-44[data-v-101c3479]{font-size:44px}.f-45[data-v-101c3479]{font-size:45px}.f-46[data-v-101c3479]{font-size:46px}.f-47[data-v-101c3479]{font-size:47px}.f-48[data-v-101c3479]{font-size:48px}.f-49[data-v-101c3479]{font-size:49px}.f-50[data-v-101c3479]{font-size:50px}.f-51[data-v-101c3479]{font-size:51px}.f-52[data-v-101c3479]{font-size:52px}.f-53[data-v-101c3479]{font-size:53px}.f-54[data-v-101c3479]{font-size:54px}.f-55[data-v-101c3479]{font-size:55px}.f-56[data-v-101c3479]{font-size:56px}.f-57[data-v-101c3479]{font-size:57px}.f-58[data-v-101c3479]{font-size:58px}.f-59[data-v-101c3479]{font-size:59px}.f-60[data-v-101c3479]{font-size:60px}.mic-vac[data-v-101c3479]{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}
1
+ @charset "UTF-8";:root{--mic-theme-color:#005eba;--mic-search-color:#333;--mic-search-background:#fff;--mic-search-interval:1px solid #ddd}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mic-loader{animation:spin 2s linear infinite}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes custom-spin-move{to{opacity:1}}.circular{display:inline;height:30px;width:30px;animation:loading-rotate 2s linear infinite}.loading-path .dot1{transform:translate(3.75px,3.75px);fill:var(--mic-theme-color);animation:custom-spin-move 1s infinite linear alternate;opacity:.3}.loading-path .dot2{transform:translate(calc(100% - 3.75px),3.75px);fill:var(--mic-theme-color);animation:custom-spin-move 1s infinite linear alternate;opacity:.3;animation-delay:.4s}.loading-path .dot3{transform:translate(3.75px,calc(100% - 3.75px));fill:var(--mic-theme-color);animation:custom-spin-move 1s infinite linear alternate;opacity:.3;animation-delay:1.2s}.loading-path .dot4{transform:translate(calc(100% - 3.75px),calc(100% - 3.75px));fill:var(--mic-theme-color);animation:custom-spin-move 1s infinite linear alternate;opacity:.3;animation-delay:.8s}.mic-search-box{width:100%;display:grid;grid-gap:14px 12px;grid-auto-rows:34px;grid-auto-flow:row dense}.mic-search-vac{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.mic-search-item{width:100%;height:100%;border-radius:4px;overflow:hidden;background-color:var(--mic-search-background);display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.mic-search-item-left{height:70%;border-right:var(--mic-search-interval);color:var(--mic-search-color);padding:0 6px;line-height:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.mic-search-item-right{flex:1}.mic-search-item .el-date-editor,.mic-search-item .el-input,.mic-search-item .el-select{width:100%!important;height:100%!important}.mic-search-item .el-input__wrapper,.mic-search-item .el-select__wrapper{box-shadow:none;padding:1px 6px}.mic-search-item .el-input-group__append{border:none;background:none;box-shadow:none}.mic-search-item .el-input.is-disabled .el-input__wrapper{background:none}.mic-search-item .el-range__icon,.mic-search-item .el-input__prefix{display:none}.mic-search-item .is-focus,.mic-search-item .is-hovering{box-shadow:none!important}.mic-table{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:#fff}.mic-table-button{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mic-table-button-left,.mic-table-button-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.mic-table-button-left .el-button+.el-button,.mic-table-button-right .el-button+.el-button{margin:0!important}.mic-table-cont{margin-top:10px;width:100%}.mic-table-page{width:100%;margin-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mic-table-page .el-pager .number{border:1px solid #fff;margin-left:10px}.mic-table-page .el-pager .number:last-child{margin-right:10px}.mic-table-page .el-pager .active{border:1px solid #005eba!important;color:#005eba!important}.mic-dialog-module{position:relative;padding-left:12px;font-size:16px;font-weight:700;margin-bottom:10px}.mic-dialog-module:before{content:"";width:4px;height:18px;border-radius:2px;background-color:#1a6bf3;position:absolute;left:0;top:2px}