element-plus-secondary 0.4.7 → 0.4.9

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

@@ -2,57 +2,131 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var iconsVue = require('@element-plus/icons-vue');
+var vue = require('vue');
+var dayjs = require('dayjs');
+var customParseFormat = require('dayjs/plugin/customParseFormat.js');
+var index = require('../../select/index.js');
+var index$3 = require('../../icon/index.js');
 require('../../../hooks/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
+var timeSelect = require('./time-select.js');
+var utils = require('./utils.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../hooks/use-common-props/index.js');
 
-const timeSelectProps = runtime.buildProps({
-  format: {
-    type: String,
-    default: "HH:mm"
-  },
-  modelValue: String,
-  disabled: Boolean,
-  editable: {
-    type: Boolean,
-    default: true
-  },
-  effect: {
-    type: String,
-    default: "light"
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  size: index.useSizeProp,
-  placeholder: String,
-  start: {
-    type: String,
-    default: "09:00"
-  },
-  end: {
-    type: String,
-    default: "18:00"
-  },
-  step: {
-    type: String,
-    default: "00:30"
-  },
-  minTime: String,
-  maxTime: String,
-  name: String,
-  prefixIcon: {
-    type: runtime.definePropType([String, Object]),
-    default: () => iconsVue.Clock
-  },
-  clearIcon: {
-    type: runtime.definePropType([String, Object]),
-    default: () => iconsVue.CircleClose
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var customParseFormat__default = /*#__PURE__*/_interopDefaultLegacy(customParseFormat);
+
+const __default__ = vue.defineComponent({
+  name: "ElTimeSelect"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: timeSelect.timeSelectProps,
+  emits: ["change", "blur", "focus", "update:modelValue"],
+  setup(__props, { expose }) {
+    const props = __props;
+    dayjs__default["default"].extend(customParseFormat__default["default"]);
+    const { Option: ElOption } = index.ElSelect;
+    const nsInput = index$1.useNamespace("input");
+    const select = vue.ref();
+    const _disabled = index$2.useDisabled();
+    const value = vue.computed(() => props.modelValue);
+    const start = vue.computed(() => {
+      const time = utils.parseTime(props.start);
+      return time ? utils.formatTime(time) : null;
+    });
+    const end = vue.computed(() => {
+      const time = utils.parseTime(props.end);
+      return time ? utils.formatTime(time) : null;
+    });
+    const step = vue.computed(() => {
+      const time = utils.parseTime(props.step);
+      return time ? utils.formatTime(time) : null;
+    });
+    const minTime = vue.computed(() => {
+      const time = utils.parseTime(props.minTime || "");
+      return time ? utils.formatTime(time) : null;
+    });
+    const maxTime = vue.computed(() => {
+      const time = utils.parseTime(props.maxTime || "");
+      return time ? utils.formatTime(time) : null;
+    });
+    const items = vue.computed(() => {
+      const result = [];
+      if (props.start && props.end && props.step) {
+        let current = start.value;
+        let currentTime;
+        while (current && end.value && utils.compareTime(current, end.value) <= 0) {
+          currentTime = dayjs__default["default"](current, "HH:mm").format(props.format);
+          result.push({
+            value: currentTime,
+            disabled: utils.compareTime(current, minTime.value || "-1:-1") <= 0 || utils.compareTime(current, maxTime.value || "100:100") >= 0
+          });
+          current = utils.nextTime(current, step.value);
+        }
+      }
+      return result;
+    });
+    const blur = () => {
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+    };
+    const focus = () => {
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+    };
+    expose({
+      blur,
+      focus
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.ElSelect), {
+        ref_key: "select",
+        ref: select,
+        "model-value": vue.unref(value),
+        disabled: vue.unref(_disabled),
+        clearable: _ctx.clearable,
+        "clear-icon": _ctx.clearIcon,
+        size: _ctx.size,
+        effect: _ctx.effect,
+        placeholder: _ctx.placeholder,
+        "default-first-option": "",
+        filterable: _ctx.editable,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event)),
+        onChange: _cache[1] || (_cache[1] = (event) => _ctx.$emit("change", event)),
+        onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
+        onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event))
+      }, {
+        prefix: vue.withCtx(() => [
+          _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(nsInput).e("prefix-icon"))
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(ElOption), {
+              key: item.value,
+              label: item.value,
+              value: item.value,
+              disabled: item.disabled
+            }, null, 8, ["label", "value", "disabled"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable"]);
+    };
   }
 });
+var TimeSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/time-select/src/time-select.vue"]]);
 
-exports.timeSelectProps = timeSelectProps;
+exports["default"] = TimeSelect;
 //# sourceMappingURL=time-select2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"time-select2.js","sources":["../../../../../../packages/components/time-select/src/time-select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { useSizeProp } from '@element-plus/hooks'\nimport type TimeSelect from './time-select.vue'\nimport type { Component, ExtractPropTypes, PropType } from 'vue'\n\nexport const timeSelectProps = buildProps({\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  modelValue: String,\n  disabled: Boolean,\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  effect: {\n    type: String as PropType<'light' | 'dark' | string>,\n    default: 'light',\n  },\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  size: useSizeProp,\n  placeholder: String,\n  start: {\n    type: String,\n    default: '09:00',\n  },\n  end: {\n    type: String,\n    default: '18:00',\n  },\n  step: {\n    type: String,\n    default: '00:30',\n  },\n  minTime: String,\n  maxTime: String,\n  name: String,\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  clearIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => CircleClose,\n  },\n} as const)\n\nexport type TimeSelectProps = ExtractPropTypes<typeof timeSelectProps>\n\nexport type TimeSelectInstance = InstanceType<typeof TimeSelect>\n"],"names":["buildProps","useSizeProp","definePropType","Clock","CircleClose"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,cAAK;AACxB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAME,oBAAW;AAC9B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"time-select2.js","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    @update:model-value=\"(event) => $emit('update:modelValue', event)\"\n    @change=\"(event) => $emit('change', event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDisabled, useNamespace } from '@element-plus/hooks'\nimport { timeSelectProps } from './time-select'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits(['change', 'blur', 'focus', 'update:modelValue'])\n\nconst props = defineProps(timeSelectProps)\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useDisabled()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n  const result: { value: string; disabled: boolean }[] = []\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm').format(props.format)\n      result.push({\n        value: currentTime,\n        disabled:\n          compareTime(current, minTime.value || '-1:-1') <= 0 ||\n          compareTime(current, maxTime.value || '100:100') >= 0,\n      })\n      current = nextTime(current, step.value!)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  blur,\n  focus,\n})\n</script>\n"],"names":["dayjs","customParseFormat","ElSelect","useNamespace","ref","useDisabled","computed","parseTime","formatTime","compareTime","nextTime"],"mappings":"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"}

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

@@ -2136,11 +2136,11 @@ export declare const ElTooltip: import("element-plus-secondary/es/utils").SFCWit
                 readonly popperOptions: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                 readonly strategy: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
             }>> & {
+                onClose?: (() => any) | undefined;
                 onFocus?: (() => any) | undefined;
                 onBlur?: (() => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-                onClose?: (() => any) | undefined;
             }>>;
             popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
             contentRef: import("vue").Ref<HTMLElement | undefined>;
@@ -2494,21 +2494,21 @@ export declare const ElTooltip: import("element-plus-secondary/es/utils").SFCWit
             readonly popperOptions: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
             readonly strategy: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
         }>> & {
+            onClose?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
             onBlur?: (() => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onClose?: (() => any) | undefined;
         }, {
             readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "absolute" | "fixed", unknown>;
             readonly offset: number;
+            readonly effect: string;
             readonly visible: boolean;
             readonly boundariesPadding: number;
             readonly fallbackPlacements: import("@popperjs/core").Placement[];
             readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly popperOptions: Partial<import("@popperjs/core").Options>;
-            readonly effect: string;
             readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -2786,12 +2786,12 @@ export declare const ElTooltip: import("element-plus-secondary/es/utils").SFCWit
         readonly offset: number;
         readonly content: string;
         readonly transition: string;
+        readonly effect: string;
         readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
         readonly boundariesPadding: number;
         readonly fallbackPlacements: import("@popperjs/core").Placement[];
         readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly popperOptions: Partial<import("@popperjs/core").Options>;
-        readonly effect: string;
         readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3132,12 +3132,12 @@ export declare const ElTooltip: import("element-plus-secondary/es/utils").SFCWit
     offset: number;
     content: string;
     transition: string;
+    effect: string;
     visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
     boundariesPadding: number;
     fallbackPlacements: import("@popperjs/core").Placement[];
     gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    effect: string;
     enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/tooltip/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var tooltip$1 = require('./src/tooltip2.js');
-var tooltip = require('./src/tooltip.js');
+var tooltip$1 = require('./src/tooltip.js');
+var tooltip = require('./src/tooltip2.js');
 var trigger = require('./src/trigger.js');
 var content = require('./src/content2.js');
 var install = require('../../utils/vue/install.js');

package/lib/components/tooltip/src/content.js

@@ -11,7 +11,7 @@ var content = require('./content2.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var tooltip = require('../../../tokens/tooltip.js');
 var event = require('../../../utils/dom/event.js');
-var content$1 = require('../../popper/src/content.js');
+var content$1 = require('../../popper/src/content2.js');
 
 const __default__ = vue.defineComponent({
   name: "ElTooltipContent",

package/lib/components/tooltip/src/content.vue.d.ts

@@ -1047,11 +1047,11 @@ declare const _default: import("vue").DefineComponent<{
             readonly popperOptions: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus-secondary/es/components/popper").Options>) | (() => Partial<import("element-plus-secondary/es/components/popper").Options>) | ((new (...args: any[]) => Partial<import("element-plus-secondary/es/components/popper").Options>) | (() => Partial<import("element-plus-secondary/es/components/popper").Options>))[], unknown, unknown, () => {}, boolean>;
             readonly strategy: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
         }>> & {
+            onClose?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
             onBlur?: (() => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onClose?: (() => any) | undefined;
         }>>;
         popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
         contentRef: import("vue").Ref<HTMLElement | undefined>;
@@ -1405,21 +1405,21 @@ declare const _default: import("vue").DefineComponent<{
         readonly popperOptions: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus-secondary/es/components/popper").Options>) | (() => Partial<import("element-plus-secondary/es/components/popper").Options>) | ((new (...args: any[]) => Partial<import("element-plus-secondary/es/components/popper").Options>) | (() => Partial<import("element-plus-secondary/es/components/popper").Options>))[], unknown, unknown, () => {}, boolean>;
         readonly strategy: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
     }>> & {
+        onClose?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onBlur?: (() => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onClose?: (() => any) | undefined;
     }, {
         readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("element-plus-secondary/es/components/popper").Placement, unknown>;
         readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "absolute" | "fixed", unknown>;
         readonly offset: number;
+        readonly effect: string;
         readonly visible: boolean;
         readonly boundariesPadding: number;
         readonly fallbackPlacements: import("element-plus-secondary/es/components/popper").Placement[];
         readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly popperOptions: Partial<import("element-plus-secondary/es/components/popper").Options>;
-        readonly effect: string;
         readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -1697,12 +1697,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly offset: number;
     readonly content: string;
     readonly transition: string;
+    readonly effect: string;
     readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
     readonly boundariesPadding: number;
     readonly fallbackPlacements: import("element-plus-secondary/es/components/popper").Placement[];
     readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<import("element-plus-secondary/es/components/popper").Options>;
-    readonly effect: string;
     readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/tooltip/src/content2.js

@@ -8,7 +8,7 @@ require('../../../hooks/index.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index$1 = require('../../../hooks/use-delayed-toggle/index.js');
-var content = require('../../popper/src/content2.js');
+var content = require('../../popper/src/content.js');
 var index$2 = require('../../../hooks/use-popper-container/index.js');
 
 const ns = index.useNamespace("tooltip");

package/lib/components/tooltip/src/tooltip.js

@@ -2,49 +2,180 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$3 = require('../../popper/index.js');
 require('../../../utils/index.js');
 require('../../../hooks/index.js');
-require('../../popper/index.js');
-var content = require('./content2.js');
-var trigger = require('./trigger.js');
-var index = require('../../../hooks/use-model-toggle/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var popper = require('../../popper/src/popper.js');
-var arrow = require('../../popper/src/arrow.js');
+require('../../../tokens/index.js');
+var tooltip = require('./tooltip2.js');
+var trigger = require('./trigger2.js');
+var content = require('./content.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-popper-container/index.js');
+var index$1 = require('../../../hooks/use-id/index.js');
+var index$2 = require('../../../hooks/use-delayed-toggle/index.js');
+var core = require('@vueuse/core');
+var tooltip$1 = require('../../../tokens/tooltip.js');
+var arrow = require('../../popper/src/arrow2.js');
 
-const {
-  useModelToggleProps: useTooltipModelToggleProps,
-  useModelToggleEmits: useTooltipModelToggleEmits,
-  useModelToggle: useTooltipModelToggle
-} = index.createModelToggleComposable("visible");
-const useTooltipProps = runtime.buildProps({
-  ...popper.popperProps,
-  ...useTooltipModelToggleProps,
-  ...content.useTooltipContentProps,
-  ...trigger.useTooltipTriggerProps,
-  ...arrow.popperArrowProps,
-  showArrow: {
-    type: Boolean,
-    default: true
-  },
-  offset: {
-    type: Number,
-    default: 9
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 1 };
+const __default__ = vue.defineComponent({
+  name: "ElTooltip"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: tooltip.useTooltipProps,
+  emits: tooltip.tooltipEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    index.usePopperContainer();
+    const id = index$1.useId();
+    const popperRef = vue.ref();
+    const contentRef = vue.ref();
+    const updatePopper = () => {
+      var _a;
+      const popperComponent = vue.unref(popperRef);
+      if (popperComponent) {
+        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
+      }
+    };
+    const open = vue.ref(false);
+    const toggleReason = vue.ref();
+    const { show, hide, hasUpdateHandler } = tooltip.useTooltipModelToggle({
+      indicator: open,
+      toggleReason
+    });
+    const { onOpen, onClose } = index$2.useDelayedToggle({
+      showAfter: vue.toRef(props, "showAfter"),
+      hideAfter: vue.toRef(props, "hideAfter"),
+      open: show,
+      close: hide
+    });
+    const controlled = vue.computed(() => core.isBoolean(props.visible) && !hasUpdateHandler.value);
+    vue.provide(tooltip$1.TOOLTIP_INJECTION_KEY, {
+      controlled,
+      id,
+      open: vue.readonly(open),
+      trigger: vue.toRef(props, "trigger"),
+      onOpen: (event) => {
+        onOpen(event);
+      },
+      onClose: (event) => {
+        onClose(event);
+      },
+      onToggle: (event) => {
+        if (vue.unref(open)) {
+          onClose(event);
+        } else {
+          onOpen(event);
+        }
+      },
+      onShow: () => {
+        emit("show", toggleReason.value);
+      },
+      onHide: () => {
+        emit("hide", toggleReason.value);
+      },
+      onBeforeShow: () => {
+        emit("before-show", toggleReason.value);
+      },
+      onBeforeHide: () => {
+        emit("before-hide", toggleReason.value);
+      },
+      updatePopper
+    });
+    vue.watch(() => props.disabled, (disabled) => {
+      if (disabled && open.value) {
+        open.value = false;
+      }
+    });
+    const isFocusInsideContent = () => {
+      var _a, _b;
+      const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
+      return popperContent && popperContent.contains(document.activeElement);
+    };
+    vue.onDeactivated(() => open.value && hide());
+    expose({
+      popperRef,
+      contentRef,
+      isFocusInsideContent,
+      updatePopper,
+      onOpen,
+      onClose,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElPopper), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        role: _ctx.role,
+        class: "123"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(trigger["default"], {
+            disabled: _ctx.disabled,
+            trigger: _ctx.trigger,
+            "trigger-keys": _ctx.triggerKeys,
+            "virtual-ref": _ctx.virtualRef,
+            "virtual-triggering": _ctx.virtualTriggering
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+          vue.createVNode(content["default"], {
+            ref_key: "contentRef",
+            ref: contentRef,
+            "aria-label": _ctx.ariaLabel,
+            "boundaries-padding": _ctx.boundariesPadding,
+            content: _ctx.content,
+            disabled: _ctx.disabled,
+            effect: _ctx.effect,
+            enterable: _ctx.enterable,
+            "fallback-placements": _ctx.fallbackPlacements,
+            "hide-after": _ctx.hideAfter,
+            "gpu-acceleration": _ctx.gpuAcceleration,
+            offset: _ctx.offset,
+            persistent: _ctx.persistent,
+            "popper-class": _ctx.popperClass,
+            "popper-style": _ctx.popperStyle,
+            placement: _ctx.placement,
+            "popper-options": _ctx.popperOptions,
+            pure: _ctx.pure,
+            "raw-content": _ctx.rawContent,
+            "reference-el": _ctx.referenceEl,
+            "trigger-target-el": _ctx.triggerTargetEl,
+            "show-after": _ctx.showAfter,
+            strategy: _ctx.strategy,
+            teleported: _ctx.teleported,
+            transition: _ctx.transition,
+            "virtual-triggering": _ctx.virtualTriggering,
+            "z-index": _ctx.zIndex,
+            "append-to": _ctx.appendTo
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  innerHTML: _ctx.content
+                }, null, 8, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.content), 1))
+              ]),
+              _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(arrow["default"]), {
+                key: 0,
+                "arrow-offset": _ctx.arrowOffset
+              }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
+        ]),
+        _: 3
+      }, 8, ["role"]);
+    };
   }
 });
-const tooltipEmits = [
-  ...useTooltipModelToggleEmits,
-  "before-show",
-  "before-hide",
-  "show",
-  "hide",
-  "open",
-  "close"
-];
+var Tooltip = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/tooltip/src/tooltip.vue"]]);
 
-exports.tooltipEmits = tooltipEmits;
-exports.useTooltipModelToggle = useTooltipModelToggle;
-exports.useTooltipModelToggleEmits = useTooltipModelToggleEmits;
-exports.useTooltipModelToggleProps = useTooltipModelToggleProps;
-exports.useTooltipProps = useTooltipProps;
+exports["default"] = Tooltip;
 //# sourceMappingURL=tooltip.js.map

package/lib/components/tooltip/src/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\nimport type Tooltip from './tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const {\n  useModelToggleProps: useTooltipModelToggleProps,\n  useModelToggleEmits: useTooltipModelToggleEmits,\n  useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n  ...popperProps,\n  ...useTooltipModelToggleProps,\n  ...useTooltipContentProps,\n  ...useTooltipTriggerProps,\n  ...popperArrowProps,\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 9,\n  },\n})\n\nexport const tooltipEmits = [\n  ...useTooltipModelToggleEmits,\n  'before-show',\n  'before-hide',\n  'show',\n  'hide',\n  'open',\n  'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":["createModelToggleComposable","buildProps","popperProps","useTooltipContentProps","useTooltipTriggerProps","popperArrowProps"],"mappings":";;;;;;;;;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAGA,iCAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAGC,kBAAU,CAAC;AAC1C,EAAE,GAAGC,kBAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAGC,8BAAsB;AAC3B,EAAE,GAAGC,8BAAsB;AAC3B,EAAE,GAAGC,sBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\" class=\"123\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\n\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from '@element-plus/tokens'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst id = useId()\n// TODO any is temporary, replace with `InstanceType<typeof ElPopper> | null` later\nconst popperRef = ref<any>()\n// TODO any is temporary, replace with `InstanceType<typeof ElTooltipContent> | null` later\nconst contentRef = ref<any>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen: (event?: Event) => {\n    onOpen(event)\n  },\n  onClose: (event?: Event) => {\n    onClose(event)\n  },\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n  }\n)\n\nconst isFocusInsideContent = () => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.contentRef?.popperContentRef\n  return popperContent && popperContent.contains(document.activeElement)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"names":["usePopperContainer","useId","ref","unref","useTooltipModelToggle","useDelayedToggle","toRef","computed","isBoolean","provide","TOOLTIP_INJECTION_KEY","readonly","watch","onDeactivated"],"mappings":"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"}