element-plus-secondary 0.0.11 → 0.0.12

package/lib/components/popconfirm/src/popconfirm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    effect=\"light\"\n    v-bind=\"$attrs\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :popper-style=\"style\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <el-button\n            size=\"small\"\n            :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n            :text=\"cancelButtonType === 'text'\"\n            @click=\"cancel\"\n          >\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button\n            size=\"small\"\n            :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n            :text=\"confirmButtonType === 'text'\"\n            @click=\"confirm\"\n          >\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport { popconfirmProps } from './popconfirm'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<TooltipInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.onClose?.()\n}\n\nconst style = computed(() => {\n  return {\n    width: addUnit(props.width),\n  }\n})\n\nconst confirm = (e: Event) => {\n  props.onConfirm?.(e)\n  hidePopper()\n}\nconst cancel = (e: Event) => {\n  props.onCancel?.(e)\n  hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":["useLocale","useNamespace","ref","style","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;uCA8Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,OAAqB,EAAA,CAAA;AAExC,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAW;AAAiB,MAC9B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAO,MAAAC,OAAA,GAAAC,YAAA,CAAA,MAAA;AAAA,MACL,OAAA;AAA0B,QAC5B,KAAA,EAAAC,aAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,iBAAmB;AACnB,MAAW,IAAA,EAAA,CAAA;AAAA,MACb,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACA,MAAM,UAAA,EAAA,CAAS;AACb,KAAA,CAAA;AACA,IAAW,MAAA,MAAA,GAAA,CAAA,CAAA,KAAA;AAAA,MACb,IAAA,EAAA,CAAA;AAEA,MAAA,CAAA,EAAA,0BAA+B,GAC7B,KAAA,CAAA,GAAA,EAAA,CAAM,UAA2B,EAAA,CAAA,CAAA,CAAA;AAEnC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Popconfirm from './popconfirm.vue'\n\nexport const popconfirmProps = buildProps({\n  title: String,\n  confirmButtonText: String,\n  cancelButtonText: String,\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  onConfirm: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: useTooltipContentProps.persistent,\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm>\n"],"names":["buildProps","buttonTypes","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,iBAAiB,EAAE,MAAM;AAC3B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,kBAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,kBAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,uBAAc;AACjC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}

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

@@ -1385,6 +1385,14 @@ export declare const ElPopover: import("element-plus-secondary/es/utils").SFCWit
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -2861,6 +2869,7 @@ export declare const ElPopover: import("element-plus-secondary/es/utils").SFCWit
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -4239,6 +4248,14 @@ export declare const ElPopover: import("element-plus-secondary/es/utils").SFCWit
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -5715,6 +5732,7 @@ export declare const ElPopover: import("element-plus-secondary/es/utils").SFCWit
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;
@@ -7074,6 +7092,14 @@ export declare const ElPopover: import("element-plus-secondary/es/utils").SFCWit
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -8550,6 +8576,7 @@ export declare const ElPopover: import("element-plus-secondary/es/utils").SFCWit
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;

package/lib/components/popover/src/popover.js

@@ -7,8 +7,8 @@ require('../../tooltip/index.js');
 require('../../dropdown/index.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var trigger = require('../../tooltip/src/trigger.js');
-var dropdown = require('../../dropdown/src/dropdown.js');
-var content = require('../../tooltip/src/content2.js');
+var dropdown = require('../../dropdown/src/dropdown2.js');
+var content = require('../../tooltip/src/content.js');
 var core = require('@vueuse/core');
 
 const popoverProps = runtime.buildProps({

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

@@ -1384,6 +1384,14 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -2860,6 +2868,7 @@ declare const _default: import("vue").DefineComponent<{
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -4238,6 +4247,14 @@ declare const _default: import("vue").DefineComponent<{
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -5714,6 +5731,7 @@ declare const _default: import("vue").DefineComponent<{
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;
@@ -7073,6 +7091,14 @@ declare const _default: import("vue").DefineComponent<{
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -8549,6 +8575,7 @@ declare const _default: import("vue").DefineComponent<{
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;

package/lib/components/popover/src/popover2.js

@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/popover/src/popover.vue"]]);
+var Popover = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/popover/src/popover.vue"]]);
 
 exports["default"] = Popover;
 //# sourceMappingURL=popover2.js.map

package/lib/components/popper/index.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
 var popper$1 = require('./src/popper.js');
-var arrow = require('./src/arrow2.js');
-var trigger = require('./src/trigger.js');
-var content = require('./src/content.js');
+var arrow = require('./src/arrow.js');
+var trigger = require('./src/trigger2.js');
+var content = require('./src/content2.js');
 var popper = require('./src/popper2.js');
-var trigger$1 = require('./src/trigger2.js');
-var content$1 = require('./src/content2.js');
-var arrow$1 = require('./src/arrow.js');
+var trigger$1 = require('./src/trigger.js');
+var content$1 = require('./src/content.js');
+var arrow$1 = require('./src/arrow2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElPopper = install.withInstall(popper$1["default"]);

package/lib/components/popper/src/arrow.js

@@ -2,17 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+require('../../../hooks/index.js');
+require('../../../tokens/index.js');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var arrow = require('./arrow2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var popper = require('../../../tokens/popper.js');
+var types = require('../../../utils/types.js');
 
-const popperArrowProps = runtime.buildProps({
-  arrowOffset: {
-    type: Number,
-    default: 5
+const __default__ = vue.defineComponent({
+  name: "ElPopperArrow",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: arrow.popperArrowProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = index.useNamespace("popper");
+    const { arrowOffset, arrowRef } = vue.inject(popper.POPPER_CONTENT_INJECTION_KEY, void 0);
+    vue.watch(() => props.arrowOffset, (val) => {
+      arrowOffset.value = val;
+    });
+    vue.onBeforeUnmount(() => {
+      arrowRef.value = void 0;
+    });
+    const customStyle = vue.inject("$custom-style-filter", {});
+    const {
+      border,
+      background
+    } = vue.toRefs(customStyle);
+    expose({
+      arrowRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        ref_key: "arrowRef",
+        ref: arrowRef,
+        style: vue.normalizeStyle(vue.unref(types.formatterStyle)(vue.unref(customStyle), ["background", "border"])),
+        class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(background) && "custom-bg", vue.unref(border) && "custom-br"]),
+        "data-popper-arrow": ""
+      }, null, 6);
+    };
   }
 });
-const usePopperArrowProps = popperArrowProps;
+var ElPopperArrow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/popper/src/arrow.vue"]]);
 
-exports.popperArrowProps = popperArrowProps;
-exports.usePopperArrowProps = usePopperArrowProps;
+exports["default"] = ElPopperArrow;
 //# sourceMappingURL=arrow.js.map

package/lib/components/popper/src/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport const popperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\nexport type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow>\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :style=\"formatterStyle(customStyle, ['background', 'border'])\" :class=\"[ns.e('arrow'), background && 'custom-bg', border && 'custom-br' ]\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch, toRefs } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-plus/tokens'\nimport { formatterStyle } from '@element-plus/utils'\nimport { popperArrowProps } from './arrow'\nimport type { CustomStyle } from '@element-plus/utils'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\nconst customStyle = inject('$custom-style-filter', {}) as CustomStyle\nconst {\n  border,\n  background,\n} = toRefs(customStyle)\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":["useNamespace","inject","POPPER_CONTENT_INJECTION_KEY","watch","onBeforeUnmount","toRefs"],"mappings":";;;;;;;;;;;;;;uCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAA,EAAa,QAAa,EAAA,GAAAC,UAAA,CAChCC,qCACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAAH,UAAA,CAAO,sBAAwB,EAAA,EAAE,CAAA,CAAA;AACrD,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,UAAA;AAAA,KAAA,GACEI,WAAO,WAAW,CAAA,CAAA;AAEtB,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}

package/lib/components/popper/src/arrow.vue.d.ts

@@ -1,8 +1,9 @@
+import type { CustomStyle } from 'element-plus-secondary/es/utils';
 declare const _default: import("vue").DefineComponent<{
-    readonly arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+        readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -26,8 +27,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     arrowOffset: import("vue").Ref<number | undefined>;
     arrowRef: import("vue").Ref<HTMLElement | undefined>;
+    customStyle: CustomStyle;
+    border: import("vue").Ref<string>;
+    background: import("vue").Ref<string>;
+    formatterStyle: (obj: CustomStyle, arr: (keyof CustomStyle)[]) => {
+        color?: string | undefined;
+        backgroundColor?: string | undefined;
+        borderColor?: string | undefined;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
 }>>, {
     readonly arrowOffset: number;
 }>;

package/lib/components/popper/src/arrow2.js

@@ -2,45 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-require('../../../tokens/index.js');
-var arrow = require('./arrow.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var popper = require('../../../tokens/popper.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPopperArrow",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: arrow.popperArrowProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = index.useNamespace("popper");
-    const { arrowOffset, arrowRef } = vue.inject(popper.POPPER_CONTENT_INJECTION_KEY, void 0);
-    vue.watch(() => props.arrowOffset, (val) => {
-      arrowOffset.value = val;
-    });
-    vue.onBeforeUnmount(() => {
-      arrowRef.value = void 0;
-    });
-    expose({
-      arrowRef
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        class: vue.normalizeClass(vue.unref(ns).e("arrow")),
-        "data-popper-arrow": ""
-      }, null, 2);
-    };
+const popperArrowProps = runtime.buildProps({
+  arrowOffset: {
+    type: Number,
+    default: 5
   }
 });
-var ElPopperArrow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/popper/src/arrow.vue"]]);
+const usePopperArrowProps = popperArrowProps;
 
-exports["default"] = ElPopperArrow;
+exports.popperArrowProps = popperArrowProps;
+exports.usePopperArrowProps = usePopperArrowProps;
 //# sourceMappingURL=arrow2.js.map

package/lib/components/popper/src/arrow2.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow2.js","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-plus/tokens'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":["useNamespace","inject","POPPER_CONTENT_INJECTION_KEY","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAA,EAAa,QAAa,EAAA,GAAAC,UAAA,CAChCC,qCACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow2.js","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport const popperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\nexport type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow>\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;;;;;"}