element-plus-secondary 0.0.11 → 0.0.13

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.js

@@ -28,6 +28,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const pickerBase = vue.inject("EP_PICKER_BASE");
+    const customStyle = vue.inject("$custom-style-filter", {});
+    const borderColor = vue.computed(() => {
+      return customStyle.border;
+    });
     const {
       arrowControl,
       disabledHours,
@@ -132,10 +136,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           _ctx.actualVisible || _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
+            style: vue.normalizeStyle([vue.unref(types.formatterStyle)(vue.unref(customStyle), ["background", "border"])]),
             class: vue.normalizeClass(vue.unref(ns).b("panel"))
           }, [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(ns).be("panel", "content"), { "has-seconds": vue.unref(showSeconds) }])
+              style: vue.normalizeStyle([vue.unref(types.formatterStyle)(vue.unref(customStyle), ["border"])]),
+              class: vue.normalizeClass([vue.unref(ns).be("panel", "content"), { "has-seconds": vue.unref(showSeconds) }, { "has-seconds-border": !!vue.unref(borderColor) }])
             }, [
               vue.createVNode(basicTimeSpinner["default"], {
                 ref: "spinner",
@@ -151,29 +157,32 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onSetOption: vue.unref(onSetOption),
                 onSelectRange: setSelectionRange
               }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onSetOption"])
-            ], 2),
+            ], 6),
             vue.createElementVNode("div", {
+              style: vue.normalizeStyle([vue.unref(types.formatterStyle)(vue.unref(customStyle), ["border"])]),
               class: vue.normalizeClass(vue.unref(ns).be("panel", "footer"))
             }, [
               vue.createElementVNode("button", {
                 type: "button",
                 class: vue.normalizeClass([vue.unref(ns).be("panel", "btn"), "cancel"]),
+                style: vue.normalizeStyle([vue.unref(types.formatterStyle)(vue.unref(customStyle), ["text"])]),
                 onClick: handleCancel
-              }, vue.toDisplayString(vue.unref(t)("el.datepicker.cancel")), 3),
+              }, vue.toDisplayString(vue.unref(t)("el.datepicker.cancel")), 7),
               vue.createElementVNode("button", {
                 type: "button",
+                style: vue.normalizeStyle([vue.unref(types.formatterStyle)(vue.unref(customStyle), ["text"])]),
                 class: vue.normalizeClass([vue.unref(ns).be("panel", "btn"), "confirm"]),
                 onClick: _cache[0] || (_cache[0] = ($event) => handleConfirm())
-              }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 3)
-            ], 2)
-          ], 2)) : vue.createCommentVNode("v-if", true)
+              }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 7)
+            ], 6)
+          ], 6)) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
       }, 8, ["name"]);
     };
   }
 });
-var TimePickPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"]]);
+var TimePickPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"]]);
 
 exports["default"] = TimePickPanel;
 //# sourceMappingURL=panel-time-pick.js.map

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-time-pick.js","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"],"sourcesContent":["<template>\n  <transition :name=\"transitionName\">\n    <div v-if=\"actualVisible || visible\" :class=\"ns.b('panel')\">\n      <div :class=\"[ns.be('panel', 'content'), { 'has-seconds': showSeconds }]\">\n        <time-spinner\n          ref=\"spinner\"\n          :role=\"datetimeRole || 'start'\"\n          :arrow-control=\"arrowControl\"\n          :show-seconds=\"showSeconds\"\n          :am-pm-mode=\"amPmMode\"\n          :spinner-date=\"(parsedValue as any)\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          @change=\"handleChange\"\n          @set-option=\"onSetOption\"\n          @select-range=\"setSelectionRange\"\n        />\n      </div>\n      <div :class=\"ns.be('panel', 'footer')\">\n        <button\n          type=\"button\"\n          :class=\"[ns.be('panel', 'btn'), 'cancel']\"\n          @click=\"handleCancel\"\n        >\n          {{ t('el.datepicker.cancel') }}\n        </button>\n        <button\n          type=\"button\"\n          :class=\"[ns.be('panel', 'btn'), 'confirm']\"\n          @click=\"handleConfirm()\"\n        >\n          {{ t('el.datepicker.confirm') }}\n        </button>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isUndefined } from '@element-plus/utils'\nimport { panelTimePickerProps } from '../props/panel-time-picker'\nimport { useTimePanel } from '../composables/use-time-panel'\nimport {\n  buildAvailableTimeSlotGetter,\n  useOldValue,\n} from '../composables/use-time-picker'\nimport TimeSpinner from './basic-time-spinner.vue'\n\nimport type { Dayjs } from 'dayjs'\n\nconst props = defineProps(panelTimePickerProps)\nconst emit = defineEmits(['pick', 'select-range', 'set-picker-option'])\n\n// Injections\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst {\n  arrowControl,\n  disabledHours,\n  disabledMinutes,\n  disabledSeconds,\n  defaultValue,\n} = pickerBase.props\nconst { getAvailableHours, getAvailableMinutes, getAvailableSeconds } =\n  buildAvailableTimeSlotGetter(disabledHours, disabledMinutes, disabledSeconds)\n\nconst ns = useNamespace('time')\nconst { t, lang } = useLocale()\n// data\nconst selectionRange = ref([0, 2])\nconst oldValue = useOldValue(props)\n// computed\nconst transitionName = computed(() => {\n  return isUndefined(props.actualVisible)\n    ? `${ns.namespace.value}-zoom-in-top`\n    : ''\n})\nconst showSeconds = computed(() => {\n  return props.format.includes('ss')\n})\nconst amPmMode = computed(() => {\n  if (props.format.includes('A')) return 'A'\n  if (props.format.includes('a')) return 'a'\n  return ''\n})\n// method\nconst isValidValue = (_date: Dayjs) => {\n  const parsedDate = dayjs(_date).locale(lang.value)\n  const result = getRangeAvailableTime(parsedDate)\n  return parsedDate.isSame(result)\n}\nconst handleCancel = () => {\n  emit('pick', oldValue.value, false)\n}\nconst handleConfirm = (visible = false, first = false) => {\n  if (first) return\n  emit('pick', props.parsedValue, visible)\n}\nconst handleChange = (_date: Dayjs) => {\n  // visible avoids edge cases, when use scrolls during panel closing animation\n  if (!props.visible) {\n    return\n  }\n  const result = getRangeAvailableTime(_date).millisecond(0)\n  emit('pick', result, true)\n}\n\nconst setSelectionRange = (start: number, end: number) => {\n  emit('select-range', start, end)\n  selectionRange.value = [start, end]\n}\n\nconst changeSelectionRange = (step: number) => {\n  const list = [0, 3].concat(showSeconds.value ? [6] : [])\n  const mapping = ['hours', 'minutes'].concat(\n    showSeconds.value ? ['seconds'] : []\n  )\n  const index = list.indexOf(selectionRange.value[0])\n  const next = (index + step + list.length) % list.length\n  timePickerOptions['start_emitSelectRange'](mapping[next])\n}\n\nconst handleKeydown = (event: KeyboardEvent) => {\n  const code = event.code\n\n  const { left, right, up, down } = EVENT_CODE\n\n  if ([left, right].includes(code)) {\n    const step = code === left ? -1 : 1\n    changeSelectionRange(step)\n    event.preventDefault()\n    return\n  }\n\n  if ([up, down].includes(code)) {\n    const step = code === up ? -1 : 1\n    timePickerOptions['start_scrollDown'](step)\n    event.preventDefault()\n    return\n  }\n}\n\nconst { timePickerOptions, onSetOption, getAvailableTime } = useTimePanel({\n  getAvailableHours,\n  getAvailableMinutes,\n  getAvailableSeconds,\n})\n\nconst getRangeAvailableTime = (date: Dayjs) => {\n  return getAvailableTime(date, props.datetimeRole || '', true)\n}\n\nconst parseUserInput = (value: Dayjs) => {\n  if (!value) return null\n  return dayjs(value, props.format).locale(lang.value)\n}\n\nconst formatToString = (value: Dayjs) => {\n  if (!value) return null\n  return value.format(props.format)\n}\n\nconst getDefaultValue = () => {\n  return dayjs(defaultValue).locale(lang.value)\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleKeydownInput', handleKeydown])\nemit('set-picker-option', ['getRangeAvailableTime', getRangeAvailableTime])\nemit('set-picker-option', ['getDefaultValue', getDefaultValue])\n</script>\n"],"names":["inject","buildAvailableTimeSlotGetter","useNamespace","useLocale","ref","useOldValue","computed","isUndefined","dayjs","EVENT_CODE","useTimePanel"],"mappings":"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"}
+{"version":3,"file":"panel-time-pick.js","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"],"sourcesContent":["<template>\n  <transition :name=\"transitionName\">\n    <div :style=\"[formatterStyle(customStyle, ['background', 'border'])]\"  v-if=\"actualVisible || visible\" :class=\"ns.b('panel')\">\n      <div :style=\"[formatterStyle(customStyle, ['border'])]\"  :class=\"[ns.be('panel', 'content'), { 'has-seconds': showSeconds }, { 'has-seconds-border': !!borderColor }]\">\n        <time-spinner\n          ref=\"spinner\"\n          :role=\"datetimeRole || 'start'\"\n          :arrow-control=\"arrowControl\"\n          :show-seconds=\"showSeconds\"\n          :am-pm-mode=\"amPmMode\"\n          :spinner-date=\"(parsedValue as any)\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          @change=\"handleChange\"\n          @set-option=\"onSetOption\"\n          @select-range=\"setSelectionRange\"\n        />\n      </div>\n      <div :style=\"[formatterStyle(customStyle, ['border'])]\" :class=\"ns.be('panel', 'footer')\">\n        <button\n          type=\"button\"\n          :class=\"[ns.be('panel', 'btn'), 'cancel']\"\n          :style=\"[formatterStyle(customStyle, ['text'])]\"\n          @click=\"handleCancel\"\n        >\n          {{ t('el.datepicker.cancel') }}\n        </button>\n        <button\n          type=\"button\"\n          :style=\"[formatterStyle(customStyle, ['text'])]\"\n          :class=\"[ns.be('panel', 'btn'), 'confirm']\"\n          @click=\"handleConfirm()\"\n        >\n          {{ t('el.datepicker.confirm') }}\n        </button>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isUndefined } from '@element-plus/utils'\nimport { panelTimePickerProps } from '../props/panel-time-picker'\nimport { useTimePanel } from '../composables/use-time-panel'\nimport {\n  buildAvailableTimeSlotGetter,\n  useOldValue,\n} from '../composables/use-time-picker'\nimport { formatterStyle } from '@element-plus/utils'\nimport type { CustomStyle } from '@element-plus/utils'\nimport TimeSpinner from './basic-time-spinner.vue'\n\nimport type { Dayjs } from 'dayjs'\n\nconst props = defineProps(panelTimePickerProps)\nconst emit = defineEmits(['pick', 'select-range', 'set-picker-option'])\n\n// Injections\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst customStyle = inject('$custom-style-filter', {}) as CustomStyle\nconst borderColor = computed(() => {\n  return customStyle.border\n})\nconst {\n  arrowControl,\n  disabledHours,\n  disabledMinutes,\n  disabledSeconds,\n  defaultValue,\n} = pickerBase.props\nconst { getAvailableHours, getAvailableMinutes, getAvailableSeconds } =\n  buildAvailableTimeSlotGetter(disabledHours, disabledMinutes, disabledSeconds)\n\nconst ns = useNamespace('time')\nconst { t, lang } = useLocale()\n// data\nconst selectionRange = ref([0, 2])\nconst oldValue = useOldValue(props)\n// computed\nconst transitionName = computed(() => {\n  return isUndefined(props.actualVisible)\n    ? `${ns.namespace.value}-zoom-in-top`\n    : ''\n})\nconst showSeconds = computed(() => {\n  return props.format.includes('ss')\n})\nconst amPmMode = computed(() => {\n  if (props.format.includes('A')) return 'A'\n  if (props.format.includes('a')) return 'a'\n  return ''\n})\n// method\nconst isValidValue = (_date: Dayjs) => {\n  const parsedDate = dayjs(_date).locale(lang.value)\n  const result = getRangeAvailableTime(parsedDate)\n  return parsedDate.isSame(result)\n}\nconst handleCancel = () => {\n  emit('pick', oldValue.value, false)\n}\nconst handleConfirm = (visible = false, first = false) => {\n  if (first) return\n  emit('pick', props.parsedValue, visible)\n}\nconst handleChange = (_date: Dayjs) => {\n  // visible avoids edge cases, when use scrolls during panel closing animation\n  if (!props.visible) {\n    return\n  }\n  const result = getRangeAvailableTime(_date).millisecond(0)\n  emit('pick', result, true)\n}\n\nconst setSelectionRange = (start: number, end: number) => {\n  emit('select-range', start, end)\n  selectionRange.value = [start, end]\n}\n\nconst changeSelectionRange = (step: number) => {\n  const list = [0, 3].concat(showSeconds.value ? [6] : [])\n  const mapping = ['hours', 'minutes'].concat(\n    showSeconds.value ? ['seconds'] : []\n  )\n  const index = list.indexOf(selectionRange.value[0])\n  const next = (index + step + list.length) % list.length\n  timePickerOptions['start_emitSelectRange'](mapping[next])\n}\n\nconst handleKeydown = (event: KeyboardEvent) => {\n  const code = event.code\n\n  const { left, right, up, down } = EVENT_CODE\n\n  if ([left, right].includes(code)) {\n    const step = code === left ? -1 : 1\n    changeSelectionRange(step)\n    event.preventDefault()\n    return\n  }\n\n  if ([up, down].includes(code)) {\n    const step = code === up ? -1 : 1\n    timePickerOptions['start_scrollDown'](step)\n    event.preventDefault()\n    return\n  }\n}\n\nconst { timePickerOptions, onSetOption, getAvailableTime } = useTimePanel({\n  getAvailableHours,\n  getAvailableMinutes,\n  getAvailableSeconds,\n})\n\nconst getRangeAvailableTime = (date: Dayjs) => {\n  return getAvailableTime(date, props.datetimeRole || '', true)\n}\n\nconst parseUserInput = (value: Dayjs) => {\n  if (!value) return null\n  return dayjs(value, props.format).locale(lang.value)\n}\n\nconst formatToString = (value: Dayjs) => {\n  if (!value) return null\n  return value.format(props.format)\n}\n\nconst getDefaultValue = () => {\n  return dayjs(defaultValue).locale(lang.value)\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleKeydownInput', handleKeydown])\nemit('set-picker-option', ['getRangeAvailableTime', getRangeAvailableTime])\nemit('set-picker-option', ['getDefaultValue', getDefaultValue])\n</script>"],"names":["inject","computed","buildAvailableTimeSlotGetter","useNamespace","useLocale","ref","useOldValue","isUndefined","dayjs","EVENT_CODE","useTimePanel"],"mappings":"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"}

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import type { CustomStyle } from 'element-plus-secondary/es/utils';
 import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<{
     readonly datetimeRole: StringConstructor;
@@ -30,6 +31,8 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "pick" | "select-range" | "set-picker-option", ...args: any[]) => void;
     pickerBase: any;
+    customStyle: CustomStyle;
+    borderColor: import("vue").ComputedRef<string>;
     arrowControl: any;
     disabledHours: any;
     disabledMinutes: any;
@@ -217,6 +220,11 @@ declare const _default: import("vue").DefineComponent<{
     parseUserInput: (value: Dayjs) => dayjs.Dayjs | null;
     formatToString: (value: Dayjs) => string | null;
     getDefaultValue: () => dayjs.Dayjs;
+    formatterStyle: (obj: CustomStyle, arr: (keyof CustomStyle)[]) => {
+        color?: string | undefined;
+        backgroundColor?: string | undefined;
+        borderColor?: string | undefined;
+    };
     TimeSpinner: import("vue").DefineComponent<{
         readonly disabledHours: {
             readonly type: import("vue").PropType<import("../props/shared").GetDisabledHours>;
@@ -292,6 +300,7 @@ declare const _default: import("vue").DefineComponent<{
             "onSet-option"?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "change" | "select-range" | "set-option", ...args: any[]) => void;
+        customStyle: CustomStyle;
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
@@ -6352,6 +6361,11 @@ declare const _default: import("vue").DefineComponent<{
         }>>, {}>> & Record<string, any>;
         ArrowDown: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         ArrowUp: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        formatterStyle: (obj: CustomStyle, arr: (keyof CustomStyle)[]) => {
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            borderColor?: string | undefined;
+        };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "select-range" | "set-option")[], "change" | "select-range" | "set-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly disabledHours: {
             readonly type: import("vue").PropType<import("../props/shared").GetDisabledHours>;

package/lib/components/time-picker/src/time-picker-com/panel-time-range.js

@@ -289,7 +289,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var TimeRangePanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/time-picker/src/time-picker-com/panel-time-range.vue"]]);
+var TimeRangePanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/time-picker/src/time-picker-com/panel-time-range.vue"]]);
 
 exports["default"] = TimeRangePanel;
 //# sourceMappingURL=panel-time-range.js.map

package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts

@@ -318,6 +318,7 @@ declare const _default: import("vue").DefineComponent<{
             "onSet-option"?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "change" | "select-range" | "set-option", ...args: any[]) => void;
+        customStyle: import("element-plus-secondary/es/utils").CustomStyle;
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
@@ -6378,6 +6379,11 @@ declare const _default: import("vue").DefineComponent<{
         }>>, {}>> & Record<string, any>;
         ArrowDown: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         ArrowUp: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        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, ("change" | "select-range" | "set-option")[], "change" | "select-range" | "set-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly disabledHours: {
             readonly type: import("vue").PropType<import("../props/shared").GetDisabledHours>;

package/lib/components/time-select/index.d.ts

@@ -1354,6 +1354,14 @@ declare const _TimeSelect: SFCWithInstall<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>;
                 }>>, {
@@ -2830,6 +2838,7 @@ declare const _TimeSelect: SFCWithInstall<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;
@@ -4208,6 +4217,14 @@ declare const _TimeSelect: SFCWithInstall<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>;
             }>>, {
@@ -5684,6 +5701,7 @@ declare const _TimeSelect: SFCWithInstall<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;
@@ -6447,8 +6465,8 @@ declare const _TimeSelect: SFCWithInstall<import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         "onVisible-change"?: ((...args: any[]) => any) | undefined;
@@ -7818,6 +7836,14 @@ declare const _TimeSelect: SFCWithInstall<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>;
                 }>>, {
@@ -9294,6 +9320,7 @@ declare const _TimeSelect: SFCWithInstall<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;
@@ -10672,6 +10699,14 @@ declare const _TimeSelect: SFCWithInstall<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>;
             }>>, {
@@ -12148,6 +12183,7 @@ declare const _TimeSelect: SFCWithInstall<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;
@@ -12911,8 +12947,8 @@ declare const _TimeSelect: SFCWithInstall<import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         "onVisible-change"?: ((...args: any[]) => any) | undefined;
@@ -14501,6 +14537,14 @@ export declare const ElTimeSelect: SFCWithInstall<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>;
                 }>>, {
@@ -15977,6 +16021,7 @@ export declare const ElTimeSelect: SFCWithInstall<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;
@@ -17355,6 +17400,14 @@ export declare const ElTimeSelect: SFCWithInstall<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>;
             }>>, {
@@ -18831,6 +18884,7 @@ export declare const ElTimeSelect: SFCWithInstall<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;
@@ -19594,8 +19648,8 @@ export declare const ElTimeSelect: SFCWithInstall<import("vue").DefineComponent<
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         "onVisible-change"?: ((...args: any[]) => any) | undefined;
@@ -20965,6 +21019,14 @@ export declare const ElTimeSelect: SFCWithInstall<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>;
                 }>>, {
@@ -22441,6 +22503,7 @@ export declare const ElTimeSelect: SFCWithInstall<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;
@@ -23819,6 +23882,14 @@ export declare const ElTimeSelect: SFCWithInstall<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>;
             }>>, {
@@ -25295,6 +25366,7 @@ export declare const ElTimeSelect: SFCWithInstall<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;
@@ -26058,8 +26130,8 @@ export declare const ElTimeSelect: SFCWithInstall<import("vue").DefineComponent<
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         "onVisible-change"?: ((...args: any[]) => any) | undefined;

package/lib/components/time-select/src/time-select.js

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

package/lib/components/time-select/src/time-select.vue.d.ts

@@ -1353,6 +1353,14 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     arrowOffset: import("vue").Ref<number | undefined>;
                     arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                    customStyle: import("../../../utils").CustomStyle;
+                    border: import("vue").Ref<string>;
+                    background: import("vue").Ref<string>;
+                    formatterStyle: (obj: import("../../../utils").CustomStyle, arr: (keyof import("../../../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("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 }>>, {
@@ -2829,6 +2837,7 @@ declare const _default: import("vue").DefineComponent<{
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
                         computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                        customStyle: import("../../../utils").CustomStyle;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -4207,6 +4216,14 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("../../../utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("../../../utils").CustomStyle, arr: (keyof import("../../../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("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -5683,6 +5700,7 @@ declare const _default: import("vue").DefineComponent<{
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                    customStyle: import("../../../utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -6446,8 +6464,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         "onVisible-change"?: ((...args: any[]) => any) | undefined;
@@ -7817,6 +7835,14 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     arrowOffset: import("vue").Ref<number | undefined>;
                     arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                    customStyle: import("../../../utils").CustomStyle;
+                    border: import("vue").Ref<string>;
+                    background: import("vue").Ref<string>;
+                    formatterStyle: (obj: import("../../../utils").CustomStyle, arr: (keyof import("../../../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("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 }>>, {
@@ -9293,6 +9319,7 @@ declare const _default: import("vue").DefineComponent<{
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
                         computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                        customStyle: import("../../../utils").CustomStyle;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -10671,6 +10698,14 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("../../../utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("../../../utils").CustomStyle, arr: (keyof import("../../../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("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -12147,6 +12182,7 @@ declare const _default: import("vue").DefineComponent<{
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                    customStyle: import("../../../utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -12910,8 +12946,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         "onVisible-change"?: ((...args: any[]) => any) | undefined;

package/lib/components/timeline/src/timeline-item2.js

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

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

@@ -695,6 +695,14 @@ export declare const ElTooltip: 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>;
     }>>, {
@@ -2171,6 +2179,7 @@ export declare const ElTooltip: 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/tooltip/index.js

@@ -6,7 +6,7 @@ require('../../utils/index.js');
 var tooltip$1 = require('./src/tooltip2.js');
 var tooltip = require('./src/tooltip.js');
 var trigger = require('./src/trigger.js');
-var content = require('./src/content2.js');
+var content = require('./src/content.js');
 var install = require('../../utils/vue/install.js');
 
 const ElTooltip = install.withInstall(tooltip$1["default"]);