pacvue-el-components 1.0.5 → 1.0.7
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.
- package/README.md +9 -8
- package/dist/components/select/index.vue.d.ts +7 -6
- package/dist/index.d.ts +9 -9
- package/dist/pacvue-el-components.es.js +99 -101
- package/dist/pacvue-el-components.es.js.map +1 -1
- package/dist/pacvue-el-components.umd.js +1 -1
- package/dist/pacvue-el-components.umd.js.map +1 -1
- package/package.json +5 -5
- package/src/components/button/index.vue +2 -2
- package/src/components/select/index.vue +2 -2
- package/src/index.ts +4 -1
package/README.md
CHANGED
|
@@ -17,20 +17,21 @@
|
|
|
17
17
|
使用本组件库前，请确保已安装：
|
|
18
18
|
|
|
19
19
|
- Vue 3.x
|
|
20
|
+
- Element Plus 2.x
|
|
20
21
|
|
|
21
22
|
### 安装组件库
|
|
22
23
|
|
|
23
24
|
```bash
|
|
24
|
-
npm install pacvue-el-components
|
|
25
|
+
npm install pacvue-el-components element-plus vue
|
|
25
26
|
# 或
|
|
26
|
-
yarn add pacvue-el-components
|
|
27
|
+
yarn add pacvue-el-components element-plus vue
|
|
27
28
|
# 或
|
|
28
|
-
pnpm add pacvue-el-components
|
|
29
|
+
pnpm add pacvue-el-components element-plus vue
|
|
29
30
|
```
|
|
30
31
|
|
|
31
32
|
**注意**：
|
|
32
|
-
- `element-plus
|
|
33
|
-
-
|
|
33
|
+
- `element-plus` 和 `vue` 是必需的依赖，需要单独安装
|
|
34
|
+
- 在项目中需要配置 element-plus 的按需加载，详见 [PROJECT_USAGE.md](./PROJECT_USAGE.md)
|
|
34
35
|
|
|
35
36
|
## 使用
|
|
36
37
|
|
|
@@ -158,11 +159,11 @@ npm run type-check
|
|
|
158
159
|
|
|
159
160
|
## 注意事项
|
|
160
161
|
|
|
161
|
-
-
|
|
162
|
-
- ⚠️ **Vue 依赖**：需要单独安装 `vue@^3.0.0`（如果项目中还没有）
|
|
162
|
+
- ⚠️ **必需依赖**：使用组件库前必须安装 `element-plus@^2.0.0` 和 `vue@^3.0.0`
|
|
163
163
|
- 📦 样式文件需要单独引入：`import 'pacvue-el-components/style.css'`
|
|
164
164
|
- 🔧 组件库支持按需加载，可以只引入需要的组件
|
|
165
|
-
- 📝
|
|
165
|
+
- 📝 需要在项目中配置 element-plus 的按需加载和打包，详见 [PROJECT_USAGE.md](./PROJECT_USAGE.md)
|
|
166
|
+
- 📝 element-plus 作为 external 依赖，不会被打包到组件库中，详见 [DEPENDENCIES.md](./DEPENDENCIES.md)
|
|
166
167
|
|
|
167
168
|
## License
|
|
168
169
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
|
|
1
2
|
declare function __VLS_template(): {
|
|
2
3
|
default?(_: {}): any;
|
|
3
4
|
};
|
|
@@ -23,6 +24,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
23
24
|
type: import('vue').PropType<import('element-plus/es/components/select-v2/src/useProps.mjs').Props>;
|
|
24
25
|
required: true;
|
|
25
26
|
};
|
|
27
|
+
placeholder: {
|
|
28
|
+
type: import('vue').PropType<string>;
|
|
29
|
+
};
|
|
26
30
|
ariaLabel: {
|
|
27
31
|
type: import('vue').PropType<string>;
|
|
28
32
|
};
|
|
@@ -108,9 +112,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
108
112
|
required: true;
|
|
109
113
|
default: number;
|
|
110
114
|
};
|
|
111
|
-
placeholder: {
|
|
112
|
-
type: import('vue').PropType<string>;
|
|
113
|
-
};
|
|
114
115
|
defaultFirstOption: {
|
|
115
116
|
type: import('vue').PropType<boolean>;
|
|
116
117
|
required: true;
|
|
@@ -233,6 +234,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
233
234
|
type: import('vue').PropType<import('element-plus/es/components/select-v2/src/useProps.mjs').Props>;
|
|
234
235
|
required: true;
|
|
235
236
|
};
|
|
237
|
+
placeholder: {
|
|
238
|
+
type: import('vue').PropType<string>;
|
|
239
|
+
};
|
|
236
240
|
ariaLabel: {
|
|
237
241
|
type: import('vue').PropType<string>;
|
|
238
242
|
};
|
|
@@ -318,9 +322,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
318
322
|
required: true;
|
|
319
323
|
default: number;
|
|
320
324
|
};
|
|
321
|
-
placeholder: {
|
|
322
|
-
type: import('vue').PropType<string>;
|
|
323
|
-
};
|
|
324
325
|
defaultFirstOption: {
|
|
325
326
|
type: import('vue').PropType<boolean>;
|
|
326
327
|
required: true;
|
package/dist/index.d.ts
CHANGED
|
@@ -312,6 +312,9 @@ declare const _default: {
|
|
|
312
312
|
type: import('vue').PropType<import('element-plus/es/components/select-v2/src/useProps.mjs').Props>;
|
|
313
313
|
required: true;
|
|
314
314
|
};
|
|
315
|
+
placeholder: {
|
|
316
|
+
type: import('vue').PropType<string>;
|
|
317
|
+
};
|
|
315
318
|
ariaLabel: {
|
|
316
319
|
type: import('vue').PropType<string>;
|
|
317
320
|
};
|
|
@@ -397,9 +400,6 @@ declare const _default: {
|
|
|
397
400
|
required: true;
|
|
398
401
|
default: number;
|
|
399
402
|
};
|
|
400
|
-
placeholder: {
|
|
401
|
-
type: import('vue').PropType<string>;
|
|
402
|
-
};
|
|
403
403
|
defaultFirstOption: {
|
|
404
404
|
type: import('vue').PropType<boolean>;
|
|
405
405
|
required: true;
|
|
@@ -557,6 +557,9 @@ declare const _default: {
|
|
|
557
557
|
type: import('vue').PropType<import('element-plus/es/components/select-v2/src/useProps.mjs').Props>;
|
|
558
558
|
required: true;
|
|
559
559
|
};
|
|
560
|
+
placeholder: {
|
|
561
|
+
type: import('vue').PropType<string>;
|
|
562
|
+
};
|
|
560
563
|
ariaLabel: {
|
|
561
564
|
type: import('vue').PropType<string>;
|
|
562
565
|
};
|
|
@@ -642,9 +645,6 @@ declare const _default: {
|
|
|
642
645
|
required: true;
|
|
643
646
|
default: number;
|
|
644
647
|
};
|
|
645
|
-
placeholder: {
|
|
646
|
-
type: import('vue').PropType<string>;
|
|
647
|
-
};
|
|
648
648
|
defaultFirstOption: {
|
|
649
649
|
type: import('vue').PropType<boolean>;
|
|
650
650
|
required: true;
|
|
@@ -791,6 +791,9 @@ declare const _default: {
|
|
|
791
791
|
type: import('vue').PropType<import('element-plus/es/components/select-v2/src/useProps.mjs').Props>;
|
|
792
792
|
required: true;
|
|
793
793
|
};
|
|
794
|
+
placeholder: {
|
|
795
|
+
type: import('vue').PropType<string>;
|
|
796
|
+
};
|
|
794
797
|
ariaLabel: {
|
|
795
798
|
type: import('vue').PropType<string>;
|
|
796
799
|
};
|
|
@@ -876,9 +879,6 @@ declare const _default: {
|
|
|
876
879
|
required: true;
|
|
877
880
|
default: number;
|
|
878
881
|
};
|
|
879
|
-
placeholder: {
|
|
880
|
-
type: import('vue').PropType<string>;
|
|
881
|
-
};
|
|
882
882
|
defaultFirstOption: {
|
|
883
883
|
type: import('vue').PropType<boolean>;
|
|
884
884
|
required: true;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
1
|
+
import { defineComponent as c, createBlock as f, openBlock as s, unref as r, mergeProps as m, withCtx as p, renderSlot as y, mergeModels as u, useModel as k } from "vue";
|
|
2
|
+
import { ElButton as C, ElSelect as V } from "element-plus";
|
|
3
|
+
import "element-plus/es/components/button/style/css";
|
|
4
|
+
import "element-plus/es/components/select/style/css";
|
|
5
|
+
const E = /* @__PURE__ */ c({
|
|
3
6
|
name: "PacvueElButton",
|
|
4
7
|
__name: "index",
|
|
5
8
|
props: {
|
|
@@ -24,42 +27,39 @@ const V = /* @__PURE__ */ f({
|
|
|
24
27
|
},
|
|
25
28
|
emits: ["click"],
|
|
26
29
|
setup(e, { emit: l }) {
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
return (o, i) => {
|
|
31
|
-
const d = s("el-button");
|
|
32
|
-
return m(), r(d, p(o.$attrs, {
|
|
33
|
-
type: e.type,
|
|
34
|
-
size: e.size,
|
|
35
|
-
plain: e.plain,
|
|
36
|
-
round: e.round,
|
|
37
|
-
circle: e.circle,
|
|
38
|
-
loading: e.loading,
|
|
39
|
-
disabled: e.disabled,
|
|
40
|
-
autofocus: e.autofocus,
|
|
41
|
-
"native-type": e.nativeType,
|
|
42
|
-
icon: e.icon,
|
|
43
|
-
color: e.color,
|
|
44
|
-
dark: e.dark,
|
|
45
|
-
onClick: n
|
|
46
|
-
}), {
|
|
47
|
-
default: y(() => [
|
|
48
|
-
g(o.$slots, "default", {}, void 0, !0)
|
|
49
|
-
]),
|
|
50
|
-
_: 3
|
|
51
|
-
}, 16, ["type", "size", "plain", "round", "circle", "loading", "disabled", "autofocus", "native-type", "icon", "color", "dark"]);
|
|
30
|
+
const t = l, n = (o) => {
|
|
31
|
+
t("click", o);
|
|
52
32
|
};
|
|
33
|
+
return (o, d) => (s(), f(r(C), m(o.$attrs, {
|
|
34
|
+
type: e.type,
|
|
35
|
+
size: e.size,
|
|
36
|
+
plain: e.plain,
|
|
37
|
+
round: e.round,
|
|
38
|
+
circle: e.circle,
|
|
39
|
+
loading: e.loading,
|
|
40
|
+
disabled: e.disabled,
|
|
41
|
+
autofocus: e.autofocus,
|
|
42
|
+
"native-type": e.nativeType,
|
|
43
|
+
icon: e.icon,
|
|
44
|
+
color: e.color,
|
|
45
|
+
dark: e.dark,
|
|
46
|
+
onClick: n
|
|
47
|
+
}), {
|
|
48
|
+
default: p(() => [
|
|
49
|
+
y(o.$slots, "default", {}, void 0, !0)
|
|
50
|
+
]),
|
|
51
|
+
_: 3
|
|
52
|
+
}, 16, ["type", "size", "plain", "round", "circle", "loading", "disabled", "autofocus", "native-type", "icon", "color", "dark"]));
|
|
53
53
|
}
|
|
54
|
-
}),
|
|
55
|
-
const
|
|
54
|
+
}), g = (e, l) => {
|
|
55
|
+
const t = e.__vccOpts || e;
|
|
56
56
|
for (const [n, o] of l)
|
|
57
|
-
|
|
58
|
-
return
|
|
59
|
-
}, h = /* @__PURE__ */
|
|
57
|
+
t[n] = o;
|
|
58
|
+
return t;
|
|
59
|
+
}, h = /* @__PURE__ */ g(E, [["__scopeId", "data-v-dad74e52"]]), I = /* @__PURE__ */ c({
|
|
60
60
|
name: "PacvueElSelect",
|
|
61
61
|
__name: "index",
|
|
62
|
-
props: /* @__PURE__ */
|
|
62
|
+
props: /* @__PURE__ */ u({
|
|
63
63
|
ariaLabel: {},
|
|
64
64
|
emptyValues: {},
|
|
65
65
|
valueOnClear: {},
|
|
@@ -115,84 +115,82 @@ const V = /* @__PURE__ */ f({
|
|
|
115
115
|
modelValue: {},
|
|
116
116
|
modelModifiers: {}
|
|
117
117
|
}),
|
|
118
|
-
emits: /* @__PURE__ */
|
|
118
|
+
emits: /* @__PURE__ */ u(["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"], ["update:modelValue"]),
|
|
119
119
|
setup(e, { emit: l }) {
|
|
120
|
-
const
|
|
121
|
-
|
|
122
|
-
},
|
|
123
|
-
|
|
124
|
-
},
|
|
125
|
-
|
|
120
|
+
const t = l, n = k(e, "modelValue"), o = (a) => {
|
|
121
|
+
t("change", a);
|
|
122
|
+
}, d = (a) => {
|
|
123
|
+
t("visible-change", a);
|
|
124
|
+
}, B = (a) => {
|
|
125
|
+
t("remove-tag", a);
|
|
126
126
|
}, b = () => {
|
|
127
|
-
|
|
128
|
-
}, x = (
|
|
129
|
-
|
|
130
|
-
}, T = (
|
|
131
|
-
|
|
132
|
-
};
|
|
133
|
-
return (t, u) => {
|
|
134
|
-
const w = s("el-select");
|
|
135
|
-
return m(), r(w, p(t.$attrs, {
|
|
136
|
-
modelValue: n.value,
|
|
137
|
-
"onUpdate:modelValue": u[0] || (u[0] = (k) => n.value = k),
|
|
138
|
-
multiple: e.multiple,
|
|
139
|
-
disabled: e.disabled,
|
|
140
|
-
"value-key": e.valueKey,
|
|
141
|
-
size: e.size,
|
|
142
|
-
clearable: e.clearable,
|
|
143
|
-
"collapse-tags": e.collapseTags,
|
|
144
|
-
"collapse-tags-tooltip": e.collapseTagsTooltip,
|
|
145
|
-
"multiple-limit": e.multipleLimit,
|
|
146
|
-
name: e.name,
|
|
147
|
-
autocomplete: e.autocomplete,
|
|
148
|
-
placeholder: e.placeholder,
|
|
149
|
-
filterable: e.filterable,
|
|
150
|
-
"allow-create": e.allowCreate,
|
|
151
|
-
"filter-method": e.filterMethod,
|
|
152
|
-
remote: e.remote,
|
|
153
|
-
"remote-method": e.remoteMethod,
|
|
154
|
-
loading: e.loading,
|
|
155
|
-
"loading-text": e.loadingText,
|
|
156
|
-
"no-match-text": e.noMatchText,
|
|
157
|
-
"no-data-text": e.noDataText,
|
|
158
|
-
"popper-class": e.popperClass,
|
|
159
|
-
"reserve-keyword": e.reserveKeyword,
|
|
160
|
-
"default-first-option": e.defaultFirstOption,
|
|
161
|
-
"popper-append-to-body": t.popperAppendToBody,
|
|
162
|
-
teleported: e.teleported,
|
|
163
|
-
persistent: e.persistent,
|
|
164
|
-
"automatic-dropdown": e.automaticDropdown,
|
|
165
|
-
"clear-icon": e.clearIcon,
|
|
166
|
-
"fit-input-width": e.fitInputWidth,
|
|
167
|
-
"suffix-icon": e.suffixIcon,
|
|
168
|
-
"tag-type": e.tagType,
|
|
169
|
-
"validate-event": e.validateEvent,
|
|
170
|
-
onChange: o,
|
|
171
|
-
onVisibleChange: i,
|
|
172
|
-
onRemoveTag: d,
|
|
173
|
-
onClear: b,
|
|
174
|
-
onBlur: x,
|
|
175
|
-
onFocus: T
|
|
176
|
-
}), {
|
|
177
|
-
default: y(() => [
|
|
178
|
-
g(t.$slots, "default", {}, void 0, !0)
|
|
179
|
-
]),
|
|
180
|
-
_: 3
|
|
181
|
-
}, 16, ["modelValue", "multiple", "disabled", "value-key", "size", "clearable", "collapse-tags", "collapse-tags-tooltip", "multiple-limit", "name", "autocomplete", "placeholder", "filterable", "allow-create", "filter-method", "remote", "remote-method", "loading", "loading-text", "no-match-text", "no-data-text", "popper-class", "reserve-keyword", "default-first-option", "popper-append-to-body", "teleported", "persistent", "automatic-dropdown", "clear-icon", "fit-input-width", "suffix-icon", "tag-type", "validate-event"]);
|
|
127
|
+
t("clear");
|
|
128
|
+
}, x = (a) => {
|
|
129
|
+
t("blur", a);
|
|
130
|
+
}, T = (a) => {
|
|
131
|
+
t("focus", a);
|
|
182
132
|
};
|
|
133
|
+
return (a, i) => (s(), f(r(V), m(a.$attrs, {
|
|
134
|
+
modelValue: n.value,
|
|
135
|
+
"onUpdate:modelValue": i[0] || (i[0] = (w) => n.value = w),
|
|
136
|
+
multiple: e.multiple,
|
|
137
|
+
disabled: e.disabled,
|
|
138
|
+
"value-key": e.valueKey,
|
|
139
|
+
size: e.size,
|
|
140
|
+
clearable: e.clearable,
|
|
141
|
+
"collapse-tags": e.collapseTags,
|
|
142
|
+
"collapse-tags-tooltip": e.collapseTagsTooltip,
|
|
143
|
+
"multiple-limit": e.multipleLimit,
|
|
144
|
+
name: e.name,
|
|
145
|
+
autocomplete: e.autocomplete,
|
|
146
|
+
placeholder: e.placeholder,
|
|
147
|
+
filterable: e.filterable,
|
|
148
|
+
"allow-create": e.allowCreate,
|
|
149
|
+
"filter-method": e.filterMethod,
|
|
150
|
+
remote: e.remote,
|
|
151
|
+
"remote-method": e.remoteMethod,
|
|
152
|
+
loading: e.loading,
|
|
153
|
+
"loading-text": e.loadingText,
|
|
154
|
+
"no-match-text": e.noMatchText,
|
|
155
|
+
"no-data-text": e.noDataText,
|
|
156
|
+
"popper-class": e.popperClass,
|
|
157
|
+
"reserve-keyword": e.reserveKeyword,
|
|
158
|
+
"default-first-option": e.defaultFirstOption,
|
|
159
|
+
"popper-append-to-body": a.popperAppendToBody,
|
|
160
|
+
teleported: e.teleported,
|
|
161
|
+
persistent: e.persistent,
|
|
162
|
+
"automatic-dropdown": e.automaticDropdown,
|
|
163
|
+
"clear-icon": e.clearIcon,
|
|
164
|
+
"fit-input-width": e.fitInputWidth,
|
|
165
|
+
"suffix-icon": e.suffixIcon,
|
|
166
|
+
"tag-type": e.tagType,
|
|
167
|
+
"validate-event": e.validateEvent,
|
|
168
|
+
onChange: o,
|
|
169
|
+
onVisibleChange: d,
|
|
170
|
+
onRemoveTag: B,
|
|
171
|
+
onClear: b,
|
|
172
|
+
onBlur: x,
|
|
173
|
+
onFocus: T
|
|
174
|
+
}), {
|
|
175
|
+
default: p(() => [
|
|
176
|
+
y(a.$slots, "default", {}, void 0, !0)
|
|
177
|
+
]),
|
|
178
|
+
_: 3
|
|
179
|
+
}, 16, ["modelValue", "multiple", "disabled", "value-key", "size", "clearable", "collapse-tags", "collapse-tags-tooltip", "multiple-limit", "name", "autocomplete", "placeholder", "filterable", "allow-create", "filter-method", "remote", "remote-method", "loading", "loading-text", "no-match-text", "no-data-text", "popper-class", "reserve-keyword", "default-first-option", "popper-append-to-body", "teleported", "persistent", "automatic-dropdown", "clear-icon", "fit-input-width", "suffix-icon", "tag-type", "validate-event"]));
|
|
183
180
|
}
|
|
184
|
-
}),
|
|
181
|
+
}), v = /* @__PURE__ */ g(I, [["__scopeId", "data-v-26a0f8a2"]]), M = [h, v], z = (e) => {
|
|
185
182
|
M.forEach((l) => {
|
|
186
|
-
|
|
183
|
+
const t = l.name || l.__name;
|
|
184
|
+
t && e.component(t, l);
|
|
187
185
|
});
|
|
188
|
-
},
|
|
186
|
+
}, D = {
|
|
189
187
|
install: z,
|
|
190
188
|
PacvueElButton: h,
|
|
191
|
-
PacvueElSelect:
|
|
189
|
+
PacvueElSelect: v
|
|
192
190
|
};
|
|
193
191
|
export {
|
|
194
192
|
h as PacvueElButton,
|
|
195
|
-
|
|
196
|
-
|
|
193
|
+
v as PacvueElSelect,
|
|
194
|
+
D as default
|
|
197
195
|
};
|
|
198
196
|
//# sourceMappingURL=pacvue-el-components.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pacvue-el-components.es.js","sources":["../src/components/button/index.vue","../src/components/select/index.vue","../src/index.ts"],"sourcesContent":["<template>\r\n <el-button\r\n v-bind=\"$attrs\"\r\n :type=\"type\"\r\n :size=\"size\"\r\n :plain=\"plain\"\r\n :round=\"round\"\r\n :circle=\"circle\"\r\n :loading=\"loading\"\r\n :disabled=\"disabled\"\r\n :autofocus=\"autofocus\"\r\n :native-type=\"nativeType\"\r\n :icon=\"icon\"\r\n :color=\"color\"\r\n :dark=\"dark\"\r\n @click=\"handleClick\"\r\n >\r\n <slot></slot>\r\n </el-button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\
|
|
1
|
+
{"version":3,"file":"pacvue-el-components.es.js","sources":["../src/components/button/index.vue","../src/components/select/index.vue","../src/index.ts"],"sourcesContent":["<template>\r\n <el-button\r\n v-bind=\"$attrs\"\r\n :type=\"type\"\r\n :size=\"size\"\r\n :plain=\"plain\"\r\n :round=\"round\"\r\n :circle=\"circle\"\r\n :loading=\"loading\"\r\n :disabled=\"disabled\"\r\n :autofocus=\"autofocus\"\r\n :native-type=\"nativeType\"\r\n :icon=\"icon\"\r\n :color=\"color\"\r\n :dark=\"dark\"\r\n @click=\"handleClick\"\r\n >\r\n <slot></slot>\r\n </el-button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElButton } from \"element-plus\"\r\nimport 'element-plus/es/components/button/style/css'\r\nimport type { ButtonProps } from './types'\r\n\r\nconst props = withDefaults(defineProps<ButtonProps>(), {\r\n type: 'default',\r\n size: 'default',\r\n plain: false,\r\n round: false,\r\n circle: false,\r\n loading: false,\r\n disabled: false,\r\n autofocus: false,\r\n nativeType: 'button',\r\n dark: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n click: [event: MouseEvent]\r\n}>()\r\n\r\nconst handleClick = (event: MouseEvent) => {\r\n emit('click', event)\r\n}\r\n\r\ndefineOptions({\r\n name: 'PacvueElButton',\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n// 可以在这里添加自定义样式\r\n</style>\r\n\r\n","<template>\r\n <el-select\r\n v-bind=\"$attrs\"\r\n v-model=\"modelValue\"\r\n :multiple=\"multiple\"\r\n :disabled=\"disabled\"\r\n :value-key=\"valueKey\"\r\n :size=\"size\"\r\n :clearable=\"clearable\"\r\n :collapse-tags=\"collapseTags\"\r\n :collapse-tags-tooltip=\"collapseTagsTooltip\"\r\n :multiple-limit=\"multipleLimit\"\r\n :name=\"name\"\r\n :autocomplete=\"autocomplete\"\r\n :placeholder=\"placeholder\"\r\n :filterable=\"filterable\"\r\n :allow-create=\"allowCreate\"\r\n :filter-method=\"filterMethod\"\r\n :remote=\"remote\"\r\n :remote-method=\"remoteMethod\"\r\n :loading=\"loading\"\r\n :loading-text=\"loadingText\"\r\n :no-match-text=\"noMatchText\"\r\n :no-data-text=\"noDataText\"\r\n :popper-class=\"popperClass\"\r\n :reserve-keyword=\"reserveKeyword\"\r\n :default-first-option=\"defaultFirstOption\"\r\n :popper-append-to-body=\"popperAppendToBody\"\r\n :teleported=\"teleported\"\r\n :persistent=\"persistent\"\r\n :automatic-dropdown=\"automaticDropdown\"\r\n :clear-icon=\"clearIcon\"\r\n :fit-input-width=\"fitInputWidth\"\r\n :suffix-icon=\"suffixIcon\"\r\n :tag-type=\"tagType\"\r\n :validate-event=\"validateEvent\"\r\n @change=\"handleChange\"\r\n @visible-change=\"handleVisibleChange\"\r\n @remove-tag=\"handleRemoveTag\"\r\n @clear=\"handleClear\"\r\n @blur=\"handleBlur\"\r\n @focus=\"handleFocus\"\r\n >\r\n <slot></slot>\r\n </el-select>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElSelect } from 'element-plus'\r\nimport 'element-plus/es/components/select/style/css'\r\nimport type { SelectProps } from './types'\r\n\r\nconst props = withDefaults(defineProps<SelectProps>(), {\r\n multiple: false,\r\n disabled: false,\r\n size: 'default',\r\n clearable: false,\r\n collapseTags: false,\r\n collapseTagsTooltip: false,\r\n multipleLimit: 0,\r\n autocomplete: 'off',\r\n filterable: false,\r\n allowCreate: false,\r\n remote: false,\r\n loading: false,\r\n reserveKeyword: false,\r\n defaultFirstOption: false,\r\n popperAppendToBody: true,\r\n teleported: true,\r\n persistent: false,\r\n automaticDropdown: false,\r\n fitInputWidth: false,\r\n validateEvent: true,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:modelValue': [value: any]\r\n change: [value: any]\r\n 'visible-change': [visible: boolean]\r\n 'remove-tag': [value: any]\r\n clear: []\r\n blur: [event: FocusEvent]\r\n focus: [event: FocusEvent]\r\n}>()\r\n\r\nconst modelValue = defineModel<any>()\r\n\r\nconst handleChange = (value: any) => {\r\n emit('change', value)\r\n}\r\n\r\nconst handleVisibleChange = (visible: boolean) => {\r\n emit('visible-change', visible)\r\n}\r\n\r\nconst handleRemoveTag = (value: any) => {\r\n emit('remove-tag', value)\r\n}\r\n\r\nconst handleClear = () => {\r\n emit('clear')\r\n}\r\n\r\nconst handleBlur = (event: FocusEvent) => {\r\n emit('blur', event)\r\n}\r\n\r\nconst handleFocus = (event: FocusEvent) => {\r\n emit('focus', event)\r\n}\r\n\r\ndefineOptions({\r\n name: 'PacvueElSelect',\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n// 可以在这里添加自定义样式\r\n</style>\r\n\r\n","import type { App } from 'vue'\r\nimport PacvueElButton from './components/button/index.vue'\r\nimport PacvueElSelect from './components/select/index.vue'\r\nimport './style.css'\r\n\r\n// 导出所有组件\r\nexport { PacvueElButton, PacvueElSelect }\r\n\r\n// 导出组件类型\r\nexport type { ButtonProps } from './components/button/types'\r\nexport type { SelectProps } from './components/select/types'\r\n\r\n// 组件列表\r\nconst components = [PacvueElButton, PacvueElSelect]\r\n\r\n// 定义 install 方法\r\nconst install = (app: App) => {\r\n components.forEach((component) => {\r\n const name = component.name || component.__name\r\n if (name) {\r\n app.component(name, component)\r\n }\r\n })\r\n}\r\n\r\n// 支持按需引入\r\nexport default {\r\n install,\r\n PacvueElButton,\r\n PacvueElSelect,\r\n}\r\n\r\n"],"names":["emit","__emit","handleClick","event","_createBlock","_unref","ElButton","_mergeProps","_ctx","__props","_renderSlot","modelValue","_useModel","handleChange","value","handleVisibleChange","visible","handleRemoveTag","handleClear","handleBlur","handleFocus","ElSelect","$event","popperAppendToBody","components","PacvueElButton","PacvueElSelect","install","app","component","name","index"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.PacvueElComponents={},o.Vue))})(this,function(o,t){"use strict";const p=t.defineComponent({name:"PacvueElButton",__name:"index",props:{size:{default:"default"},disabled:{type:Boolean,default:!1},type:{default:"default"},icon:{},nativeType:{default:"button"},loading:{type:Boolean,default:!1},loadingIcon:{},plain:{type:Boolean,default:!1},text:{type:Boolean},link:{type:Boolean},bg:{type:Boolean},autofocus:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},color:{},dark:{type:Boolean,default:!1},autoInsertSpace:{type:Boolean},tag:{}},emits:["click"],setup(e,{emit:n}){const
|
|
1
|
+
(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("element-plus"),require("element-plus/es/components/button/style/css"),require("element-plus/es/components/select/style/css")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","element-plus/es/components/button/style/css","element-plus/es/components/select/style/css"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.PacvueElComponents={},o.Vue,o.ElementPlus))})(this,function(o,t,u){"use strict";const p=t.defineComponent({name:"PacvueElButton",__name:"index",props:{size:{default:"default"},disabled:{type:Boolean,default:!1},type:{default:"default"},icon:{},nativeType:{default:"button"},loading:{type:Boolean,default:!1},loadingIcon:{},plain:{type:Boolean,default:!1},text:{type:Boolean},link:{type:Boolean},bg:{type:Boolean},autofocus:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},color:{},dark:{type:Boolean,default:!1},autoInsertSpace:{type:Boolean},tag:{}},emits:["click"],setup(e,{emit:n}){const l=n,i=d=>{l("click",d)};return(d,r)=>(t.openBlock(),t.createBlock(t.unref(u.ElButton),t.mergeProps(d.$attrs,{type:e.type,size:e.size,plain:e.plain,round:e.round,circle:e.circle,loading:e.loading,disabled:e.disabled,autofocus:e.autofocus,"native-type":e.nativeType,icon:e.icon,color:e.color,dark:e.dark,onClick:i}),{default:t.withCtx(()=>[t.renderSlot(d.$slots,"default",{},void 0,!0)]),_:3},16,["type","size","plain","round","circle","loading","disabled","autofocus","native-type","icon","color","dark"]))}}),f=(e,n)=>{const l=e.__vccOpts||e;for(const[i,d]of n)l[i]=d;return l},s=f(p,[["__scopeId","data-v-dad74e52"]]),c=f(t.defineComponent({name:"PacvueElSelect",__name:"index",props:t.mergeModels({ariaLabel:{},emptyValues:{},valueOnClear:{},name:{},id:{},modelValue:{},autocomplete:{default:"off"},automaticDropdown:{type:Boolean,default:!1},size:{default:"default"},effect:{},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},filterable:{type:Boolean,default:!1},allowCreate:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},popperClass:{},popperStyle:{},popperOptions:{},remote:{type:Boolean,default:!1},debounce:{},loadingText:{},noMatchText:{},noDataText:{},remoteMethod:{},filterMethod:{},multiple:{type:Boolean,default:!1},multipleLimit:{default:0},placeholder:{},defaultFirstOption:{type:Boolean,default:!1},reserveKeyword:{type:Boolean,default:!1},valueKey:{},collapseTags:{type:Boolean,default:!1},collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!1},clearIcon:{},fitInputWidth:{type:Boolean,default:!1},suffixIcon:{},tagType:{},tagEffect:{},validateEvent:{type:Boolean,default:!0},remoteShowSuffix:{type:Boolean},showArrow:{type:Boolean},offset:{},placement:{},fallbackPlacements:{},tabindex:{},appendTo:{},options:{},props:{}},{modelValue:{},modelModifiers:{}}),emits:t.mergeModels(["update:modelValue","change","visible-change","remove-tag","clear","blur","focus"],["update:modelValue"]),setup(e,{emit:n}){const l=n,i=t.useModel(e,"modelValue"),d=a=>{l("change",a)},r=a=>{l("visible-change",a)},h=a=>{l("remove-tag",a)},B=()=>{l("clear")},b=a=>{l("blur",a)},v=a=>{l("focus",a)};return(a,m)=>(t.openBlock(),t.createBlock(t.unref(u.ElSelect),t.mergeProps(a.$attrs,{modelValue:i.value,"onUpdate:modelValue":m[0]||(m[0]=T=>i.value=T),multiple:e.multiple,disabled:e.disabled,"value-key":e.valueKey,size:e.size,clearable:e.clearable,"collapse-tags":e.collapseTags,"collapse-tags-tooltip":e.collapseTagsTooltip,"multiple-limit":e.multipleLimit,name:e.name,autocomplete:e.autocomplete,placeholder:e.placeholder,filterable:e.filterable,"allow-create":e.allowCreate,"filter-method":e.filterMethod,remote:e.remote,"remote-method":e.remoteMethod,loading:e.loading,"loading-text":e.loadingText,"no-match-text":e.noMatchText,"no-data-text":e.noDataText,"popper-class":e.popperClass,"reserve-keyword":e.reserveKeyword,"default-first-option":e.defaultFirstOption,"popper-append-to-body":a.popperAppendToBody,teleported:e.teleported,persistent:e.persistent,"automatic-dropdown":e.automaticDropdown,"clear-icon":e.clearIcon,"fit-input-width":e.fitInputWidth,"suffix-icon":e.suffixIcon,"tag-type":e.tagType,"validate-event":e.validateEvent,onChange:d,onVisibleChange:r,onRemoveTag:h,onClear:B,onBlur:b,onFocus:v}),{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},16,["modelValue","multiple","disabled","value-key","size","clearable","collapse-tags","collapse-tags-tooltip","multiple-limit","name","autocomplete","placeholder","filterable","allow-create","filter-method","remote","remote-method","loading","loading-text","no-match-text","no-data-text","popper-class","reserve-keyword","default-first-option","popper-append-to-body","teleported","persistent","automatic-dropdown","clear-icon","fit-input-width","suffix-icon","tag-type","validate-event"]))}}),[["__scopeId","data-v-26a0f8a2"]]),y=[s,c],g={install:e=>{y.forEach(n=>{const l=n.name||n.__name;l&&e.component(l,n)})},PacvueElButton:s,PacvueElSelect:c};o.PacvueElButton=s,o.PacvueElSelect=c,o.default=g,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
2
2
|
//# sourceMappingURL=pacvue-el-components.umd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pacvue-el-components.umd.js","sources":["../src/components/button/index.vue","../src/components/select/index.vue","../src/index.ts"],"sourcesContent":["<template>\r\n <el-button\r\n v-bind=\"$attrs\"\r\n :type=\"type\"\r\n :size=\"size\"\r\n :plain=\"plain\"\r\n :round=\"round\"\r\n :circle=\"circle\"\r\n :loading=\"loading\"\r\n :disabled=\"disabled\"\r\n :autofocus=\"autofocus\"\r\n :native-type=\"nativeType\"\r\n :icon=\"icon\"\r\n :color=\"color\"\r\n :dark=\"dark\"\r\n @click=\"handleClick\"\r\n >\r\n <slot></slot>\r\n </el-button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\
|
|
1
|
+
{"version":3,"file":"pacvue-el-components.umd.js","sources":["../src/components/button/index.vue","../src/components/select/index.vue","../src/index.ts"],"sourcesContent":["<template>\r\n <el-button\r\n v-bind=\"$attrs\"\r\n :type=\"type\"\r\n :size=\"size\"\r\n :plain=\"plain\"\r\n :round=\"round\"\r\n :circle=\"circle\"\r\n :loading=\"loading\"\r\n :disabled=\"disabled\"\r\n :autofocus=\"autofocus\"\r\n :native-type=\"nativeType\"\r\n :icon=\"icon\"\r\n :color=\"color\"\r\n :dark=\"dark\"\r\n @click=\"handleClick\"\r\n >\r\n <slot></slot>\r\n </el-button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElButton } from \"element-plus\"\r\nimport 'element-plus/es/components/button/style/css'\r\nimport type { ButtonProps } from './types'\r\n\r\nconst props = withDefaults(defineProps<ButtonProps>(), {\r\n type: 'default',\r\n size: 'default',\r\n plain: false,\r\n round: false,\r\n circle: false,\r\n loading: false,\r\n disabled: false,\r\n autofocus: false,\r\n nativeType: 'button',\r\n dark: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n click: [event: MouseEvent]\r\n}>()\r\n\r\nconst handleClick = (event: MouseEvent) => {\r\n emit('click', event)\r\n}\r\n\r\ndefineOptions({\r\n name: 'PacvueElButton',\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n// 可以在这里添加自定义样式\r\n</style>\r\n\r\n","<template>\r\n <el-select\r\n v-bind=\"$attrs\"\r\n v-model=\"modelValue\"\r\n :multiple=\"multiple\"\r\n :disabled=\"disabled\"\r\n :value-key=\"valueKey\"\r\n :size=\"size\"\r\n :clearable=\"clearable\"\r\n :collapse-tags=\"collapseTags\"\r\n :collapse-tags-tooltip=\"collapseTagsTooltip\"\r\n :multiple-limit=\"multipleLimit\"\r\n :name=\"name\"\r\n :autocomplete=\"autocomplete\"\r\n :placeholder=\"placeholder\"\r\n :filterable=\"filterable\"\r\n :allow-create=\"allowCreate\"\r\n :filter-method=\"filterMethod\"\r\n :remote=\"remote\"\r\n :remote-method=\"remoteMethod\"\r\n :loading=\"loading\"\r\n :loading-text=\"loadingText\"\r\n :no-match-text=\"noMatchText\"\r\n :no-data-text=\"noDataText\"\r\n :popper-class=\"popperClass\"\r\n :reserve-keyword=\"reserveKeyword\"\r\n :default-first-option=\"defaultFirstOption\"\r\n :popper-append-to-body=\"popperAppendToBody\"\r\n :teleported=\"teleported\"\r\n :persistent=\"persistent\"\r\n :automatic-dropdown=\"automaticDropdown\"\r\n :clear-icon=\"clearIcon\"\r\n :fit-input-width=\"fitInputWidth\"\r\n :suffix-icon=\"suffixIcon\"\r\n :tag-type=\"tagType\"\r\n :validate-event=\"validateEvent\"\r\n @change=\"handleChange\"\r\n @visible-change=\"handleVisibleChange\"\r\n @remove-tag=\"handleRemoveTag\"\r\n @clear=\"handleClear\"\r\n @blur=\"handleBlur\"\r\n @focus=\"handleFocus\"\r\n >\r\n <slot></slot>\r\n </el-select>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElSelect } from 'element-plus'\r\nimport 'element-plus/es/components/select/style/css'\r\nimport type { SelectProps } from './types'\r\n\r\nconst props = withDefaults(defineProps<SelectProps>(), {\r\n multiple: false,\r\n disabled: false,\r\n size: 'default',\r\n clearable: false,\r\n collapseTags: false,\r\n collapseTagsTooltip: false,\r\n multipleLimit: 0,\r\n autocomplete: 'off',\r\n filterable: false,\r\n allowCreate: false,\r\n remote: false,\r\n loading: false,\r\n reserveKeyword: false,\r\n defaultFirstOption: false,\r\n popperAppendToBody: true,\r\n teleported: true,\r\n persistent: false,\r\n automaticDropdown: false,\r\n fitInputWidth: false,\r\n validateEvent: true,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:modelValue': [value: any]\r\n change: [value: any]\r\n 'visible-change': [visible: boolean]\r\n 'remove-tag': [value: any]\r\n clear: []\r\n blur: [event: FocusEvent]\r\n focus: [event: FocusEvent]\r\n}>()\r\n\r\nconst modelValue = defineModel<any>()\r\n\r\nconst handleChange = (value: any) => {\r\n emit('change', value)\r\n}\r\n\r\nconst handleVisibleChange = (visible: boolean) => {\r\n emit('visible-change', visible)\r\n}\r\n\r\nconst handleRemoveTag = (value: any) => {\r\n emit('remove-tag', value)\r\n}\r\n\r\nconst handleClear = () => {\r\n emit('clear')\r\n}\r\n\r\nconst handleBlur = (event: FocusEvent) => {\r\n emit('blur', event)\r\n}\r\n\r\nconst handleFocus = (event: FocusEvent) => {\r\n emit('focus', event)\r\n}\r\n\r\ndefineOptions({\r\n name: 'PacvueElSelect',\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n// 可以在这里添加自定义样式\r\n</style>\r\n\r\n","import type { App } from 'vue'\r\nimport PacvueElButton from './components/button/index.vue'\r\nimport PacvueElSelect from './components/select/index.vue'\r\nimport './style.css'\r\n\r\n// 导出所有组件\r\nexport { PacvueElButton, PacvueElSelect }\r\n\r\n// 导出组件类型\r\nexport type { ButtonProps } from './components/button/types'\r\nexport type { SelectProps } from './components/select/types'\r\n\r\n// 组件列表\r\nconst components = [PacvueElButton, PacvueElSelect]\r\n\r\n// 定义 install 方法\r\nconst install = (app: App) => {\r\n components.forEach((component) => {\r\n const name = component.name || component.__name\r\n if (name) {\r\n app.component(name, component)\r\n }\r\n })\r\n}\r\n\r\n// 支持按需引入\r\nexport default {\r\n install,\r\n PacvueElButton,\r\n PacvueElSelect,\r\n}\r\n\r\n"],"names":["emit","__emit","handleClick","event","_createBlock","_unref","ElButton","_mergeProps","_ctx","__props","_renderSlot","modelValue","_useModel","handleChange","value","handleVisibleChange","visible","handleRemoveTag","handleClear","handleBlur","handleFocus","ElSelect","$event","popperAppendToBody","components","PacvueElButton","PacvueElSelect","index","app","component","name"],"mappings":"2iCAuCA,MAAMA,EAAOC,EAIPC,EAAeC,GAAsB,CACzCH,EAAK,QAASG,CAAK,CACrB,8BA5CEC,EAAAA,YAiBYC,EAAAA,MAAAC,EAAAA,QAAA,EAjBZC,EAAAA,WAiBYC,EAAA,OAhBI,CACb,KAAMC,EAAA,KACN,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,MAAOA,EAAA,MACP,OAAQA,EAAA,OACR,QAASA,EAAA,QACT,SAAUA,EAAA,SACV,UAAWA,EAAA,UACX,cAAaA,EAAA,WACb,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,KAAMA,EAAA,KACN,QAAOP,CAAA,sBAER,IAAa,CAAbQ,EAAAA,WAAaF,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,unDC0DjB,MAAMR,EAAOC,EAUPU,EAAaC,EAAAA,SAAgBH,EAAA,YAAC,EAE9BI,EAAgBC,GAAe,CACnCd,EAAK,SAAUc,CAAK,CACtB,EAEMC,EAAuBC,GAAqB,CAChDhB,EAAK,iBAAkBgB,CAAO,CAChC,EAEMC,EAAmBH,GAAe,CACtCd,EAAK,aAAcc,CAAK,CAC1B,EAEMI,EAAc,IAAM,CACxBlB,EAAK,OAAO,CACd,EAEMmB,EAAchB,GAAsB,CACxCH,EAAK,OAAQG,CAAK,CACpB,EAEMiB,EAAejB,GAAsB,CACzCH,EAAK,QAASG,CAAK,CACrB,8BA5GEC,EAAAA,YA2CYC,EAAAA,MAAAgB,EAAAA,QAAA,EA3CZd,EAAAA,WA2CYC,EAAA,OA1CI,YACLG,EAAA,2CAAAA,EAAU,MAAAW,GAClB,SAAUb,EAAA,SACV,SAAUA,EAAA,SACV,YAAWA,EAAA,SACX,KAAMA,EAAA,KACN,UAAWA,EAAA,UACX,gBAAeA,EAAA,aACf,wBAAuBA,EAAA,oBACvB,iBAAgBA,EAAA,cAChB,KAAMA,EAAA,KACN,aAAcA,EAAA,aACd,YAAaA,EAAA,YACb,WAAYA,EAAA,WACZ,eAAcA,EAAA,YACd,gBAAeA,EAAA,aACf,OAAQA,EAAA,OACR,gBAAeA,EAAA,aACf,QAASA,EAAA,QACT,eAAcA,EAAA,YACd,gBAAeA,EAAA,YACf,eAAcA,EAAA,WACd,eAAcA,EAAA,YACd,kBAAiBA,EAAA,eACjB,uBAAsBA,EAAA,mBACtB,wBAAuBc,EAAAA,mBACvB,WAAYd,EAAA,WACZ,WAAYA,EAAA,WACZ,qBAAoBA,EAAA,kBACpB,aAAYA,EAAA,UACZ,kBAAiBA,EAAA,cACjB,cAAaA,EAAA,WACb,WAAUA,EAAA,QACV,iBAAgBA,EAAA,cAChB,SAAQI,EACR,gBAAgBE,EAChB,YAAYE,EACZ,QAAOC,EACP,OAAMC,EACN,QAAOC,CAAA,sBAER,IAAa,CAAbV,EAAAA,WAAaF,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yhBC9BXgB,EAAa,CAACC,EAAgBC,CAAc,EAalDC,EAAe,CACb,QAXeC,GAAa,CAC5BJ,EAAW,QAASK,GAAc,CAChC,MAAMC,EAAOD,EAAU,MAAQA,EAAU,OACrCC,GACFF,EAAI,UAAUE,EAAMD,CAAS,CAEjC,CAAC,CACH,EAKE,eAAAJ,EACA,eAAAC,CACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pacvue-el-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"description": "基于 Element Plus 二次封装的组件库",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/pacvue-el-components.umd.js",
|
|
@@ -50,12 +50,11 @@
|
|
|
50
50
|
"bugs": {
|
|
51
51
|
"url": ""
|
|
52
52
|
},
|
|
53
|
-
"dependencies": {
|
|
54
|
-
"element-plus": "2.4.4"
|
|
55
|
-
},
|
|
53
|
+
"dependencies": {},
|
|
56
54
|
"devDependencies": {
|
|
57
55
|
"@vitejs/plugin-vue": "^5.0.3",
|
|
58
56
|
"@vue/tsconfig": "^0.5.1",
|
|
57
|
+
"element-plus": "^2.4.4",
|
|
59
58
|
"sass": "^1.71.1",
|
|
60
59
|
"typescript": "^5.3.3",
|
|
61
60
|
"unplugin-auto-import": "^0.17.2",
|
|
@@ -66,6 +65,7 @@
|
|
|
66
65
|
"vue-tsc": "^1.8.27"
|
|
67
66
|
},
|
|
68
67
|
"peerDependencies": {
|
|
69
|
-
"vue": "^3.0.0"
|
|
68
|
+
"vue": "^3.0.0",
|
|
69
|
+
"element-plus": "^2.0.0"
|
|
70
70
|
}
|
|
71
71
|
}
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
</template>
|
|
21
21
|
|
|
22
22
|
<script setup lang="ts">
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
import { ElButton } from "element-plus"
|
|
24
|
+
import 'element-plus/es/components/button/style/css'
|
|
25
25
|
import type { ButtonProps } from './types'
|
|
26
26
|
|
|
27
27
|
const props = withDefaults(defineProps<ButtonProps>(), {
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
</template>
|
|
47
47
|
|
|
48
48
|
<script setup lang="ts">
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
import { ElSelect } from 'element-plus'
|
|
50
|
+
import 'element-plus/es/components/select/style/css'
|
|
51
51
|
import type { SelectProps } from './types'
|
|
52
52
|
|
|
53
53
|
const props = withDefaults(defineProps<SelectProps>(), {
|
package/src/index.ts
CHANGED
|
@@ -16,7 +16,10 @@ const components = [PacvueElButton, PacvueElSelect]
|
|
|
16
16
|
// 定义 install 方法
|
|
17
17
|
const install = (app: App) => {
|
|
18
18
|
components.forEach((component) => {
|
|
19
|
-
|
|
19
|
+
const name = component.name || component.__name
|
|
20
|
+
if (name) {
|
|
21
|
+
app.component(name, component)
|
|
22
|
+
}
|
|
20
23
|
})
|
|
21
24
|
}
|
|
22
25
|
|