mic-org 1.0.0

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 (7) hide show
  1. package/README.md +58 -0
  2. package/dist/mic.css +1 -0
  3. package/dist/mic.es.js +288 -0
  4. package/dist/mic.umd.js +2 -0
  5. package/package.json +105 -0
  6. package/src/index.d.ts +17 -0
  7. package/src/styles/mic-variable.scss +29 -0
package/README.md ADDED
@@ -0,0 +1,58 @@
1
+ # market-integrate-component
2
+
3
+ **简称：mic**
4
+
5
+ ---------------------------------
6
+
7
+ > 仅限于 vue3 + vite +element-plus + sass 工程中
8
+ > 因为部分组件以及样式有调用
9
+
10
+ ---------------------------------
11
+ ## 组件输出
12
+
13
+ | Component | Description |
14
+ | -------------- | ----------- |
15
+ | mic-layout | 用于整体布局 |
16
+ | mic-search | 搜索项的框架 |
17
+ | mic-vac | 搜索项的空白项 |
18
+ | mic-select | 搜索项的选择项 |
19
+ | mic-input | 搜索项的输入项 |
20
+ | mic-date | 搜索项的日期项 |
21
+
22
+ ---------------------------------
23
+
24
+ ## 方法输出
25
+
26
+ | Function | Description |
27
+ | -------------- | ----------- |
28
+ | Mic_Reset | 用于重置对象中的内容 |
29
+ | Mic_Check | 用于校验数据类型 |
30
+
31
+ ---------------------------------
32
+
33
+ ## npm引用
34
+
35
+ ``` text
36
+
37
+ npm install mic@latest
38
+
39
+ ```
40
+
41
+ ---------------------------------
42
+
43
+ ## 工程导入
44
+
45
+ ``` main.js
46
+
47
+ import 'mic/dist/index.css'; // 组件样式
48
+ import mic from 'mic'; // 组件全局导入
49
+
50
+ app.use(mic);
51
+
52
+ ```
53
+
54
+ ``` other.js
55
+
56
+ import { Mic_Reset, Mic_Check } from 'mic'; // 方法导入
57
+
58
+ ```
package/dist/mic.css ADDED
@@ -0,0 +1 @@
1
+ @charset "UTF-8";.f-10[data-v-ac34d8d5]{font-size:10px}.f-11[data-v-ac34d8d5]{font-size:11px}.f-12[data-v-ac34d8d5]{font-size:12px}.f-13[data-v-ac34d8d5]{font-size:13px}.f-14[data-v-ac34d8d5]{font-size:14px}.f-15[data-v-ac34d8d5]{font-size:15px}.f-16[data-v-ac34d8d5]{font-size:16px}.f-17[data-v-ac34d8d5]{font-size:17px}.f-18[data-v-ac34d8d5]{font-size:18px}.f-19[data-v-ac34d8d5]{font-size:19px}.f-20[data-v-ac34d8d5]{font-size:20px}.f-21[data-v-ac34d8d5]{font-size:21px}.f-22[data-v-ac34d8d5]{font-size:22px}.f-23[data-v-ac34d8d5]{font-size:23px}.f-24[data-v-ac34d8d5]{font-size:24px}.f-25[data-v-ac34d8d5]{font-size:25px}.f-26[data-v-ac34d8d5]{font-size:26px}.f-27[data-v-ac34d8d5]{font-size:27px}.f-28[data-v-ac34d8d5]{font-size:28px}.f-29[data-v-ac34d8d5]{font-size:29px}.f-30[data-v-ac34d8d5]{font-size:30px}.f-31[data-v-ac34d8d5]{font-size:31px}.f-32[data-v-ac34d8d5]{font-size:32px}.f-33[data-v-ac34d8d5]{font-size:33px}.f-34[data-v-ac34d8d5]{font-size:34px}.f-35[data-v-ac34d8d5]{font-size:35px}.f-36[data-v-ac34d8d5]{font-size:36px}.f-37[data-v-ac34d8d5]{font-size:37px}.f-38[data-v-ac34d8d5]{font-size:38px}.f-39[data-v-ac34d8d5]{font-size:39px}.f-40[data-v-ac34d8d5]{font-size:40px}.f-41[data-v-ac34d8d5]{font-size:41px}.f-42[data-v-ac34d8d5]{font-size:42px}.f-43[data-v-ac34d8d5]{font-size:43px}.f-44[data-v-ac34d8d5]{font-size:44px}.f-45[data-v-ac34d8d5]{font-size:45px}.f-46[data-v-ac34d8d5]{font-size:46px}.f-47[data-v-ac34d8d5]{font-size:47px}.f-48[data-v-ac34d8d5]{font-size:48px}.f-49[data-v-ac34d8d5]{font-size:49px}.f-50[data-v-ac34d8d5]{font-size:50px}.f-51[data-v-ac34d8d5]{font-size:51px}.f-52[data-v-ac34d8d5]{font-size:52px}.f-53[data-v-ac34d8d5]{font-size:53px}.f-54[data-v-ac34d8d5]{font-size:54px}.f-55[data-v-ac34d8d5]{font-size:55px}.f-56[data-v-ac34d8d5]{font-size:56px}.f-57[data-v-ac34d8d5]{font-size:57px}.f-58[data-v-ac34d8d5]{font-size:58px}.f-59[data-v-ac34d8d5]{font-size:59px}.f-60[data-v-ac34d8d5]{font-size:60px}.mic-date[data-v-ac34d8d5]{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-ac34d8d5]{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-ac34d8d5]{flex:1}.mic-date[data-v-ac34d8d5] .el-input{width:100%!important;height:100%!important}.mic-date[data-v-ac34d8d5] .el-input__wrapper{box-shadow:none;padding:1px 6px}.mic-date[data-v-ac34d8d5] .el-input__prefix{display:none}.mic-date[data-v-ac34d8d5] .is-focus{box-shadow:none!important}.f-10[data-v-30fa09d0]{font-size:10px}.f-11[data-v-30fa09d0]{font-size:11px}.f-12[data-v-30fa09d0]{font-size:12px}.f-13[data-v-30fa09d0]{font-size:13px}.f-14[data-v-30fa09d0]{font-size:14px}.f-15[data-v-30fa09d0]{font-size:15px}.f-16[data-v-30fa09d0]{font-size:16px}.f-17[data-v-30fa09d0]{font-size:17px}.f-18[data-v-30fa09d0]{font-size:18px}.f-19[data-v-30fa09d0]{font-size:19px}.f-20[data-v-30fa09d0]{font-size:20px}.f-21[data-v-30fa09d0]{font-size:21px}.f-22[data-v-30fa09d0]{font-size:22px}.f-23[data-v-30fa09d0]{font-size:23px}.f-24[data-v-30fa09d0]{font-size:24px}.f-25[data-v-30fa09d0]{font-size:25px}.f-26[data-v-30fa09d0]{font-size:26px}.f-27[data-v-30fa09d0]{font-size:27px}.f-28[data-v-30fa09d0]{font-size:28px}.f-29[data-v-30fa09d0]{font-size:29px}.f-30[data-v-30fa09d0]{font-size:30px}.f-31[data-v-30fa09d0]{font-size:31px}.f-32[data-v-30fa09d0]{font-size:32px}.f-33[data-v-30fa09d0]{font-size:33px}.f-34[data-v-30fa09d0]{font-size:34px}.f-35[data-v-30fa09d0]{font-size:35px}.f-36[data-v-30fa09d0]{font-size:36px}.f-37[data-v-30fa09d0]{font-size:37px}.f-38[data-v-30fa09d0]{font-size:38px}.f-39[data-v-30fa09d0]{font-size:39px}.f-40[data-v-30fa09d0]{font-size:40px}.f-41[data-v-30fa09d0]{font-size:41px}.f-42[data-v-30fa09d0]{font-size:42px}.f-43[data-v-30fa09d0]{font-size:43px}.f-44[data-v-30fa09d0]{font-size:44px}.f-45[data-v-30fa09d0]{font-size:45px}.f-46[data-v-30fa09d0]{font-size:46px}.f-47[data-v-30fa09d0]{font-size:47px}.f-48[data-v-30fa09d0]{font-size:48px}.f-49[data-v-30fa09d0]{font-size:49px}.f-50[data-v-30fa09d0]{font-size:50px}.f-51[data-v-30fa09d0]{font-size:51px}.f-52[data-v-30fa09d0]{font-size:52px}.f-53[data-v-30fa09d0]{font-size:53px}.f-54[data-v-30fa09d0]{font-size:54px}.f-55[data-v-30fa09d0]{font-size:55px}.f-56[data-v-30fa09d0]{font-size:56px}.f-57[data-v-30fa09d0]{font-size:57px}.f-58[data-v-30fa09d0]{font-size:58px}.f-59[data-v-30fa09d0]{font-size:59px}.f-60[data-v-30fa09d0]{font-size:60px}.mic-input[data-v-30fa09d0]{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-30fa09d0]{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-30fa09d0]{flex:1}.mic-input[data-v-30fa09d0] .el-input{width:100%!important;height:100%!important}.mic-input[data-v-30fa09d0] .el-input__wrapper{box-shadow:none;padding:1px 6px}.mic-layout[data-v-ff1131cd]{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-ff1131cd]{grid-area:header}.mic-layout-contain[data-v-ff1131cd]{grid-area:contain;overflow:auto}.mic-layout-menu[data-v-ff1131cd]{grid-area:menu;overflow:auto}.mic-layout-footer[data-v-ff1131cd]{grid-area:footer}.mic-search-box[data-v-8e9ffcfe]{width:100%;display:grid;grid-template-columns:repeat(4,calc(25% - 9px));grid-gap:14px 12px;grid-auto-rows:34px;grid-auto-flow:row dense}.f-10[data-v-942ec4f5]{font-size:10px}.f-11[data-v-942ec4f5]{font-size:11px}.f-12[data-v-942ec4f5]{font-size:12px}.f-13[data-v-942ec4f5]{font-size:13px}.f-14[data-v-942ec4f5]{font-size:14px}.f-15[data-v-942ec4f5]{font-size:15px}.f-16[data-v-942ec4f5]{font-size:16px}.f-17[data-v-942ec4f5]{font-size:17px}.f-18[data-v-942ec4f5]{font-size:18px}.f-19[data-v-942ec4f5]{font-size:19px}.f-20[data-v-942ec4f5]{font-size:20px}.f-21[data-v-942ec4f5]{font-size:21px}.f-22[data-v-942ec4f5]{font-size:22px}.f-23[data-v-942ec4f5]{font-size:23px}.f-24[data-v-942ec4f5]{font-size:24px}.f-25[data-v-942ec4f5]{font-size:25px}.f-26[data-v-942ec4f5]{font-size:26px}.f-27[data-v-942ec4f5]{font-size:27px}.f-28[data-v-942ec4f5]{font-size:28px}.f-29[data-v-942ec4f5]{font-size:29px}.f-30[data-v-942ec4f5]{font-size:30px}.f-31[data-v-942ec4f5]{font-size:31px}.f-32[data-v-942ec4f5]{font-size:32px}.f-33[data-v-942ec4f5]{font-size:33px}.f-34[data-v-942ec4f5]{font-size:34px}.f-35[data-v-942ec4f5]{font-size:35px}.f-36[data-v-942ec4f5]{font-size:36px}.f-37[data-v-942ec4f5]{font-size:37px}.f-38[data-v-942ec4f5]{font-size:38px}.f-39[data-v-942ec4f5]{font-size:39px}.f-40[data-v-942ec4f5]{font-size:40px}.f-41[data-v-942ec4f5]{font-size:41px}.f-42[data-v-942ec4f5]{font-size:42px}.f-43[data-v-942ec4f5]{font-size:43px}.f-44[data-v-942ec4f5]{font-size:44px}.f-45[data-v-942ec4f5]{font-size:45px}.f-46[data-v-942ec4f5]{font-size:46px}.f-47[data-v-942ec4f5]{font-size:47px}.f-48[data-v-942ec4f5]{font-size:48px}.f-49[data-v-942ec4f5]{font-size:49px}.f-50[data-v-942ec4f5]{font-size:50px}.f-51[data-v-942ec4f5]{font-size:51px}.f-52[data-v-942ec4f5]{font-size:52px}.f-53[data-v-942ec4f5]{font-size:53px}.f-54[data-v-942ec4f5]{font-size:54px}.f-55[data-v-942ec4f5]{font-size:55px}.f-56[data-v-942ec4f5]{font-size:56px}.f-57[data-v-942ec4f5]{font-size:57px}.f-58[data-v-942ec4f5]{font-size:58px}.f-59[data-v-942ec4f5]{font-size:59px}.f-60[data-v-942ec4f5]{font-size:60px}.mic-select[data-v-942ec4f5]{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-942ec4f5]{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-942ec4f5]{flex:1}.mic-select[data-v-942ec4f5] .el-select{width:100%!important;height:100%!important}.mic-select[data-v-942ec4f5] .el-select__wrapper{box-shadow:none;padding:1px 6px}.mic-select[data-v-942ec4f5] .is-focus,.mic-select[data-v-942ec4f5] .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}: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}
package/dist/mic.es.js ADDED
@@ -0,0 +1,288 @@
1
+ import { defineComponent as M, mergeModels as g, useModel as w, toRefs as x, resolveComponent as $, createElementBlock as v, openBlock as m, normalizeStyle as y, unref as a, createElementVNode as s, toDisplayString as I, createVNode as q, mergeProps as j, renderSlot as b, withCtx as E, Fragment as A, renderList as P, createBlock as R } from "vue";
2
+ const T = { class: "mic-date-right" }, z = /* @__PURE__ */ M({
3
+ name: "MicDate",
4
+ __name: "index",
5
+ props: /* @__PURE__ */ g({
6
+ label: {
7
+ type: String,
8
+ required: !0
9
+ // 标记为必传
10
+ },
11
+ type: {
12
+ type: String,
13
+ // 断言为 Date 类型
14
+ required: !0
15
+ // 标记为必传
16
+ },
17
+ format: {
18
+ type: String,
19
+ required: !0
20
+ // 标记为必传
21
+ },
22
+ border: {
23
+ type: String,
24
+ required: !1,
25
+ default: () => "1px solid #ccc"
26
+ },
27
+ width: {
28
+ type: String,
29
+ required: !1,
30
+ default: () => "100px"
31
+ }
32
+ }, {
33
+ modelValue: {},
34
+ modelModifiers: {}
35
+ }),
36
+ emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
37
+ setup(e, { emit: t }) {
38
+ const o = w(e, "modelValue"), c = e, { label: n, type: i, format: r, border: d, width: l } = x(c), _ = t, u = (p) => {
39
+ _("change", p);
40
+ };
41
+ return (p, h) => {
42
+ const k = $("el-date-picker");
43
+ return m(), v("div", {
44
+ class: "mic-date",
45
+ style: y({ border: a(d) })
46
+ }, [
47
+ s("div", {
48
+ class: "mic-date-left f-14",
49
+ style: y({ width: a(l) })
50
+ }, I(a(n)), 5),
51
+ s("div", T, [
52
+ q(k, j({
53
+ modelValue: o.value,
54
+ "onUpdate:modelValue": h[0] || (h[0] = (f) => o.value = f),
55
+ type: a(i),
56
+ format: a(r),
57
+ "value-format": a(r)
58
+ }, p.$attrs, { onChange: u }), null, 16, ["modelValue", "type", "format", "value-format"])
59
+ ])
60
+ ], 4);
61
+ };
62
+ }
63
+ }), V = (e, t) => {
64
+ const o = e.__vccOpts || e;
65
+ for (const [c, n] of t)
66
+ o[c] = n;
67
+ return o;
68
+ }, O = /* @__PURE__ */ V(z, [["__scopeId", "data-v-ac34d8d5"]]), S = (e) => (e.install = (t) => {
69
+ t.component(e.name || e.__name, e);
70
+ }, e), le = S(O), F = { class: "mic-input-right" }, G = /* @__PURE__ */ M({
71
+ name: "MicInput",
72
+ __name: "index",
73
+ props: /* @__PURE__ */ g({
74
+ label: {
75
+ label: String,
76
+ required: !0
77
+ // 标记为必传
78
+ },
79
+ border: {
80
+ type: String,
81
+ required: !1,
82
+ default: () => "1px solid #ccc"
83
+ },
84
+ width: {
85
+ type: String,
86
+ required: !1,
87
+ default: () => "100px"
88
+ }
89
+ }, {
90
+ modelValue: {},
91
+ modelModifiers: {}
92
+ }),
93
+ emits: /* @__PURE__ */ g(["change", "show"], ["update:modelValue"]),
94
+ setup(e, { emit: t }) {
95
+ const o = w(e, "modelValue"), c = e, { label: n, border: i, width: r } = x(c), d = t, l = (_) => {
96
+ d("change", _);
97
+ };
98
+ return (_, u) => {
99
+ const p = $("el-input");
100
+ return m(), v("div", {
101
+ class: "mic-input",
102
+ style: y({ border: a(i) })
103
+ }, [
104
+ s("div", {
105
+ class: "mic-input-left f-14",
106
+ style: y({ width: a(r) })
107
+ }, I(a(n)), 5),
108
+ s("div", F, [
109
+ q(p, j({
110
+ modelValue: o.value,
111
+ "onUpdate:modelValue": u[0] || (u[0] = (h) => o.value = h),
112
+ onInput: l
113
+ }, _.$attrs), null, 16, ["modelValue"])
114
+ ])
115
+ ], 4);
116
+ };
117
+ }
118
+ }), C = /* @__PURE__ */ V(G, [["__scopeId", "data-v-30fa09d0"]]), ie = S(C), H = { class: "mic-layout" }, J = { class: "mic-layout-header" }, K = { class: "mic-layout-menu" }, Q = { class: "mic-layout-contain" }, W = { class: "mic-layout-footer" }, X = /* @__PURE__ */ M({
119
+ name: "MicLayout",
120
+ __name: "index",
121
+ setup(e) {
122
+ return (t, o) => (m(), v("div", H, [
123
+ s("div", J, [
124
+ b(t.$slots, "header", {}, void 0, !0)
125
+ ]),
126
+ s("div", K, [
127
+ b(t.$slots, "menu", {}, void 0, !0)
128
+ ]),
129
+ s("div", Q, [
130
+ b(t.$slots, "contain", {}, void 0, !0)
131
+ ]),
132
+ s("div", W, [
133
+ b(t.$slots, "footer", {}, void 0, !0)
134
+ ])
135
+ ]));
136
+ }
137
+ }), D = /* @__PURE__ */ V(X, [["__scopeId", "data-v-ff1131cd"]]), re = S(D), Y = { class: "mic-search-box" }, Z = /* @__PURE__ */ M({
138
+ name: "MicSearch",
139
+ __name: "index",
140
+ setup(e) {
141
+ return (t, o) => (m(), v("div", Y, [
142
+ b(t.$slots, "default", {}, void 0, !0)
143
+ ]));
144
+ }
145
+ }), B = /* @__PURE__ */ V(Z, [["__scopeId", "data-v-8e9ffcfe"]]), de = S(B), ee = { class: "mic-select-right" }, te = /* @__PURE__ */ M({
146
+ name: "MicSelect",
147
+ __name: "index",
148
+ props: /* @__PURE__ */ g({
149
+ label: {
150
+ type: String,
151
+ required: !0
152
+ // 标记为必传
153
+ },
154
+ options: {
155
+ type: Array,
156
+ // 断言为 Option 数组类型
157
+ required: !0
158
+ // 标记为必传
159
+ },
160
+ border: {
161
+ type: String,
162
+ required: !1,
163
+ default: () => "1px solid #ccc"
164
+ },
165
+ width: {
166
+ type: String,
167
+ required: !1,
168
+ default: () => "100px"
169
+ }
170
+ }, {
171
+ modelValue: {},
172
+ modelModifiers: {}
173
+ }),
174
+ emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
175
+ setup(e, { emit: t }) {
176
+ const o = w(e, "modelValue"), c = e, { label: n, options: i, border: r, width: d } = x(c), l = t, _ = (u) => {
177
+ l("change", u);
178
+ };
179
+ return (u, p) => {
180
+ const h = $("el-option"), k = $("el-select");
181
+ return m(), v("div", {
182
+ class: "mic-select",
183
+ style: y({ border: a(r) })
184
+ }, [
185
+ s("div", {
186
+ class: "mic-select-left",
187
+ style: y({ width: a(d) })
188
+ }, I(a(n)), 5),
189
+ s("div", ee, [
190
+ q(k, j({
191
+ modelValue: o.value,
192
+ "onUpdate:modelValue": p[0] || (p[0] = (f) => o.value = f),
193
+ onChange: _
194
+ }, u.$attrs), {
195
+ default: E(() => [
196
+ (m(!0), v(A, null, P(a(i), (f) => (m(), R(h, {
197
+ key: f.value,
198
+ label: f.label,
199
+ value: f.value
200
+ }, null, 8, ["label", "value"]))), 128))
201
+ ]),
202
+ _: 1
203
+ }, 16, ["modelValue"])
204
+ ])
205
+ ], 4);
206
+ };
207
+ }
208
+ }), L = /* @__PURE__ */ V(te, [["__scopeId", "data-v-942ec4f5"]]), ue = S(L), oe = /* @__PURE__ */ M({
209
+ name: "MicVac",
210
+ __name: "index",
211
+ props: {
212
+ span: {
213
+ type: Number,
214
+ default: () => 1
215
+ }
216
+ },
217
+ setup(e) {
218
+ const t = e, { span: o } = x(t);
219
+ return (c, n) => (m(), v("div", {
220
+ class: "mic-vac",
221
+ style: y({ "grid-column": `span ${a(o)}` })
222
+ }, [
223
+ b(c.$slots, "default", {}, void 0, !0)
224
+ ], 4));
225
+ }
226
+ }), U = /* @__PURE__ */ V(oe, [["__scopeId", "data-v-101c3479"]]), pe = S(U), ae = (e) => Object.prototype.toString.call(e).replace(/^\[object (\S+)\]$/, "$1"), ce = (e, t) => {
227
+ let o;
228
+ const c = ae(e);
229
+ if (["String", "Number", "Null", "Undefined", "Boolean", "Array"].includes(c)) {
230
+ switch (c) {
231
+ case "String":
232
+ o = t ?? "";
233
+ break;
234
+ case "Number":
235
+ o = t ?? 0;
236
+ break;
237
+ case "Null":
238
+ o = t ?? "";
239
+ break;
240
+ case "Undefined":
241
+ o = t ?? "";
242
+ break;
243
+ case "Boolean":
244
+ o = t ?? !1;
245
+ break;
246
+ case "Array":
247
+ o = t ?? [];
248
+ break;
249
+ }
250
+ return o;
251
+ } else {
252
+ const i = e, r = t, d = {};
253
+ return Object.keys(i).forEach((l) => {
254
+ d[l] = ce(
255
+ i[l],
256
+ r?.[l]
257
+ );
258
+ }), d;
259
+ }
260
+ }, se = {
261
+ MicDate: O,
262
+ MicInput: C,
263
+ MicLayout: D,
264
+ MicSearch: B,
265
+ MicSelect: L,
266
+ MicVac: U
267
+ }, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
268
+ __proto__: null,
269
+ default: se
270
+ }, Symbol.toStringTag, { value: "Module" })), me = {
271
+ install(e) {
272
+ Object.keys(N).forEach((t) => {
273
+ const o = N[t];
274
+ o.install && e.use(o);
275
+ });
276
+ }
277
+ };
278
+ export {
279
+ le as MicDate,
280
+ ie as MicInput,
281
+ re as MicLayout,
282
+ de as MicSearch,
283
+ ue as MicSelect,
284
+ pe as MicVac,
285
+ ae as Mic_Check,
286
+ ce as Mic_Reset,
287
+ me as default
288
+ };
package/dist/mic.umd.js ADDED
@@ -0,0 +1,2 @@
1
+ (function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.MjIntegrateComponent={},f.Vue))})(this,(function(f,e){"use strict";var g=document.createElement("style");g.textContent=`@charset "UTF-8";.f-10[data-v-ac34d8d5]{font-size:10px}.f-11[data-v-ac34d8d5]{font-size:11px}.f-12[data-v-ac34d8d5]{font-size:12px}.f-13[data-v-ac34d8d5]{font-size:13px}.f-14[data-v-ac34d8d5]{font-size:14px}.f-15[data-v-ac34d8d5]{font-size:15px}.f-16[data-v-ac34d8d5]{font-size:16px}.f-17[data-v-ac34d8d5]{font-size:17px}.f-18[data-v-ac34d8d5]{font-size:18px}.f-19[data-v-ac34d8d5]{font-size:19px}.f-20[data-v-ac34d8d5]{font-size:20px}.f-21[data-v-ac34d8d5]{font-size:21px}.f-22[data-v-ac34d8d5]{font-size:22px}.f-23[data-v-ac34d8d5]{font-size:23px}.f-24[data-v-ac34d8d5]{font-size:24px}.f-25[data-v-ac34d8d5]{font-size:25px}.f-26[data-v-ac34d8d5]{font-size:26px}.f-27[data-v-ac34d8d5]{font-size:27px}.f-28[data-v-ac34d8d5]{font-size:28px}.f-29[data-v-ac34d8d5]{font-size:29px}.f-30[data-v-ac34d8d5]{font-size:30px}.f-31[data-v-ac34d8d5]{font-size:31px}.f-32[data-v-ac34d8d5]{font-size:32px}.f-33[data-v-ac34d8d5]{font-size:33px}.f-34[data-v-ac34d8d5]{font-size:34px}.f-35[data-v-ac34d8d5]{font-size:35px}.f-36[data-v-ac34d8d5]{font-size:36px}.f-37[data-v-ac34d8d5]{font-size:37px}.f-38[data-v-ac34d8d5]{font-size:38px}.f-39[data-v-ac34d8d5]{font-size:39px}.f-40[data-v-ac34d8d5]{font-size:40px}.f-41[data-v-ac34d8d5]{font-size:41px}.f-42[data-v-ac34d8d5]{font-size:42px}.f-43[data-v-ac34d8d5]{font-size:43px}.f-44[data-v-ac34d8d5]{font-size:44px}.f-45[data-v-ac34d8d5]{font-size:45px}.f-46[data-v-ac34d8d5]{font-size:46px}.f-47[data-v-ac34d8d5]{font-size:47px}.f-48[data-v-ac34d8d5]{font-size:48px}.f-49[data-v-ac34d8d5]{font-size:49px}.f-50[data-v-ac34d8d5]{font-size:50px}.f-51[data-v-ac34d8d5]{font-size:51px}.f-52[data-v-ac34d8d5]{font-size:52px}.f-53[data-v-ac34d8d5]{font-size:53px}.f-54[data-v-ac34d8d5]{font-size:54px}.f-55[data-v-ac34d8d5]{font-size:55px}.f-56[data-v-ac34d8d5]{font-size:56px}.f-57[data-v-ac34d8d5]{font-size:57px}.f-58[data-v-ac34d8d5]{font-size:58px}.f-59[data-v-ac34d8d5]{font-size:59px}.f-60[data-v-ac34d8d5]{font-size:60px}.mic-date[data-v-ac34d8d5]{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-ac34d8d5]{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-ac34d8d5]{flex:1}.mic-date[data-v-ac34d8d5] .el-input{width:100%!important;height:100%!important}.mic-date[data-v-ac34d8d5] .el-input__wrapper{box-shadow:none;padding:1px 6px}.mic-date[data-v-ac34d8d5] .el-input__prefix{display:none}.mic-date[data-v-ac34d8d5] .is-focus{box-shadow:none!important}.f-10[data-v-30fa09d0]{font-size:10px}.f-11[data-v-30fa09d0]{font-size:11px}.f-12[data-v-30fa09d0]{font-size:12px}.f-13[data-v-30fa09d0]{font-size:13px}.f-14[data-v-30fa09d0]{font-size:14px}.f-15[data-v-30fa09d0]{font-size:15px}.f-16[data-v-30fa09d0]{font-size:16px}.f-17[data-v-30fa09d0]{font-size:17px}.f-18[data-v-30fa09d0]{font-size:18px}.f-19[data-v-30fa09d0]{font-size:19px}.f-20[data-v-30fa09d0]{font-size:20px}.f-21[data-v-30fa09d0]{font-size:21px}.f-22[data-v-30fa09d0]{font-size:22px}.f-23[data-v-30fa09d0]{font-size:23px}.f-24[data-v-30fa09d0]{font-size:24px}.f-25[data-v-30fa09d0]{font-size:25px}.f-26[data-v-30fa09d0]{font-size:26px}.f-27[data-v-30fa09d0]{font-size:27px}.f-28[data-v-30fa09d0]{font-size:28px}.f-29[data-v-30fa09d0]{font-size:29px}.f-30[data-v-30fa09d0]{font-size:30px}.f-31[data-v-30fa09d0]{font-size:31px}.f-32[data-v-30fa09d0]{font-size:32px}.f-33[data-v-30fa09d0]{font-size:33px}.f-34[data-v-30fa09d0]{font-size:34px}.f-35[data-v-30fa09d0]{font-size:35px}.f-36[data-v-30fa09d0]{font-size:36px}.f-37[data-v-30fa09d0]{font-size:37px}.f-38[data-v-30fa09d0]{font-size:38px}.f-39[data-v-30fa09d0]{font-size:39px}.f-40[data-v-30fa09d0]{font-size:40px}.f-41[data-v-30fa09d0]{font-size:41px}.f-42[data-v-30fa09d0]{font-size:42px}.f-43[data-v-30fa09d0]{font-size:43px}.f-44[data-v-30fa09d0]{font-size:44px}.f-45[data-v-30fa09d0]{font-size:45px}.f-46[data-v-30fa09d0]{font-size:46px}.f-47[data-v-30fa09d0]{font-size:47px}.f-48[data-v-30fa09d0]{font-size:48px}.f-49[data-v-30fa09d0]{font-size:49px}.f-50[data-v-30fa09d0]{font-size:50px}.f-51[data-v-30fa09d0]{font-size:51px}.f-52[data-v-30fa09d0]{font-size:52px}.f-53[data-v-30fa09d0]{font-size:53px}.f-54[data-v-30fa09d0]{font-size:54px}.f-55[data-v-30fa09d0]{font-size:55px}.f-56[data-v-30fa09d0]{font-size:56px}.f-57[data-v-30fa09d0]{font-size:57px}.f-58[data-v-30fa09d0]{font-size:58px}.f-59[data-v-30fa09d0]{font-size:59px}.f-60[data-v-30fa09d0]{font-size:60px}.mic-input[data-v-30fa09d0]{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-30fa09d0]{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-30fa09d0]{flex:1}.mic-input[data-v-30fa09d0] .el-input{width:100%!important;height:100%!important}.mic-input[data-v-30fa09d0] .el-input__wrapper{box-shadow:none;padding:1px 6px}.mic-layout[data-v-ff1131cd]{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-ff1131cd]{grid-area:header}.mic-layout-contain[data-v-ff1131cd]{grid-area:contain;overflow:auto}.mic-layout-menu[data-v-ff1131cd]{grid-area:menu;overflow:auto}.mic-layout-footer[data-v-ff1131cd]{grid-area:footer}.mic-search-box[data-v-8e9ffcfe]{width:100%;display:grid;grid-template-columns:repeat(4,calc(25% - 9px));grid-gap:14px 12px;grid-auto-rows:34px;grid-auto-flow:row dense}.f-10[data-v-942ec4f5]{font-size:10px}.f-11[data-v-942ec4f5]{font-size:11px}.f-12[data-v-942ec4f5]{font-size:12px}.f-13[data-v-942ec4f5]{font-size:13px}.f-14[data-v-942ec4f5]{font-size:14px}.f-15[data-v-942ec4f5]{font-size:15px}.f-16[data-v-942ec4f5]{font-size:16px}.f-17[data-v-942ec4f5]{font-size:17px}.f-18[data-v-942ec4f5]{font-size:18px}.f-19[data-v-942ec4f5]{font-size:19px}.f-20[data-v-942ec4f5]{font-size:20px}.f-21[data-v-942ec4f5]{font-size:21px}.f-22[data-v-942ec4f5]{font-size:22px}.f-23[data-v-942ec4f5]{font-size:23px}.f-24[data-v-942ec4f5]{font-size:24px}.f-25[data-v-942ec4f5]{font-size:25px}.f-26[data-v-942ec4f5]{font-size:26px}.f-27[data-v-942ec4f5]{font-size:27px}.f-28[data-v-942ec4f5]{font-size:28px}.f-29[data-v-942ec4f5]{font-size:29px}.f-30[data-v-942ec4f5]{font-size:30px}.f-31[data-v-942ec4f5]{font-size:31px}.f-32[data-v-942ec4f5]{font-size:32px}.f-33[data-v-942ec4f5]{font-size:33px}.f-34[data-v-942ec4f5]{font-size:34px}.f-35[data-v-942ec4f5]{font-size:35px}.f-36[data-v-942ec4f5]{font-size:36px}.f-37[data-v-942ec4f5]{font-size:37px}.f-38[data-v-942ec4f5]{font-size:38px}.f-39[data-v-942ec4f5]{font-size:39px}.f-40[data-v-942ec4f5]{font-size:40px}.f-41[data-v-942ec4f5]{font-size:41px}.f-42[data-v-942ec4f5]{font-size:42px}.f-43[data-v-942ec4f5]{font-size:43px}.f-44[data-v-942ec4f5]{font-size:44px}.f-45[data-v-942ec4f5]{font-size:45px}.f-46[data-v-942ec4f5]{font-size:46px}.f-47[data-v-942ec4f5]{font-size:47px}.f-48[data-v-942ec4f5]{font-size:48px}.f-49[data-v-942ec4f5]{font-size:49px}.f-50[data-v-942ec4f5]{font-size:50px}.f-51[data-v-942ec4f5]{font-size:51px}.f-52[data-v-942ec4f5]{font-size:52px}.f-53[data-v-942ec4f5]{font-size:53px}.f-54[data-v-942ec4f5]{font-size:54px}.f-55[data-v-942ec4f5]{font-size:55px}.f-56[data-v-942ec4f5]{font-size:56px}.f-57[data-v-942ec4f5]{font-size:57px}.f-58[data-v-942ec4f5]{font-size:58px}.f-59[data-v-942ec4f5]{font-size:59px}.f-60[data-v-942ec4f5]{font-size:60px}.mic-select[data-v-942ec4f5]{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-942ec4f5]{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-942ec4f5]{flex:1}.mic-select[data-v-942ec4f5] .el-select{width:100%!important;height:100%!important}.mic-select[data-v-942ec4f5] .el-select__wrapper{box-shadow:none;padding:1px 6px}.mic-select[data-v-942ec4f5] .is-focus,.mic-select[data-v-942ec4f5] .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}: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}
2
+ /*$vite$:1*/`,document.head.appendChild(g);const E={class:"mic-date-right"},j=e.defineComponent({name:"MicDate",__name:"index",props:e.mergeModels({label:{type:String,required:!0},type:{type:String,required:!0},format:{type:String,required:!0},border:{type:String,required:!1,default:()=>"1px solid #ccc"},width:{type:String,required:!1,default:()=>"100px"}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(t,{emit:a}){const d=e.useModel(t,"modelValue"),o=t,{label:i,type:c,format:s,border:r,width:n}=e.toRefs(o),x=a,p=l=>{x("change",l)};return(l,u)=>{const h=e.resolveComponent("el-date-picker");return e.openBlock(),e.createElementBlock("div",{class:"mic-date",style:e.normalizeStyle({border:e.unref(r)})},[e.createElementVNode("div",{class:"mic-date-left f-14",style:e.normalizeStyle({width:e.unref(n)})},e.toDisplayString(e.unref(i)),5),e.createElementVNode("div",E,[e.createVNode(h,e.mergeProps({modelValue:d.value,"onUpdate:modelValue":u[0]||(u[0]=v=>d.value=v),type:e.unref(c),format:e.unref(s),"value-format":e.unref(s)},l.$attrs,{onChange:p}),null,16,["modelValue","type","format","value-format"])])],4)}}}),z=(t,a)=>{const d=t.__vccOpts||t;for(const[o,i]of a)d[o]=i;return d},_=z(j,[["__scopeId","data-v-ac34d8d5"]]),m=t=>(t.install=a=>{a.component(t.name||t.__name,t)},t),B=m(_),C={class:"mic-input-right"},y=z(e.defineComponent({name:"MicInput",__name:"index",props:e.mergeModels({label:{label:String,required:!0},border:{type:String,required:!1,default:()=>"1px solid #ccc"},width:{type:String,required:!1,default:()=>"100px"}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["change","show"],["update:modelValue"]),setup(t,{emit:a}){const d=e.useModel(t,"modelValue"),o=t,{label:i,border:c,width:s}=e.toRefs(o),r=a,n=x=>{r("change",x)};return(x,p)=>{const l=e.resolveComponent("el-input");return e.openBlock(),e.createElementBlock("div",{class:"mic-input",style:e.normalizeStyle({border:e.unref(c)})},[e.createElementVNode("div",{class:"mic-input-left f-14",style:e.normalizeStyle({width:e.unref(s)})},e.toDisplayString(e.unref(i)),5),e.createElementVNode("div",C,[e.createVNode(l,e.mergeProps({modelValue:d.value,"onUpdate:modelValue":p[0]||(p[0]=u=>d.value=u),onInput:n},x.$attrs),null,16,["modelValue"])])],4)}}}),[["__scopeId","data-v-30fa09d0"]]),N=m(y),I={class:"mic-layout"},q={class:"mic-layout-header"},D={class:"mic-layout-menu"},O={class:"mic-layout-contain"},R={class:"mic-layout-footer"},b=z(e.defineComponent({name:"MicLayout",__name:"index",setup(t){return(a,d)=>(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",q,[e.renderSlot(a.$slots,"header",{},void 0,!0)]),e.createElementVNode("div",D,[e.renderSlot(a.$slots,"menu",{},void 0,!0)]),e.createElementVNode("div",O,[e.renderSlot(a.$slots,"contain",{},void 0,!0)]),e.createElementVNode("div",R,[e.renderSlot(a.$slots,"footer",{},void 0,!0)])]))}}),[["__scopeId","data-v-ff1131cd"]]),T=m(b),L={class:"mic-search-box"},M=z(e.defineComponent({name:"MicSearch",__name:"index",setup(t){return(a,d)=>(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(a.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-8e9ffcfe"]]),P=m(M),U={class:"mic-select-right"},w=z(e.defineComponent({name:"MicSelect",__name:"index",props:e.mergeModels({label:{type:String,required:!0},options:{type:Array,required:!0},border:{type:String,required:!1,default:()=>"1px solid #ccc"},width:{type:String,required:!1,default:()=>"100px"}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(t,{emit:a}){const d=e.useModel(t,"modelValue"),o=t,{label:i,options:c,border:s,width:r}=e.toRefs(o),n=a,x=p=>{n("change",p)};return(p,l)=>{const u=e.resolveComponent("el-option"),h=e.resolveComponent("el-select");return e.openBlock(),e.createElementBlock("div",{class:"mic-select",style:e.normalizeStyle({border:e.unref(s)})},[e.createElementVNode("div",{class:"mic-select-left",style:e.normalizeStyle({width:e.unref(r)})},e.toDisplayString(e.unref(i)),5),e.createElementVNode("div",U,[e.createVNode(h,e.mergeProps({modelValue:d.value,"onUpdate:modelValue":l[0]||(l[0]=v=>d.value=v),onChange:x},p.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),v=>(e.openBlock(),e.createBlock(u,{key:v.value,label:v.label,value:v.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue"])])],4)}}}),[["__scopeId","data-v-942ec4f5"]]),A=m(w),S=z(e.defineComponent({name:"MicVac",__name:"index",props:{span:{type:Number,default:()=>1}},setup(t){const a=t,{span:d}=e.toRefs(a);return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:"mic-vac",style:e.normalizeStyle({"grid-column":`span ${e.unref(d)}`})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-101c3479"]]),F=m(S),V=t=>Object.prototype.toString.call(t).replace(/^\[object (\S+)\]$/,"$1"),k=(t,a)=>{let d;const o=V(t);if(["String","Number","Null","Undefined","Boolean","Array"].includes(o)){switch(o){case"String":d=a??"";break;case"Number":d=a??0;break;case"Null":d=a??"";break;case"Undefined":d=a??"";break;case"Boolean":d=a??!1;break;case"Array":d=a??[];break}return d}else{const c=t,s=a,r={};return Object.keys(c).forEach(n=>{r[n]=k(c[n],s?.[n])}),r}},$=Object.freeze(Object.defineProperty({__proto__:null,default:{MicDate:_,MicInput:y,MicLayout:b,MicSearch:M,MicSelect:w,MicVac:S}},Symbol.toStringTag,{value:"Module"})),G={install(t){Object.keys($).forEach(a=>{const d=$[a];d.install&&t.use(d)})}};f.MicDate=B,f.MicInput=N,f.MicLayout=T,f.MicSearch=P,f.MicSelect=A,f.MicVac=F,f.Mic_Check=V,f.Mic_Reset=k,f.default=G,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json ADDED
@@ -0,0 +1,105 @@
1
+ {
2
+ "name": "mic-org",
3
+ "version": "1.0.0",
4
+ "main": "./dist/mic.umd.js",
5
+ "module": "./dist/mic.es.js",
6
+ "exports": {
7
+ ".": {
8
+ "import": "./dist/mic.es.js",
9
+ "types": "./src/index.d.ts"
10
+ },
11
+ "./dist/index.css": "./dist/mic.css",
12
+ "./css/variable.scss": {
13
+ "import": "./src/styles/mic-variable.scss",
14
+ "types": "./src/index.d.ts"
15
+ }
16
+ },
17
+ "types": "./dist/src/index.d.ts",
18
+ "files": [
19
+ "dist",
20
+ "src/styles/mic-variable.scss",
21
+ "src/index.d.ts",
22
+ "README.md"
23
+ ],
24
+ "scripts": {
25
+ "build": "vite build"
26
+ },
27
+ "peerDependencies": {
28
+ "element-plus": "^2.11.5",
29
+ "sass": "^1.93.2",
30
+ "vue": "^3.5.22"
31
+ },
32
+ "devDependencies": {
33
+ "@types/node": "^24.6.0",
34
+ "@vitejs/plugin-vue": "^6.0.1",
35
+ "@vue/tsconfig": "^0.8.1",
36
+ "rollup-plugin-typescript2": "^0.36.0",
37
+ "typescript": "~5.9.3",
38
+ "vite": "^7.1.7",
39
+ "vue-tsc": "^3.1.0"
40
+ },
41
+ "description": "market-integrate-component",
42
+ "dependencies": {
43
+ "alien-signals": "^3.0.3",
44
+ "async-validator": "^4.2.5",
45
+ "braces": "^3.0.3",
46
+ "chokidar": "^4.0.3",
47
+ "commondir": "^1.0.1",
48
+ "csstype": "^3.1.3",
49
+ "dayjs": "^1.11.18",
50
+ "detect-libc": "^1.0.3",
51
+ "element-plus": "^2.11.5",
52
+ "entities": "^4.5.0",
53
+ "esbuild": "^0.25.11",
54
+ "estree-walker": "^2.0.2",
55
+ "fdir": "^6.5.0",
56
+ "fill-range": "^7.1.1",
57
+ "find-cache-dir": "^3.3.2",
58
+ "find-up": "^4.1.0",
59
+ "fs-extra": "^10.1.0",
60
+ "graceful-fs": "^4.2.11",
61
+ "immutable": "^5.1.4",
62
+ "is-extglob": "^2.1.1",
63
+ "is-glob": "^4.0.3",
64
+ "is-number": "^7.0.0",
65
+ "jsonfile": "^6.2.0",
66
+ "locate-path": "^5.0.0",
67
+ "lodash": "^4.17.21",
68
+ "lodash-es": "^4.17.21",
69
+ "lodash-unified": "^1.0.3",
70
+ "magic-string": "^0.30.21",
71
+ "make-dir": "^3.1.0",
72
+ "memoize-one": "^6.0.0",
73
+ "micromatch": "^4.0.8",
74
+ "muggle-string": "^0.4.1",
75
+ "nanoid": "^3.3.11",
76
+ "node-addon-api": "^7.1.1",
77
+ "normalize-wheel-es": "^1.2.0",
78
+ "p-limit": "^2.3.0",
79
+ "p-locate": "^4.1.0",
80
+ "p-try": "^2.2.0",
81
+ "path-browserify": "^1.0.1",
82
+ "path-exists": "^4.0.0",
83
+ "picocolors": "^1.1.1",
84
+ "picomatch": "^4.0.3",
85
+ "pkg-dir": "^4.2.0",
86
+ "postcss": "^8.5.6",
87
+ "readdirp": "^4.1.2",
88
+ "rollup": "^4.52.5",
89
+ "sass": "^1.93.2",
90
+ "semver": "^7.7.3",
91
+ "source-map-js": "^1.2.1",
92
+ "tinyglobby": "^0.2.15",
93
+ "to-regex-range": "^5.0.1",
94
+ "tslib": "^2.8.1",
95
+ "undici-types": "^7.16.0",
96
+ "universalify": "^2.0.1",
97
+ "vscode-uri": "^3.1.0",
98
+ "vue": "^3.5.22"
99
+ },
100
+ "keywords": [
101
+ "mic"
102
+ ],
103
+ "author": "ZhuMengJie",
104
+ "license": "ISC"
105
+ }
package/src/index.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ // 声明组件导出（假设你的组件库导出了 Button 等组件）
2
+ export { default as MicDate } from './mic-date/index.vue';
3
+ export { default as MicInput } from './mic-input/index.vue';
4
+ export { default as MicLayout } from './mic-layout/index.vue';
5
+ export { default as MicSearch } from './mic-search/index.vue';
6
+ export { default as MicSelect } from './mic-select/index.vue';
7
+ export { default as MicVac } from './mic-vac/index.vue';
8
+
9
+ declare module 'mj-integrate-component/css/index.scss' {
10
+ const content: string;
11
+ export default content;
12
+ }
13
+
14
+ declare module 'mj-integrate-component/css/variable.scss' {
15
+ const content: string;
16
+ export default content;
17
+ }
package/src/styles/mic-variable.scss ADDED
@@ -0,0 +1,29 @@
1
+ /** 字体单位变量 */
2
+ @for $i from 10 through 60 {
3
+ .f-#{$i}{
4
+ font-size: $i * 1px;
5
+ }
6
+ }
7
+ /** flex布局变量 */
8
+ @mixin flex($direction,$align,$justify) {
9
+ display: flex;
10
+ flex-direction: $direction;
11
+ @if $align == start {
12
+ align-items: flex-start;
13
+ } @else if $align == center {
14
+ align-items: center;
15
+ } @else if $align == end {
16
+ align-items: flex-end;
17
+ }
18
+ @if $justify == start {
19
+ justify-content: flex-start;
20
+ } @else if $justify == center {
21
+ justify-content: center;
22
+ } @else if $justify == end {
23
+ justify-content: flex-end;
24
+ } @else if $justify == between {
25
+ justify-content: space-between;
26
+ } @else if $justify == around {
27
+ justify-content: space-around;
28
+ }
29
+ }