pacvue-el-components 1.0.6 → 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 +1 -0
- package/dist/pacvue-el-components.es.js +27 -24
- 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 +1 -1
- package/src/components/select/index.vue +1 -1
- 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,5 +1,7 @@
|
|
|
1
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
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";
|
|
3
5
|
const E = /* @__PURE__ */ c({
|
|
4
6
|
name: "PacvueElButton",
|
|
5
7
|
__name: "index",
|
|
@@ -25,8 +27,8 @@ const E = /* @__PURE__ */ c({
|
|
|
25
27
|
},
|
|
26
28
|
emits: ["click"],
|
|
27
29
|
setup(e, { emit: l }) {
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
+
const t = l, n = (o) => {
|
|
31
|
+
t("click", o);
|
|
30
32
|
};
|
|
31
33
|
return (o, d) => (s(), f(r(C), m(o.$attrs, {
|
|
32
34
|
type: e.type,
|
|
@@ -50,11 +52,11 @@ const E = /* @__PURE__ */ c({
|
|
|
50
52
|
}, 16, ["type", "size", "plain", "round", "circle", "loading", "disabled", "autofocus", "native-type", "icon", "color", "dark"]));
|
|
51
53
|
}
|
|
52
54
|
}), g = (e, l) => {
|
|
53
|
-
const
|
|
55
|
+
const t = e.__vccOpts || e;
|
|
54
56
|
for (const [n, o] of l)
|
|
55
|
-
|
|
56
|
-
return
|
|
57
|
-
}, h = /* @__PURE__ */ g(E, [["__scopeId", "data-v-
|
|
57
|
+
t[n] = o;
|
|
58
|
+
return t;
|
|
59
|
+
}, h = /* @__PURE__ */ g(E, [["__scopeId", "data-v-dad74e52"]]), I = /* @__PURE__ */ c({
|
|
58
60
|
name: "PacvueElSelect",
|
|
59
61
|
__name: "index",
|
|
60
62
|
props: /* @__PURE__ */ u({
|
|
@@ -115,20 +117,20 @@ const E = /* @__PURE__ */ c({
|
|
|
115
117
|
}),
|
|
116
118
|
emits: /* @__PURE__ */ u(["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"], ["update:modelValue"]),
|
|
117
119
|
setup(e, { emit: l }) {
|
|
118
|
-
const
|
|
119
|
-
|
|
120
|
-
}, d = (
|
|
121
|
-
|
|
122
|
-
}, B = (
|
|
123
|
-
|
|
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);
|
|
124
126
|
}, b = () => {
|
|
125
|
-
|
|
126
|
-
}, x = (
|
|
127
|
-
|
|
128
|
-
}, T = (
|
|
129
|
-
|
|
127
|
+
t("clear");
|
|
128
|
+
}, x = (a) => {
|
|
129
|
+
t("blur", a);
|
|
130
|
+
}, T = (a) => {
|
|
131
|
+
t("focus", a);
|
|
130
132
|
};
|
|
131
|
-
return (
|
|
133
|
+
return (a, i) => (s(), f(r(V), m(a.$attrs, {
|
|
132
134
|
modelValue: n.value,
|
|
133
135
|
"onUpdate:modelValue": i[0] || (i[0] = (w) => n.value = w),
|
|
134
136
|
multiple: e.multiple,
|
|
@@ -154,7 +156,7 @@ const E = /* @__PURE__ */ c({
|
|
|
154
156
|
"popper-class": e.popperClass,
|
|
155
157
|
"reserve-keyword": e.reserveKeyword,
|
|
156
158
|
"default-first-option": e.defaultFirstOption,
|
|
157
|
-
"popper-append-to-body":
|
|
159
|
+
"popper-append-to-body": a.popperAppendToBody,
|
|
158
160
|
teleported: e.teleported,
|
|
159
161
|
persistent: e.persistent,
|
|
160
162
|
"automatic-dropdown": e.automaticDropdown,
|
|
@@ -171,16 +173,17 @@ const E = /* @__PURE__ */ c({
|
|
|
171
173
|
onFocus: T
|
|
172
174
|
}), {
|
|
173
175
|
default: p(() => [
|
|
174
|
-
y(
|
|
176
|
+
y(a.$slots, "default", {}, void 0, !0)
|
|
175
177
|
]),
|
|
176
178
|
_: 3
|
|
177
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"]));
|
|
178
180
|
}
|
|
179
|
-
}), v = /* @__PURE__ */ g(I, [["__scopeId", "data-v-
|
|
181
|
+
}), v = /* @__PURE__ */ g(I, [["__scopeId", "data-v-26a0f8a2"]]), M = [h, v], z = (e) => {
|
|
180
182
|
M.forEach((l) => {
|
|
181
|
-
|
|
183
|
+
const t = l.name || l.__name;
|
|
184
|
+
t && e.component(t, l);
|
|
182
185
|
});
|
|
183
|
-
},
|
|
186
|
+
}, D = {
|
|
184
187
|
install: z,
|
|
185
188
|
PacvueElButton: h,
|
|
186
189
|
PacvueElSelect: v
|
|
@@ -188,6 +191,6 @@ const E = /* @__PURE__ */ c({
|
|
|
188
191
|
export {
|
|
189
192
|
h as PacvueElButton,
|
|
190
193
|
v as PacvueElSelect,
|
|
191
|
-
|
|
194
|
+
D as default
|
|
192
195
|
};
|
|
193
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\nimport { ElButton } from \"element-plus\"\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"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.PacvueElComponents={},o.Vue,o.ElementPlus))})(this,function(o,t,
|
|
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\nimport { ElButton } from \"element-plus\"\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
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
<script setup lang="ts">
|
|
23
23
|
import { ElButton } from "element-plus"
|
|
24
|
-
|
|
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>(), {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
<script setup lang="ts">
|
|
49
49
|
import { ElSelect } from 'element-plus'
|
|
50
|
-
|
|
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
|
|