pacvue-el-components 1.0.0

package/dist/pacvue.es.js

@@ -0,0 +1,198 @@
+import { defineComponent as f, resolveComponent as s, createBlock as r, openBlock as m, mergeProps as p, withCtx as y, renderSlot as g, mergeModels as c, useModel as C } from "vue";
+const V = /* @__PURE__ */ f({
+  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: l }) {
+    const a = l, n = (o) => {
+      a("click", o);
+    };
+    return (o, i) => {
+      const d = s("el-button");
+      return m(), r(d, p(o.$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: n
+      }), {
+        default: y(() => [
+          g(o.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 16, ["type", "size", "plain", "round", "circle", "loading", "disabled", "autofocus", "native-type", "icon", "color", "dark"]);
+    };
+  }
+}), v = (e, l) => {
+  const a = e.__vccOpts || e;
+  for (const [n, o] of l)
+    a[n] = o;
+  return a;
+}, h = /* @__PURE__ */ v(V, [["__scopeId", "data-v-0a65eb80"]]), I = /* @__PURE__ */ f({
+  name: "PacvueElSelect",
+  __name: "index",
+  props: /* @__PURE__ */ c({
+    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: /* @__PURE__ */ c(["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const a = l, n = C(e, "modelValue"), o = (t) => {
+      a("change", t);
+    }, i = (t) => {
+      a("visible-change", t);
+    }, d = (t) => {
+      a("remove-tag", t);
+    }, b = () => {
+      a("clear");
+    }, x = (t) => {
+      a("blur", t);
+    }, T = (t) => {
+      a("focus", t);
+    };
+    return (t, u) => {
+      const w = s("el-select");
+      return m(), r(w, p(t.$attrs, {
+        modelValue: n.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (k) => n.value = k),
+        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": t.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: o,
+        onVisibleChange: i,
+        onRemoveTag: d,
+        onClear: b,
+        onBlur: x,
+        onFocus: T
+      }), {
+        default: y(() => [
+          g(t.$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"]);
+    };
+  }
+}), B = /* @__PURE__ */ v(I, [["__scopeId", "data-v-eef2e744"]]), M = [h, B], z = (e) => {
+  M.forEach((l) => {
+    e.component(l.name || l.__name, l);
+  });
+}, S = {
+  install: z,
+  PacvueElButton: h,
+  PacvueElSelect: B
+};
+export {
+  h as PacvueElButton,
+  B as PacvueElSelect,
+  S as default
+};
+//# sourceMappingURL=pacvue.es.js.map

package/dist/pacvue.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pacvue.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 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 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    app.component(component.name || component.__name, component)\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","_component_el_button","_mergeProps","_ctx","__props","_renderSlot","modelValue","_useModel","handleChange","value","handleVisibleChange","visible","handleRemoveTag","handleClear","handleBlur","handleFocus","_component_el_select","$event","popperAppendToBody","components","PacvueElButton","PacvueElSelect","install","app","component","index"],"mappings":"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"}

package/dist/pacvue.umd.js

@@ -0,0 +1,2 @@
+(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.Pacvue={},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 a=n,i=d=>{a("click",d)};return(d,r)=>{const f=t.resolveComponent("el-button");return t.openBlock(),t.createBlock(f,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"])}}}),s=(e,n)=>{const a=e.__vccOpts||e;for(const[i,d]of n)a[i]=d;return a},c=s(p,[["__scopeId","data-v-0a65eb80"]]),u=s(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 a=n,i=t.useModel(e,"modelValue"),d=l=>{a("change",l)},r=l=>{a("visible-change",l)},f=l=>{a("remove-tag",l)},h=()=>{a("clear")},B=l=>{a("blur",l)},b=l=>{a("focus",l)};return(l,m)=>{const v=t.resolveComponent("el-select");return t.openBlock(),t.createBlock(v,t.mergeProps(l.$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":l.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:f,onClear:h,onBlur:B,onFocus:b}),{default:t.withCtx(()=>[t.renderSlot(l.$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-eef2e744"]]),y=[c,u],g={install:e=>{y.forEach(n=>{e.component(n.name||n.__name,n)})},PacvueElButton:c,PacvueElSelect:u};o.PacvueElButton=c,o.PacvueElSelect=u,o.default=g,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+//# sourceMappingURL=pacvue.umd.js.map

package/dist/pacvue.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pacvue.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 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 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    app.component(component.name || component.__name, component)\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","_component_el_button","_mergeProps","_ctx","__props","_renderSlot","modelValue","_useModel","handleChange","value","handleVisibleChange","visible","handleRemoveTag","handleClear","handleBlur","handleFocus","_component_el_select","$event","popperAppendToBody","components","PacvueElButton","PacvueElSelect","index","app","component"],"mappings":"8xBAqCA,MAAMA,EAAOC,EAIPC,EAAeC,GAAsB,CACzCH,EAAK,QAASG,CAAK,CACrB,6EA1CEC,EAAAA,YAiBYC,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,QAAON,CAAA,sBAER,IAAa,CAAbO,EAAAA,WAAaF,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,unDCwDjB,MAAMP,EAAOC,EAUPS,EAAaC,EAAAA,SAAgBH,EAAA,YAAC,EAE9BI,EAAgBC,GAAe,CACnCb,EAAK,SAAUa,CAAK,CACtB,EAEMC,EAAuBC,GAAqB,CAChDf,EAAK,iBAAkBe,CAAO,CAChC,EAEMC,EAAmBH,GAAe,CACtCb,EAAK,aAAca,CAAK,CAC1B,EAEMI,EAAc,IAAM,CACxBjB,EAAK,OAAO,CACd,EAEMkB,EAAcf,GAAsB,CACxCH,EAAK,OAAQG,CAAK,CACpB,EAEMgB,EAAehB,GAAsB,CACzCH,EAAK,QAASG,CAAK,CACrB,6EA1GEC,EAAAA,YA2CYgB,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,EAUlDC,EAAe,CACb,QAReC,GAAa,CAC5BJ,EAAW,QAASK,GAAc,CAChCD,EAAI,UAAUC,EAAU,MAAQA,EAAU,OAAQA,CAAS,CAC7D,CAAC,CACH,EAKE,eAAAJ,EACA,eAAAC,CACF"}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "pacvue-el-components",
+  "version": "1.0.0",
+  "description": "基于 Element Plus 二次封装的组件库",
+  "type": "module",
+  "main": "./dist/pacvue.umd.js",
+  "module": "./dist/pacvue.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/pacvue.es.js",
+      "require": "./dist/pacvue.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vite build --mode lib",
+    "build:lib": "vite build --mode lib",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --noEmit",
+    "prepublishOnly": "npm run build:lib",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major",
+    "publish:patch": "npm run version:patch && npm publish",
+    "publish:minor": "npm run version:minor && npm publish",
+    "publish:major": "npm run version:major && npm publish"
+  },
+  "keywords": [
+    "vue",
+    "component-library",
+    "element-plus",
+    "pacvue",
+    "vue3",
+    "typescript"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "homepage": "",
+  "bugs": {
+    "url": ""
+  },
+  "dependencies": {
+    "element-plus": "^2.4.4",
+    "vue": "^3.4.15"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vue/tsconfig": "^0.5.1",
+    "sass": "^1.71.1",
+    "typescript": "^5.3.3",
+    "unplugin-auto-import": "^0.17.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.11",
+    "vite-plugin-dts": "^3.7.0",
+    "vue-tsc": "^1.8.27"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0",
+    "element-plus": "^2.0.0"
+  }
+}
+

package/src/components/button/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <el-button
+    v-bind="$attrs"
+    :type="type"
+    :size="size"
+    :plain="plain"
+    :round="round"
+    :circle="circle"
+    :loading="loading"
+    :disabled="disabled"
+    :autofocus="autofocus"
+    :native-type="nativeType"
+    :icon="icon"
+    :color="color"
+    :dark="dark"
+    @click="handleClick"
+  >
+    <slot></slot>
+  </el-button>
+</template>
+
+<script setup lang="ts">
+import type { ButtonProps } from './types'
+
+const props = withDefaults(defineProps<ButtonProps>(), {
+  type: 'default',
+  size: 'default',
+  plain: false,
+  round: false,
+  circle: false,
+  loading: false,
+  disabled: false,
+  autofocus: false,
+  nativeType: 'button',
+  dark: false,
+})
+
+const emit = defineEmits<{
+  click: [event: MouseEvent]
+}>()
+
+const handleClick = (event: MouseEvent) => {
+  emit('click', event)
+}
+
+defineOptions({
+  name: 'PacvueElButton',
+})
+</script>
+
+<style scoped lang="scss">
+// 可以在这里添加自定义样式
+</style>
+

package/src/components/button/types.ts

@@ -0,0 +1,7 @@
+import type { ButtonProps as ElButtonProps } from 'element-plus'
+
+export interface ButtonProps extends ElButtonProps {
+  // 可以在这里扩展自定义属性
+  // customProp?: string
+}
+

package/src/components/select/index.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-select
+    v-bind="$attrs"
+    v-model="modelValue"
+    :multiple="multiple"
+    :disabled="disabled"
+    :value-key="valueKey"
+    :size="size"
+    :clearable="clearable"
+    :collapse-tags="collapseTags"
+    :collapse-tags-tooltip="collapseTagsTooltip"
+    :multiple-limit="multipleLimit"
+    :name="name"
+    :autocomplete="autocomplete"
+    :placeholder="placeholder"
+    :filterable="filterable"
+    :allow-create="allowCreate"
+    :filter-method="filterMethod"
+    :remote="remote"
+    :remote-method="remoteMethod"
+    :loading="loading"
+    :loading-text="loadingText"
+    :no-match-text="noMatchText"
+    :no-data-text="noDataText"
+    :popper-class="popperClass"
+    :reserve-keyword="reserveKeyword"
+    :default-first-option="defaultFirstOption"
+    :popper-append-to-body="popperAppendToBody"
+    :teleported="teleported"
+    :persistent="persistent"
+    :automatic-dropdown="automaticDropdown"
+    :clear-icon="clearIcon"
+    :fit-input-width="fitInputWidth"
+    :suffix-icon="suffixIcon"
+    :tag-type="tagType"
+    :validate-event="validateEvent"
+    @change="handleChange"
+    @visible-change="handleVisibleChange"
+    @remove-tag="handleRemoveTag"
+    @clear="handleClear"
+    @blur="handleBlur"
+    @focus="handleFocus"
+  >
+    <slot></slot>
+  </el-select>
+</template>
+
+<script setup lang="ts">
+import type { SelectProps } from './types'
+
+const props = withDefaults(defineProps<SelectProps>(), {
+  multiple: false,
+  disabled: false,
+  size: 'default',
+  clearable: false,
+  collapseTags: false,
+  collapseTagsTooltip: false,
+  multipleLimit: 0,
+  autocomplete: 'off',
+  filterable: false,
+  allowCreate: false,
+  remote: false,
+  loading: false,
+  reserveKeyword: false,
+  defaultFirstOption: false,
+  popperAppendToBody: true,
+  teleported: true,
+  persistent: false,
+  automaticDropdown: false,
+  fitInputWidth: false,
+  validateEvent: true,
+})
+
+const emit = defineEmits<{
+  'update:modelValue': [value: any]
+  change: [value: any]
+  'visible-change': [visible: boolean]
+  'remove-tag': [value: any]
+  clear: []
+  blur: [event: FocusEvent]
+  focus: [event: FocusEvent]
+}>()
+
+const modelValue = defineModel<any>()
+
+const handleChange = (value: any) => {
+  emit('change', value)
+}
+
+const handleVisibleChange = (visible: boolean) => {
+  emit('visible-change', visible)
+}
+
+const handleRemoveTag = (value: any) => {
+  emit('remove-tag', value)
+}
+
+const handleClear = () => {
+  emit('clear')
+}
+
+const handleBlur = (event: FocusEvent) => {
+  emit('blur', event)
+}
+
+const handleFocus = (event: FocusEvent) => {
+  emit('focus', event)
+}
+
+defineOptions({
+  name: 'PacvueElSelect',
+})
+</script>
+
+<style scoped lang="scss">
+// 可以在这里添加自定义样式
+</style>
+

package/src/components/select/types.ts

@@ -0,0 +1,7 @@
+import type { SelectProps as ElSelectProps } from 'element-plus'
+
+export interface SelectProps extends ElSelectProps {
+  // 可以在这里扩展自定义属性
+  // customProp?: string
+}
+

package/src/index.ts

@@ -0,0 +1,29 @@
+import type { App } from 'vue'
+import PacvueElButton from './components/button/index.vue'
+import PacvueElSelect from './components/select/index.vue'
+import './style.css'
+
+// 导出所有组件
+export { PacvueElButton, PacvueElSelect }
+
+// 导出组件类型
+export type { ButtonProps } from './components/button/types'
+export type { SelectProps } from './components/select/types'
+
+// 组件列表
+const components = [PacvueElButton, PacvueElSelect]
+
+// 定义 install 方法
+const install = (app: App) => {
+  components.forEach((component) => {
+    app.component(component.name || component.__name, component)
+  })
+}
+
+// 支持按需引入
+export default {
+  install,
+  PacvueElButton,
+  PacvueElSelect,
+}
+

package/src/style.css

@@ -0,0 +1,3 @@
+/* Pacvue 组件库样式 */
+/* 如果需要自定义样式，可以在这里添加 */
+

package/src/vite-env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+