customs-ui-kit 1.0.1 → 1.0.2

package/dist/customs-ui-kit.css

@@ -1 +1 @@
-._isHighlight_2pl28_11{box-shadow:0 0 8px #409effcc;transform:scale(1.02);transition:all .3s ease}._myTableWrapper_1olwi_3{width:100%;overflow:hidden}._myTable_1olwi_3{--el-table-header-bg-color: #f5f7fa}
+.isHighlight[data-v-ae952d65]{box-shadow:0 0 8px #409effcc;transform:scale(1.02);transition:all .3s ease}.myTableWrapper[data-v-160d151c]{width:100%;overflow:hidden}.myTable[data-v-160d151c]{--el-table-header-bg-color: #f5f7fa}

package/dist/customs-ui-kit.es.js

@@ -1,76 +1,62 @@
-import { defineComponent as d, openBlock as o, createBlock as m, unref as r, mergeProps as n, withCtx as p, renderSlot as u, createElementBlock as i, normalizeClass as y, createVNode as b, Fragment as _, renderList as h, createSlots as f } from "vue";
-import { ElButton as g, ElTable as $, ElTableColumn as B } from "element-plus";
-const T = /* @__PURE__ */ d({
+import { defineComponent as i, openBlock as o, createBlock as c, unref as s, mergeProps as n, withCtx as d, renderSlot as u, createElementBlock as p, createVNode as f, Fragment as b, renderList as _, createSlots as h } from "vue";
+import { ElButton as y, ElTable as B, ElTableColumn as g } from "element-plus";
+const v = /* @__PURE__ */ i({
   __name: "Button",
   props: {
     highlight: { type: Boolean }
   },
-  setup(s) {
-    return (e, l) => (o(), m(r(g), n(e.$attrs, {
-      class: [e.$style.myButton, { [e.$style.isHighlight]: s.highlight }]
+  setup(r) {
+    return (e, a) => (o(), c(s(y), n(e.$attrs, {
+      class: ["myButton", { isHighlight: r.highlight }]
     }), {
-      default: p(() => [
-        u(e.$slots, "default")
+      default: d(() => [
+        u(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), k = "_myButton_2pl28_3", w = "_isHighlight_2pl28_11", M = {
-  myButton: k,
-  isHighlight: w
-}, c = (s, e) => {
-  const l = s.__vccOpts || s;
-  for (const [t, a] of e)
-    l[t] = a;
-  return l;
-}, v = {
-  $style: M
-}, L = /* @__PURE__ */ c(T, [["__cssModules", v]]), C = /* @__PURE__ */ d({
+}), m = (r, e) => {
+  const a = r.__vccOpts || r;
+  for (const [t, l] of e)
+    a[t] = l;
+  return a;
+}, E = /* @__PURE__ */ m(v, [["__scopeId", "data-v-ae952d65"]]), T = { class: "myTableWrapper" }, $ = /* @__PURE__ */ i({
   __name: "Table",
   props: {
     data: { default: () => [] },
     columns: { default: () => [] },
     border: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    return (e, l) => (o(), i("div", {
-      class: y(e.$style.myTableWrapper)
-    }, [
-      b(r($), n({
-        data: s.data,
-        border: s.border
-      }, e.$attrs, {
-        class: e.$style.myTable
-      }), {
-        default: p(() => [
-          (o(!0), i(_, null, h(s.columns, (t) => (o(), m(r(B), {
+  setup(r) {
+    return (e, a) => (o(), p("div", T, [
+      f(s(B), n({
+        data: r.data,
+        border: r.border
+      }, e.$attrs, { class: "myTable" }), {
+        default: d(() => [
+          (o(!0), p(b, null, _(r.columns, (t) => (o(), c(s(g), {
             key: t.prop,
             prop: t.prop,
             label: t.label,
             width: t.width,
             sortable: t.sortable
-          }, f({ _: 2 }, [
+          }, h({ _: 2 }, [
             e.$slots[t.prop] ? {
               name: "default",
-              fn: p((a) => [
-                u(e.$slots, t.prop, n({ ref_for: !0 }, a))
+              fn: d((l) => [
+                u(e.$slots, t.prop, n({ ref_for: !0 }, l), void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["prop", "label", "width", "sortable"]))), 128)),
-          u(e.$slots, "append")
+          u(e.$slots, "append", {}, void 0, !0)
         ]),
         _: 3
-      }, 16, ["data", "border", "class"])
-    ], 2));
+      }, 16, ["data", "border"])
+    ]));
   }
-}), E = "_myTableWrapper_1olwi_3", H = "_myTable_1olwi_3", W = {
-  myTableWrapper: E,
-  myTable: H
-}, S = {
-  $style: W
-}, N = /* @__PURE__ */ c(C, [["__cssModules", S]]);
+}), C = /* @__PURE__ */ m($, [["__scopeId", "data-v-160d151c"]]);
 export {
-  L as MyButton,
-  N as MyTable
+  E as MyButton,
+  C as MyTable
 };

package/dist/customs-ui-kit.umd.js

@@ -1 +1 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.CustomsUIKit={},s.Vue,s.ElementPlus))})(this,(function(s,e,r){"use strict";const p=e.defineComponent({__name:"Button",props:{highlight:{type:Boolean}},setup(l){return(t,n)=>(e.openBlock(),e.createBlock(e.unref(r.ElButton),e.mergeProps(t.$attrs,{class:[t.$style.myButton,{[t.$style.isHighlight]:l.highlight}]}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["class"]))}}),d={myButton:"_myButton_2pl28_3",isHighlight:"_isHighlight_2pl28_11"},i=(l,t)=>{const n=l.__vccOpts||l;for(const[o,a]of t)n[o]=a;return n},c=i(p,[["__cssModules",{$style:d}]]),m=i(e.defineComponent({__name:"Table",props:{data:{default:()=>[]},columns:{default:()=>[]},border:{type:Boolean,default:!0}},setup(l){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.$style.myTableWrapper)},[e.createVNode(e.unref(r.ElTable),e.mergeProps({data:l.data,border:l.border},t.$attrs,{class:t.$style.myTable}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.columns,o=>(e.openBlock(),e.createBlock(e.unref(r.ElTableColumn),{key:o.prop,prop:o.prop,label:o.label,width:o.width,sortable:o.sortable},e.createSlots({_:2},[t.$slots[o.prop]?{name:"default",fn:e.withCtx(a=>[e.renderSlot(t.$slots,o.prop,e.mergeProps({ref_for:!0},a))]),key:"0"}:void 0]),1032,["prop","label","width","sortable"]))),128)),e.renderSlot(t.$slots,"append")]),_:3},16,["data","border","class"])],2))}}),[["__cssModules",{$style:{myTableWrapper:"_myTableWrapper_1olwi_3",myTable:"_myTable_1olwi_3"}}]]);s.MyButton=c,s.MyTable=m,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.CustomsUIKit={},t.Vue,t.ElementPlus))})(this,(function(t,e,l){"use strict";const i=e.defineComponent({__name:"Button",props:{highlight:{type:Boolean}},setup(n){return(o,a)=>(e.openBlock(),e.createBlock(e.unref(l.ElButton),e.mergeProps(o.$attrs,{class:["myButton",{isHighlight:n.highlight}]}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},void 0,!0)]),_:3},16,["class"]))}}),d=(n,o)=>{const a=n.__vccOpts||n;for(const[r,s]of o)a[r]=s;return a},p=d(i,[["__scopeId","data-v-ae952d65"]]),c={class:"myTableWrapper"},f=d(e.defineComponent({__name:"Table",props:{data:{default:()=>[]},columns:{default:()=>[]},border:{type:Boolean,default:!0}},setup(n){return(o,a)=>(e.openBlock(),e.createElementBlock("div",c,[e.createVNode(e.unref(l.ElTable),e.mergeProps({data:n.data,border:n.border},o.$attrs,{class:"myTable"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,r=>(e.openBlock(),e.createBlock(e.unref(l.ElTableColumn),{key:r.prop,prop:r.prop,label:r.label,width:r.width,sortable:r.sortable},e.createSlots({_:2},[o.$slots[r.prop]?{name:"default",fn:e.withCtx(s=>[e.renderSlot(o.$slots,r.prop,e.mergeProps({ref_for:!0},s),void 0,!0)]),key:"0"}:void 0]),1032,["prop","label","width","sortable"]))),128)),e.renderSlot(o.$slots,"append",{},void 0,!0)]),_:3},16,["data","border"])]))}}),[["__scopeId","data-v-160d151c"]]);t.MyButton=p,t.MyTable=f,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "customs-ui-kit",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "dist/customs-ui-kit.umd.js",
   "module": "dist/customs-ui-kit.es.js",
   "types": "dist/index.d.ts",

package/src/components/Button/Button.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ElButton } from 'element-plus';
 import type { ButtonProps as ElButtonProps } from 'element-plus';
-import { useCssModule } from 'vue';
 
 /**
  * 自定义按钮组件属性 (继承并扩展 Element Plus)
@@ -18,12 +17,12 @@ defineProps<MyButtonProps>();
 </script>
 
 <template>
-  <el-button v-bind="$attrs" :class="[$style.myButton, { [$style.isHighlight]: highlight }]">
+  <el-button v-bind="$attrs" class="myButton" :class="{ 'isHighlight': highlight }">
     <slot />
   </el-button>
 </template>
 
-<style module>
+<style scoped>
 .myButton {
   /* 在这里可以添加基础的自定义样式 */
 }

package/src/components/Table/Table.vue

@@ -45,8 +45,8 @@ withDefaults(defineProps<MyTableProps>(), {
 </script>
 
 <template>
-  <div :class="$style.myTableWrapper">
-    <el-table :data="data" :border="border" v-bind="$attrs" :class="$style.myTable">
+  <div class="myTableWrapper">
+    <el-table :data="data" :border="border" v-bind="$attrs" class="myTable">
       <el-table-column
         v-for="col in columns"
         :key="col.prop"
@@ -67,7 +67,7 @@ withDefaults(defineProps<MyTableProps>(), {
   </div>
 </template>
 
-<style module>
+<style scoped>
 .myTableWrapper {
   width: 100%;
   overflow: hidden;