@element-plus/nightly 0.0.20220125 → 0.0.20220126

package/es/components/tag/src/tag2.mjs

@@ -5,6 +5,7 @@ import '../../../hooks/index.mjs';
 import { tagProps, tagEmits } from './tag.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 const _sfc_main = defineComponent({
   name: "ElTag",
@@ -13,15 +14,16 @@ const _sfc_main = defineComponent({
   emits: tagEmits,
   setup(props, { emit }) {
     const tagSize = useSize();
+    const ns = useNamespace("tag");
     const classes = computed(() => {
       const { type, hit, effect, closable } = props;
       return [
-        "el-tag",
-        closable && "is-closable",
-        type ? `el-tag--${type}` : "",
-        tagSize.value ? `el-tag--${tagSize.value}` : "",
-        effect ? `el-tag--${effect}` : "",
-        hit && "is-hit"
+        ns.b(),
+        ns.is("closable", closable),
+        ns.m(type),
+        ns.m(tagSize.value),
+        ns.m(effect),
+        ns.is("hit", hit)
       ];
     });
     const handleClose = (event) => {
@@ -32,14 +34,13 @@ const _sfc_main = defineComponent({
       emit("click", event);
     };
     return {
+      ns,
       classes,
       handleClose,
       handleClick
     };
   }
 });
-const _hoisted_1 = { class: "el-tag__content" };
-const _hoisted_2 = { class: "el-tag__content" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -49,22 +50,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle({ backgroundColor: _ctx.color }),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("span", _hoisted_1, [
+    createElementVNode("span", {
+      class: normalizeClass(_ctx.ns.e("content"))
+    }, [
       renderSlot(_ctx.$slots, "default")
-    ]),
+    ], 2),
     _ctx.closable ? (openBlock(), createBlock(_component_el_icon, {
       key: 0,
-      class: "el-tag__close",
+      class: normalizeClass(_ctx.ns.e("close")),
       onClick: _ctx.handleClose
     }, {
       default: withCtx(() => [
         createVNode(_component_close)
       ]),
       _: 1
-    }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+    }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
   ], 6)) : (openBlock(), createBlock(Transition, {
     key: 1,
-    name: "el-zoom-in-center"
+    name: `${_ctx.ns.namespace.value}-zoom-in-center`
   }, {
     default: withCtx(() => [
       createElementVNode("span", {
@@ -72,23 +75,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle({ backgroundColor: _ctx.color }),
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
       }, [
-        createElementVNode("span", _hoisted_2, [
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.ns.e("content"))
+        }, [
           renderSlot(_ctx.$slots, "default")
-        ]),
+        ], 2),
         _ctx.closable ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
-          class: "el-tag__close",
+          class: normalizeClass(_ctx.ns.e("close")),
           onClick: _ctx.handleClose
         }, {
           default: withCtx(() => [
             createVNode(_component_close)
           ]),
           _: 1
-        }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
       ], 6)
     ]),
     _: 3
-  }));
+  }, 8, ["name"]));
 }
 var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 

package/es/components/tag/src/tag2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag2.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"!disableTransitions\"\n    :class=\"classes\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span class=\"el-tag__content\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"closable\" class=\"el-tag__close\" @click=\"handleClose\">\n      <close />\n    </el-icon>\n  </span>\n  <transition v-else name=\"el-zoom-in-center\">\n    <span\n      :class=\"classes\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span class=\"el-tag__content\">\n        <slot></slot>\n      </span>\n      <el-icon v-if=\"closable\" class=\"el-tag__close\" @click=\"handleClose\">\n        <close />\n      </el-icon>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { useSize } from '@element-plus/hooks'\nimport { tagProps, tagEmits } from './tag'\n\nexport default defineComponent({\n  name: 'ElTag',\n\n  components: { ElIcon, Close },\n\n  props: tagProps,\n  emits: tagEmits,\n\n  setup(props, { emit }) {\n    const tagSize = useSize()\n    const classes = computed(() => {\n      const { type, hit, effect, closable } = props\n      return [\n        'el-tag',\n        closable && 'is-closable',\n        type ? `el-tag--${type}` : '',\n        tagSize.value ? `el-tag--${tagSize.value}` : '',\n        effect ? `el-tag--${effect}` : '',\n        hit && 'is-hit',\n      ]\n    })\n\n    // methods\n    const handleClose = (event: MouseEvent) => {\n      event.stopPropagation()\n      emit('close', event)\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      classes,\n      handleClose,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeClass","_normalizeStyle","_withCtx"],"mappings":";;;;;;;;AAsCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY,EAAE,QAAQ;AAAA,EAEtB,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,UAAU;AAChB,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,MAAM,KAAK,QAAQ,aAAa;AACxC,aAAO;AAAA,QACL;AAAA,QACA,YAAY;AAAA,QACZ,OAAO,WAAW,SAAS;AAAA,QAC3B,QAAQ,QAAQ,WAAW,QAAQ,UAAU;AAAA,QAC7C,SAAS,WAAW,WAAW;AAAA,QAC/B,OAAO;AAAA;AAAA;AAKX,UAAM,cAAc,CAAC,UAAsB;AACzC,YAAM;AACN,WAAK,SAAS;AAAA;AAGhB,UAAM,cAAc,CAAC,UAAsB;AACzC,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;qBArDM,OAAM;;;;;;IAjBb,KAAK;AAAA,IACL,OAAKA;AAAA,IACL,OAAKC;AAAA;KAEN;AAAA,uBACe;AAAA;;;MAEU,KAAK;AAAA,MAAkB,OAAK;AAAA;;eACnDC,QAAS;AAAA;;;;;IAGM,KAAI;AAAA;;aACrBA,cAWO;AAAA,yBAVC,QAAE;AAAA,QACP,OAAKF;AAAA,QACL,OAAKC;AAAA;SAEN;AAAA,2BACe;AAAA;;;UAEU,KAAK;AAAA,UAAkB,OAAK;AAAA;;mBACnDC,QAAS;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"tag2.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"!disableTransitions\"\n    :class=\"classes\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"ns.e('content')\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click=\"handleClose\">\n      <close />\n    </el-icon>\n  </span>\n  <transition v-else :name=\"`${ns.namespace.value}-zoom-in-center`\">\n    <span\n      :class=\"classes\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot></slot>\n      </span>\n      <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click=\"handleClose\">\n        <close />\n      </el-icon>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { useSize, useNamespace } from '@element-plus/hooks'\nimport { tagProps, tagEmits } from './tag'\n\nexport default defineComponent({\n  name: 'ElTag',\n\n  components: { ElIcon, Close },\n\n  props: tagProps,\n  emits: tagEmits,\n\n  setup(props, { emit }) {\n    const tagSize = useSize()\n    const ns = useNamespace('tag')\n    const classes = computed(() => {\n      const { type, hit, effect, closable } = props\n      return [\n        ns.b(),\n        ns.is('closable', closable),\n        ns.m(type),\n        ns.m(tagSize.value),\n        ns.m(effect),\n        ns.is('hit', hit),\n      ]\n    })\n\n    // methods\n    const handleClose = (event: MouseEvent) => {\n      event.stopPropagation()\n      emit('close', event)\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      ns,\n      classes,\n      handleClose,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeClass","_normalizeStyle","_withCtx"],"mappings":";;;;;;;;;AAsCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY,EAAE,QAAQ;AAAA,EAEtB,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,UAAU;AAChB,UAAM,KAAK,aAAa;AACxB,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,MAAM,KAAK,QAAQ,aAAa;AACxC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,GAAG,YAAY;AAAA,QAClB,GAAG,EAAE;AAAA,QACL,GAAG,EAAE,QAAQ;AAAA,QACb,GAAG,EAAE;AAAA,QACL,GAAG,GAAG,OAAO;AAAA;AAAA;AAKjB,UAAM,cAAc,CAAC,UAAsB;AACzC,YAAM;AACN,WAAK,SAAS;AAAA;AAGhB,UAAM,cAAc,CAAC,UAAsB;AACzC,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;IAxED,KAAK;AAAA,IACL,OAAKA;AAAA,IACL,OAAKC;AAAA;KAEN;AAAA,uBAAY,QAAE;AAAA;OACZ;AAAA;OAEa;AAAA;MAAW,KAAK;AAAA,MAAkB,OAAKD,eAAE,KAAW;AAAA;;eACjEE,QAAS;AAAA;;;;;IAGO,KAAI;AAAA;;aACtBA,cAWO;AAAA,yBAVC,QAAE;AAAA,QACP,OAAKF;AAAA,QACL,OAAKC;AAAA;SAEN;AAAA,2BAAY,QAAE;AAAA;WACZ;AAAA;WAEa;AAAA;UAAW,KAAK;AAAA,UAAkB,OAAKD,eAAE,KAAW;AAAA;;mBACjEE,QAAS;AAAA;;;;;;;;;;;;;"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220125";
+export declare const version = "0.0.20220126";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20220125";
+const version = "0.0.20220126";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220125'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220126'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/drawer/index.d.ts

@@ -27,6 +27,17 @@ export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import
     drawerRef: import("vue").Ref<HTMLElement | undefined>;
     isHorizontal: import("vue").ComputedRef<boolean>;
     drawerSize: import("vue").ComputedRef<string>;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     afterEnter: () => void;
     afterLeave: () => void;
     beforeLeave: () => void;

package/lib/components/drawer/src/drawer.vue.d.ts

@@ -27,6 +27,17 @@ declare const _default: import("vue").DefineComponent<{
     drawerRef: import("vue").Ref<HTMLElement | undefined>;
     isHorizontal: import("vue").ComputedRef<boolean>;
     drawerSize: import("vue").ComputedRef<string>;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     afterEnter: () => void;
     afterLeave: () => void;
     beforeLeave: () => void;

package/lib/components/drawer/src/drawer2.js

@@ -8,9 +8,11 @@ var index = require('../../overlay/index.js');
 require('../../dialog/index.js');
 var index$1 = require('../../icon/index.js');
 require('../../../directives/index.js');
+require('../../../hooks/index.js');
 var drawer = require('./drawer.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$2 = require('../../../directives/trap-focus/index.js');
+var index$3 = require('../../../hooks/use-namespace/index.js');
 var useDialog = require('../../dialog/src/use-dialog.js');
 
 const _sfc_main = vue.defineComponent({
@@ -27,32 +29,22 @@ const _sfc_main = vue.defineComponent({
   emits: drawer.drawerEmits,
   setup(props, ctx) {
     const drawerRef = vue.ref();
+    const ns = index$3.useNamespace("drawer");
     const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
     const drawerSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
     return {
       ...useDialog.useDialog(props, ctx, drawerRef),
       drawerRef,
       isHorizontal,
-      drawerSize
+      drawerSize,
+      ns
     };
   }
 });
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
-  key: 0,
-  id: "el-drawer__title",
-  class: "el-drawer__header"
-};
+const _hoisted_1 = ["aria-labelledby", "aria-label"];
+const _hoisted_2 = ["id"];
 const _hoisted_3 = ["title"];
 const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = {
-  key: 1,
-  class: "el-drawer__body"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "el-drawer__footer"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = vue.resolveComponent("close");
   const _component_el_icon = vue.resolveComponent("el-icon");
@@ -63,7 +55,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: !_ctx.appendToBody
   }, [
     vue.createVNode(vue.Transition, {
-      name: "el-drawer-fade",
+      name: _ctx.ns.b("fade"),
       onAfterEnter: _ctx.afterEnter,
       onAfterLeave: _ctx.afterLeave,
       onBeforeLeave: _ctx.beforeLeave
@@ -79,15 +71,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               ref: "drawerRef",
               "aria-modal": "true",
-              "aria-labelledby": "el-drawer__title",
+              "aria-labelledby": _ctx.ns.e("title"),
               "aria-label": _ctx.title,
-              class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+              class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
               style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
               role: "dialog",
               onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [
+              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
+                key: 0,
+                id: _ctx.ns.e("title"),
+                class: vue.normalizeClass(_ctx.ns.e("header"))
+              }, [
                 vue.renderSlot(_ctx.$slots, "title", {}, () => [
                   vue.createElementVNode("span", {
                     role: "heading",
@@ -97,24 +93,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
                   "aria-label": "close " + (_ctx.title || "drawer"),
-                  class: "el-drawer__close-btn",
+                  class: vue.normalizeClass(_ctx.ns.e("close-btn")),
                   type: "button",
                   onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
                 }, [
-                  vue.createVNode(_component_el_icon, { class: "el-drawer__close" }, {
+                  vue.createVNode(_component_el_icon, {
+                    class: vue.normalizeClass(_ctx.ns.e("close"))
+                  }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(_component_close)
                     ]),
                     _: 1
-                  })
-                ], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-              ])) : vue.createCommentVNode("v-if", true),
-              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_5, [
+                  }, 8, ["class"])
+                ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true)
+              ], 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
+                key: 1,
+                class: vue.normalizeClass(_ctx.ns.e("body"))
+              }, [
                 vue.renderSlot(_ctx.$slots, "default")
-              ])) : vue.createCommentVNode("v-if", true),
-              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: vue.normalizeClass(_ctx.ns.e("footer"))
+              }, [
                 vue.renderSlot(_ctx.$slots, "footer")
-              ])) : vue.createCommentVNode("v-if", true)
+              ], 2)) : vue.createCommentVNode("v-if", true)
             ], 14, _hoisted_1)), [
               [_directive_trap_focus]
             ])
@@ -125,7 +129,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
 var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);

package/lib/components/drawer/src/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"el-drawer-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon class=\"el-drawer__close\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\">\n              <slot></slot>\n            </section>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-drawer__footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n  emits: drawerEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n\n    const isHorizontal = computed(\n      () => props.direction === 'rtl' || props.direction === 'ltr'\n    )\n    const drawerSize = computed(() =>\n      typeof props.size === 'number' ? `${props.size}px` : props.size\n    )\n\n    return {\n      ...useDialog(props, ctx, drawerRef),\n      drawerRef,\n      isHorizontal,\n      drawerSize,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElIcon","Close","TrapFocus","drawerProps","drawerEmits","ref","computed","useDialog","_openBlock","_createBlock","_Transition","_createVNode","_createElementBlock","_normalizeClass","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;AAwEA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,WACAC;AAAA;AAAA,EAEF,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC;AAElB,UAAM,eAAeC,aACnB,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAEzD,UAAM,aAAaA,aAAS,MAC1B,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAG7D,WAAO;AAAA,SACFC,oBAAU,OAAO,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;EArEM,KAAG;AAAA,EACH;AAAA;;;;;EAkBS,KAAK;AAAA;;;EAIU,KAAK;AAAA;;;;;;;SApD1BC,iBAAMC;AAAA,IAAE;AAAA;KACnB;AAAA,oBACOC,gBAAgB;AAAA,MACpB;AAAA,MACA,cAAa;AAAA,MACb,cAAY,KAAE;AAAA;;2BAEf;AAAA,2BAESC,gBAAK;AAAA,UACX;AAAA,UACA,iBAAS,KAAM;AAAA,UACf,WAAO;AAAA;;;iDAGSC;AAAA,cAEf;AAAA,cACA;AAAA,cACC,mBAAY;AAAA,cACZ,cAAK;AAAA,cACL,OAAKC;AAAA,cAAe;cAIpB;AAAA;;eAGO;AAAA,kDAQCD;AAAA,+BAHL,aAEO;AAAA,yCAFa;AAAA,oBAAE,MAAK;AAAA;;;;kBAM1B;AAAA,kBACD,cAAM,iBAAsB;AAAA,kBAC5B,OAAK;AAAA,kBACJ;AAAA;mBAED;AAAA,sDAA2C;AAAA,6BAATE,YAAS;AAAA;;;;;oBAG/BC,uBAAQ;AAAA,gDAEPH;AAAA;oBAGNG,uBAAa;AAAA,qDACKH;AAAA;;;;;;;cA7CvB,SAAO;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      :name=\"ns.b('fade')\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          :aria-labelledby=\"ns.e('title')\"\n          :aria-label=\"title\"\n          :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header v-if=\"withHeader\" :id=\"ns.e('title')\" :class=\"ns.e('header')\">\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              :class=\"ns.e('close-btn')\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon :class=\"ns.e('close')\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section :class=\"ns.e('body')\">\n              <slot></slot>\n            </section>\n          </template>\n          <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { useNamespace } from '@element-plus/hooks'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n  emits: drawerEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n    const ns = useNamespace('drawer')\n\n    const isHorizontal = computed(\n      () => props.direction === 'rtl' || props.direction === 'ltr'\n    )\n    const drawerSize = computed(() =>\n      typeof props.size === 'number' ? `${props.size}px` : props.size\n    )\n\n    return {\n      ...useDialog(props, ctx, drawerRef),\n      drawerRef,\n      isHorizontal,\n      drawerSize,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElIcon","Close","TrapFocus","drawerProps","drawerEmits","ref","useNamespace","computed","useDialog","_openBlock","_createBlock","_Transition","_createVNode","_createElementBlock","_normalizeClass","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;AAqEA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,WACAC;AAAA;AAAA,EAEF,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC;AAClB,UAAM,KAAKC,qBAAa;AAExB,UAAM,eAAeC,aACnB,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAEzD,UAAM,aAAaA,aAAS,MAC1B,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAG7D,WAAO;AAAA,SACFC,oBAAU,OAAO,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;;;SAjGSC,iBAAMC;AAAA,IAAE;AAAA;KACnB;AAAA,oBACSC,gBAAI;AAAA,MACV,cAAa;AAAA,MACb,cAAa;AAAA,MACb,cAAY,KAAE;AAAA;;2BAEf;AAAA,2BAESC,gBAAK;AAAA,UACX;AAAA,UACA,iBAAS,KAAM;AAAA,UACf,WAAO;AAAA;;;iDAGSC;AAAA,cAEf;AAAA,cACC;AAAA,cACA,mBAAY,KAAK;AAAA,cACjB,cAAK;AAAA,cACL,OAAKC;AAAA,cAAe;cAIpB;AAAA;;eAEa;AAAA;gBAAa,KAAI;AAAA,gBAAgB,SAAK;AAAA;iBAClD;AAAA,+BACE,aAEO;AAAA,yCAFa;AAAA,oBAAE,MAAK;AAAA;;;;kBAM1B;AAAA,kBACA,cAAK,iBAAK,SAAC;AAAA,kBACZ,OAAKA,mBAAQ;AAAA,kBACZ;AAAA;mBAED;AAAA,kCAAe,oBAAK;AAAA;;6BAAYC,YAAS;AAAA;;;;;oCAG7BC,uBAAQ;AAAA;gBACZ,KAAK;AAAA;iBACb;AAAA;uBAGOA,uBAAa;AAAA;gBAAG,KAAK;AAAA;iBAC9B;AAAA;;;;;;;cAzCI,SAAO;AAAA;;;;;;;;;;;"}

package/lib/components/empty/src/img-empty.js

@@ -22,11 +22,11 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = ["id"];
 const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("stop", {
-  "stop-color": "#FCFCFD",
+  "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
 const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("stop", {
-  "stop-color": "#EEEFF3",
+  "stop-color": "var(--el-empty-fill-color-4)",
   offset: "100%"
 }, null, -1);
 const _hoisted_5 = [
@@ -35,11 +35,11 @@ const _hoisted_5 = [
 ];
 const _hoisted_6 = ["id"];
 const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("stop", {
-  "stop-color": "#FCFCFD",
+  "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
 const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("stop", {
-  "stop-color": "#E9EBEF",
+  "stop-color": "var(--el-empty-fill-color-6)",
   offset: "100%"
 }, null, -1);
 const _hoisted_9 = [
@@ -65,11 +65,11 @@ const _hoisted_13 = {
 const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("path", {
   id: "Oval-Copy-2",
   d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
-  fill: "#F7F8FC"
+  fill: "var(--el-empty-fill-color-3)"
 }, null, -1);
 const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("polygon", {
   id: "Rectangle-Copy-14",
-  fill: "#E5E7E9",
+  fill: "var(--el-empty-fill-color-7)",
   transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
   points: "13 58 53 58 42 45 2 45"
 }, null, -1);
@@ -79,19 +79,19 @@ const _hoisted_16 = {
 };
 const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("polygon", {
   id: "Rectangle-Copy-10",
-  fill: "#E5E7E9",
+  fill: "var(--el-empty-fill-color-7)",
   transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
   points: "2.84078316e-14 3 18 3 23 7 5 7"
 }, null, -1);
 const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("polygon", {
   id: "Rectangle-Copy-11",
-  fill: "#EDEEF2",
+  fill: "var(--el-empty-fill-color-5)",
   points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
 }, null, -1);
 const _hoisted_19 = ["fill"];
 const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("polygon", {
   id: "Rectangle-Copy-13",
-  fill: "#F8F9FB",
+  fill: "var(--el-empty-fill-color-2)",
   transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
   points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
 }, null, -1);
@@ -106,7 +106,7 @@ const _hoisted_25 = ["xlink:href"];
 const _hoisted_26 = ["mask"];
 const _hoisted_27 = /* @__PURE__ */ vue.createElementVNode("polygon", {
   id: "Rectangle-Copy-18",
-  fill: "#F8F9FB",
+  fill: "var(--el-empty-fill-color-2)",
   transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
   points: "62 45 79 45 70 58 53 58"
 }, null, -1);
@@ -165,7 +165,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createElementVNode("g", _hoisted_22, [
             vue.createElementVNode("mask", {
               id: `mask-4-${_ctx.id}`,
-              fill: "white"
+              fill: "var(--el-empty-fill-color-0)"
             }, [
               vue.createElementVNode("use", {
                 "xlink:href": `#path-3-${_ctx.id}`
@@ -173,13 +173,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ], 8, _hoisted_23),
             vue.createElementVNode("use", {
               id: "Mask",
-              fill: "#E0E3E9",
+              fill: "var(--el-empty-fill-color-8)",
               transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
               "xlink:href": `#path-3-${_ctx.id}`
             }, null, 8, _hoisted_25),
             vue.createElementVNode("polygon", {
               id: "Rectangle-Copy",
-              fill: "#D5D7DE",
+              fill: "var(--el-empty-fill-color-9)",
               mask: `url(#mask-4-${_ctx.id})`,
               transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
               points: "7 0 24 0 20 18 -1.70530257e-13 16"

package/lib/components/empty/src/img-empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"img-empty.js","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            fill=\"#F7F8FC\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            fill=\"#E5E7E9\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              fill=\"#E5E7E9\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              fill=\"#EDEEF2\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              fill=\"#F8F9FB\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n              <use :xlink:href=\"`#path-3-${id}`\" />\n            </mask>\n            <use\n              id=\"Mask\"\n              fill=\"#E0E3E9\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              fill=\"#D5D7DE\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            fill=\"#F8F9FB\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n  name: 'ImgEmpty',\n  setup() {\n    return {\n      id: ++id,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","_openBlock","_createElementBlock"],"mappings":";;;;;;;AA0HA,IAAI,KAAK;AACT,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI,EAAE;AAAA;AAAA;AAAA;MA7HR,aAAQ;AAAA,EACR,SAAQ;AAAA,EACR,SAAM;AAAA,EACN;AAAA;;;MAUU;AAAoB,EAAC,cAAW;AAAA;;MAChC;AAAoB,EAAC,cAAa;AAAA;;MADxC,aAAyC;AAAA,EACzC;AAAA;;;MASM;AAAoB,EAAC,cAAW;AAAA;;MAChC;AAAoB,EAAC,cAAa;AAAA;;MADxC,aAAyC;AAAA,EACzC;AAAA;;;MAKC;AAAA,EACH;AAAA,EACA;AAAA,EACA,gBAAW;AAAA,EACX;AAAA;;MAEM,cAAQ;AAAA,EAAC;AAAA;;MACP,cAAS;AAAA,EAAC;AAAA;;MAET;AAAa,EAChB,IAAE;AAAA,EACF;AAAA;;MAGG;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;MAGJ,cAAY;AAAA,EACf;AAAA;;MAGK;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;MAGJ;AAAmB,EACtB,IAAI;AAAA,EACJ,MAAM;AAAA;;;MAYH;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;;MAWL;AAAA,EAAoB;AAAA;;;;;;MAmBrB;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;2BA9GjB,yCAmHM;SA7GJC,iBAsBOC;AAAA,2BArBL,QASiB;AAAA,6BARZ,kBAAwB;AAAA,QAC3B,IAAG,oBAAa;AAAA,QAChB,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA;SAKL,eASiB;AAAA,6BARZ,kBAAwB;AAAA,QAC3B,IAAG,oBAAI;AAAA,QACP,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA;SAKL,eAAgE;AAAA,6BAA3C,QAAE;AAAA,QAAI,IAAE,UAAG;AAAA,QAAC,GAAE;AAAA,QAAI;AAAA,QAAW,OAAM;AAAA;;;2BASxD,KA6EI;AAAA,6BA5EF,KA2EI;AAAA,+BAtEA;AAAA,UACF;AAAA,UAMA;AAAA,iCASI;AAAA,YACF;AAAA,YAKA;AAAA,mCACK,QAAmB;AAAA,cACrB,IAAI;AAAA,cACL,+BAAU;AAAA,cACV,WAAM;AAAA,cACN,GAAE;AAAA,cACF;AAAA,cACA,OAAM;AAAA;eAER,SAKE;AAAA;;iCAGC,QAAmB;AAAA,YACrB,IAAI;AAAA,YACL,MAAE,yBAAI;AAAA,YACN,GAAE;AAAA,YACF;AAAA,YACA,OAAM;AAAA;aAER,SAiBI;AAAA,iCAhBF,KAEO;AAAA,mCAFc,QAAE;AAAA,cAAI,IAAI,UAAQ;AAAA;eACrC;AAAA,qCAAgB,OAAa;AAAA;;eAE/B;AAAA,mCACW;AAAA,cACT,IAAI;AAAA,cACJ;AAAA,cACC;AAAA;eAEH,SAME;AAAA,mCALG,WAAgB;AAAA,cACnB,IAAI;AAAA,cACH,MAAI;AAAA,cACL,qBAAU;AAAA,cACV,WAAO;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"img-empty.js","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop stop-color=\"var(--el-empty-fill-color-1)\" offset=\"0%\" />\n        <stop stop-color=\"var(--el-empty-fill-color-4)\" offset=\"100%\" />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop stop-color=\"var(--el-empty-fill-color-1)\" offset=\"0%\" />\n        <stop stop-color=\"var(--el-empty-fill-color-6)\" offset=\"100%\" />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            fill=\"var(--el-empty-fill-color-3)\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            fill=\"var(--el-empty-fill-color-7)\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              fill=\"var(--el-empty-fill-color-7)\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              fill=\"var(--el-empty-fill-color-5)\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              fill=\"var(--el-empty-fill-color-2)\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <mask :id=\"`mask-4-${id}`\" fill=\"var(--el-empty-fill-color-0)\">\n              <use :xlink:href=\"`#path-3-${id}`\" />\n            </mask>\n            <use\n              id=\"Mask\"\n              fill=\"var(--el-empty-fill-color-8)\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              fill=\"var(--el-empty-fill-color-9)\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            fill=\"var(--el-empty-fill-color-2)\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n  name: 'ImgEmpty',\n  setup() {\n    return {\n      id: ++id,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","_openBlock","_createElementBlock"],"mappings":";;;;;;;AA0HA,IAAI,KAAK;AACT,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI,EAAE;AAAA;AAAA;AAAA;MA7HR,aAAQ;AAAA,EACR,SAAQ;AAAA,EACR,SAAM;AAAA,EACN;AAAA;;;MAUU,oDAAyC;AAAA,EAAC,cAAW;AAAA;;MACrD,oDAAyC;AAAA,EAAC,cAAa;AAAA;;MAD7D,aAA8D;AAAA,EAC9D;AAAA;;;MASM,oDAAyC;AAAA,EAAC,cAAW;AAAA;;MACrD,oDAAyC;AAAA,EAAC,cAAa;AAAA;;MAD7D,aAA8D;AAAA,EAC9D;AAAA;;;MAKC;AAAA,EACH;AAAA,EACA;AAAA,EACA,gBAAW;AAAA,EACX;AAAA;;MAEM,cAAQ;AAAA,EAAC;AAAA;;MACP,cAAS;AAAA,EAAC;AAAA;;MAET;AAAa,EAChB,IAAE;AAAA,EACF;AAAA;;MAGG;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;MAGJ,cAAY;AAAA,EACf;AAAA;;MAGK;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;MAGJ;AAAmB,EACtB,IAAI;AAAA,EACJ,MAAM;AAAA;;;MAYH;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;;MAWL;AAAA,EAAoB;AAAA;;;;;;MAmBrB;AAAmB,EACtB,IAAI;AAAA,EACJ;AAAA,EACA,WAAO;AAAA;;2BA9GjB,yCAmHM;SA7GJC,iBAsBOC;AAAA,2BArBL,QASiB;AAAA,6BARZ,kBAAwB;AAAA,QAC3B,IAAG,oBAAa;AAAA,QAChB,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA;SAKL,eASiB;AAAA,6BARZ,kBAAwB;AAAA,QAC3B,IAAG,oBAAI;AAAA,QACP,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA;SAKL,eAAgE;AAAA,6BAA3C,QAAE;AAAA,QAAI,IAAE,UAAG;AAAA,QAAC,GAAE;AAAA,QAAI;AAAA,QAAW,OAAM;AAAA;;;2BASxD,KA6EI;AAAA,6BA5EF,KA2EI;AAAA,+BAtEA;AAAA,UACF;AAAA,UAMA;AAAA,iCASI;AAAA,YACF;AAAA,YAKA;AAAA,mCACK,QAAmB;AAAA,cACrB,IAAI;AAAA,cACL,+BAAU;AAAA,cACV,WAAM;AAAA,cACN,GAAE;AAAA,cACF;AAAA,cACA,OAAM;AAAA;eAER,SAKE;AAAA;;iCAGC,QAAmB;AAAA,YACrB,IAAI;AAAA,YACL,MAAE,yBAAI;AAAA,YACN,GAAE;AAAA,YACF;AAAA,YACA,OAAM;AAAA;aAER,SAiBI;AAAA,iCAhBF,KAEO;AAAA,mCAFc,QAAE;AAAA,cAAI,IAAI,UAAC;AAAA;eAC9B;AAAA,qCAAgB,OAAa;AAAA;;eAE/B;AAAA,mCACW;AAAA,cACT,IAAI;AAAA,cACJ;AAAA,cACC;AAAA;eAEH,SAME;AAAA,mCALG,WAAgB;AAAA,cACnB,IAAI;AAAA,cACH,MAAI;AAAA,cACL,qBAAU;AAAA,cACV,WAAO;AAAA;;;;;;;;;;;;;"}

package/lib/components/rate/index.d.ts

@@ -3,9 +3,9 @@ export declare const ElRate: import("../../utils/types").SFCWithInstall<import("
     readonly lowThreshold: import("../../utils/props").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly highThreshold: import("../../utils/props").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
     readonly max: import("../../utils/props").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
-    readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
+    readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["var(--el-rate-star-color)", "var(--el-rate-star-color)", "var(--el-rate-star-color)"], unknown, unknown, unknown>;
+    readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-void-color)", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-disable-void-color)", unknown, unknown, unknown>;
     readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
     readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
@@ -13,7 +13,7 @@ export declare const ElRate: import("../../utils/types").SFCWithInstall<import("
     readonly allowHalf: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showScore: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#1f2d3d", unknown, unknown, unknown>;
+    readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-text-color)", unknown, unknown, unknown>;
     readonly texts: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
     readonly scoreTemplate: import("../../utils/props").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
     readonly size: import("../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../utils/types").ComponentSize & {}) | (() => import("../../utils/types").ComponentSize) | ((new (...args: any[]) => import("../../utils/types").ComponentSize & {}) | (() => import("../../utils/types").ComponentSize))[], unknown, unknown, unknown, unknown>;
@@ -75,9 +75,9 @@ export declare const ElRate: import("../../utils/types").SFCWithInstall<import("
     readonly lowThreshold: import("../../utils/props").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly highThreshold: import("../../utils/props").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
     readonly max: import("../../utils/props").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
-    readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
+    readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["var(--el-rate-star-color)", "var(--el-rate-star-color)", "var(--el-rate-star-color)"], unknown, unknown, unknown>;
+    readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-void-color)", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-disable-void-color)", unknown, unknown, unknown>;
     readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
     readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
@@ -85,7 +85,7 @@ export declare const ElRate: import("../../utils/types").SFCWithInstall<import("
     readonly allowHalf: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showScore: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#1f2d3d", unknown, unknown, unknown>;
+    readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-text-color)", unknown, unknown, unknown>;
     readonly texts: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
     readonly scoreTemplate: import("../../utils/props").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
     readonly size: import("../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../utils/types").ComponentSize & {}) | (() => import("../../utils/types").ComponentSize) | ((new (...args: any[]) => import("../../utils/types").ComponentSize & {}) | (() => import("../../utils/types").ComponentSize))[], unknown, unknown, unknown, unknown>;

package/lib/components/rate/src/rate.d.ts

@@ -6,9 +6,9 @@ export declare const rateProps: {
     readonly lowThreshold: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly highThreshold: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
     readonly max: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
-    readonly voidColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
+    readonly colors: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string[] | Record<number, string>>, () => ["var(--el-rate-star-color)", "var(--el-rate-star-color)", "var(--el-rate-star-color)"], unknown, unknown, unknown>;
+    readonly voidColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-void-color)", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-disable-void-color)", unknown, unknown, unknown>;
     readonly icons: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
     readonly voidIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabledvoidIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
@@ -16,7 +16,7 @@ export declare const rateProps: {
     readonly allowHalf: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showScore: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "#1f2d3d", unknown, unknown, unknown>;
+    readonly textColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "var(--el-rate-text-color)", unknown, unknown, unknown>;
     readonly texts: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
     readonly scoreTemplate: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => ComponentSize & {}) | (() => ComponentSize) | ((new (...args: any[]) => ComponentSize & {}) | (() => ComponentSize))[], unknown, unknown, unknown, unknown>;

package/lib/components/rate/src/rate.js

@@ -26,15 +26,19 @@ const rateProps = props.buildProps({
   },
   colors: {
     type: props.definePropType([Array, Object]),
-    default: () => props.mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
+    default: () => props.mutable([
+      "var(--el-rate-star-color)",
+      "var(--el-rate-star-color)",
+      "var(--el-rate-star-color)"
+    ])
   },
   voidColor: {
     type: String,
-    default: "#C6D1DE"
+    default: "var(--el-rate-void-color)"
   },
   disabledVoidColor: {
     type: String,
-    default: "#EFF2F7"
+    default: "var(--el-rate-disable-void-color)"
   },
   icons: {
     type: props.definePropType([Array, Object]),
@@ -66,7 +70,7 @@ const rateProps = props.buildProps({
   },
   textColor: {
     type: String,
-    default: "#1f2d3d"
+    default: "var(--el-rate-text-color)"
   },
   texts: {
     type: props.definePropType(Array),