element-pe 2.2.85 → 2.2.87

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

@@ -2,64 +2,146 @@
 
 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');
+require('../../form/index.js');
+var index$2 = require('../../icon/index.js');
 require('../../../hooks/index.js');
-require('../../../constants/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var size = require('../../../constants/size.js');
-var index = require('../../../hooks/use-size/index.js');
+var timeSelect = require('./time-select2.js');
+var utils = require('./utils.js');
+var tokens = require('../../table/src/tokens.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 
-const timeSelectProps = runtime.buildProps({
-  format: {
-    type: String,
-    default: "HH:mm"
-  },
-  modelValue: String,
-  disabled: Boolean,
-  viewMode: {
-    type: String,
-    values: size.viewModes
-  },
-  tableInput: 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 table = vue.inject(tokens.TABLE_INJECTION_KEY, void 0);
+    const _disabled = useFormCommonProps.useFormDisabled();
+    const _viewMode = useFormCommonProps.useFormViewMode();
+    const _tableInput = vue.computed(() => table && props.tableInput);
+    const _size = vue.computed(() => {
+      if (_tableInput.value) {
+        return table.props.size === "small" ? "small" : "";
+      } else {
+        const formSize = useFormCommonProps.useFormSize();
+        return formSize.value;
+      }
+    });
+    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),
+        "view-mode": vue.unref(_viewMode),
+        "table-input": vue.unref(_tableInput),
+        clearable: _ctx.clearable,
+        "clear-icon": _ctx.clearIcon,
+        size: vue.unref(_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$2.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", "view-mode", "table-input", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable"]);
+    };
   }
 });
+var TimeSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\time-select\\src\\time-select.vue"]]);
 
-exports.timeSelectProps = timeSelectProps;
+exports["default"] = TimeSelect;
 //# sourceMappingURL=time-select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"time-select.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'\nimport { viewModes } from '../../../constants'\n\nexport const timeSelectProps = buildProps({\n  /**\n   * @description set format of time\n   */\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: String,\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description 浏览模式\n   */\n  viewMode: {\n    type: String,\n    values: viewModes\n  },\n  /**\n   * @description 表格输入\n   */\n  tableInput: Boolean,\n  /**\n   * @description whether the input is editable\n   */\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: String as PropType<'light' | 'dark' | string>,\n    default: 'light',\n  },\n  /**\n   * @description whether to show clear button\n   */\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder: String,\n  /**\n   * @description start time\n   */\n  start: {\n    type: String,\n    default: '09:00',\n  },\n  /**\n   * @description end time\n   */\n  end: {\n    type: String,\n    default: '18:00',\n  },\n  /**\n   * @description time step\n   */\n  step: {\n    type: String,\n    default: '00:30',\n  },\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime: String,\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime: String,\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  /**\n   * @description custom clear icon component\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","viewModes","useSizeProp","definePropType","Clock","CircleClose"],"mappings":";;;;;;;;;;;;AAIY,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,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAS;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,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-select.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    :view-mode=\"_viewMode\"\n    :table-input=\"_tableInput\"\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, inject, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled, useFormSize, useFormViewMode } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { timeSelectProps } from './time-select'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\nimport { TABLE_INJECTION_KEY } from '../../table/src/tokens'\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>()\nconst table = inject(TABLE_INJECTION_KEY, undefined)\n\nconst _disabled = useFormDisabled()\nconst _viewMode = useFormViewMode()\n\nconst _tableInput = computed(() => table && props.tableInput)\nconst _size = computed(() => {\n  if (_tableInput.value) {\n    return table!.props.size === 'small' ? 'small' : ''\n  } else {\n    const formSize = useFormSize()\n    return formSize.value\n  }\n})\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  /**\n   * @description focus the Input component\n   */\n  blur,\n  /**\n   * @description blur the Input component\n   */\n  focus,\n})\n</script>\n"],"names":["dayjs","customParseFormat","ElSelect","useNamespace","ref","inject","TABLE_INJECTION_KEY","useFormDisabled","useFormViewMode","computed","useFormSize","parseTime","formatTime","compareTime","nextTime"],"mappings":"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"}

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

@@ -2,146 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var dayjs = require('dayjs');
-var customParseFormat = require('dayjs/plugin/customParseFormat.js');
-var index = require('../../select/index.js');
-require('../../form/index.js');
-var index$2 = require('../../icon/index.js');
+require('../../../utils/index.js');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../../hooks/index.js');
-var timeSelect = require('./time-select.js');
-var utils = require('./utils.js');
-var tokens = require('../../table/src/tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
+require('../../../constants/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var size = require('../../../constants/size.js');
+var index = require('../../../hooks/use-size/index.js');
 
-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 table = vue.inject(tokens.TABLE_INJECTION_KEY, void 0);
-    const _disabled = useFormCommonProps.useFormDisabled();
-    const _viewMode = useFormCommonProps.useFormViewMode();
-    const _tableInput = vue.computed(() => table && props.tableInput);
-    const _size = vue.computed(() => {
-      if (_tableInput.value) {
-        return table.props.size === "small" ? "small" : "";
-      } else {
-        const formSize = useFormCommonProps.useFormSize();
-        return formSize.value;
-      }
-    });
-    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),
-        "view-mode": vue.unref(_viewMode),
-        "table-input": vue.unref(_tableInput),
-        clearable: _ctx.clearable,
-        "clear-icon": _ctx.clearIcon,
-        size: vue.unref(_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$2.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", "view-mode", "table-input", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable"]);
-    };
+const timeSelectProps = runtime.buildProps({
+  format: {
+    type: String,
+    default: "HH:mm"
+  },
+  modelValue: String,
+  disabled: Boolean,
+  viewMode: {
+    type: String,
+    values: size.viewModes
+  },
+  tableInput: 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
   }
 });
-var TimeSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\time-select\\src\\time-select.vue"]]);
 
-exports["default"] = TimeSelect;
+exports.timeSelectProps = timeSelectProps;
 //# 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.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :view-mode=\"_viewMode\"\n    :table-input=\"_tableInput\"\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, inject, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled, useFormSize, useFormViewMode } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { timeSelectProps } from './time-select'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\nimport { TABLE_INJECTION_KEY } from '../../table/src/tokens'\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>()\nconst table = inject(TABLE_INJECTION_KEY, undefined)\n\nconst _disabled = useFormDisabled()\nconst _viewMode = useFormViewMode()\n\nconst _tableInput = computed(() => table && props.tableInput)\nconst _size = computed(() => {\n  if (_tableInput.value) {\n    return table!.props.size === 'small' ? 'small' : ''\n  } else {\n    const formSize = useFormSize()\n    return formSize.value\n  }\n})\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  /**\n   * @description focus the Input component\n   */\n  blur,\n  /**\n   * @description blur the Input component\n   */\n  focus,\n})\n</script>\n"],"names":["dayjs","customParseFormat","ElSelect","useNamespace","ref","inject","TABLE_INJECTION_KEY","useFormDisabled","useFormViewMode","computed","useFormSize","parseTime","formatTime","compareTime","nextTime"],"mappings":"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"}
+{"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'\nimport { viewModes } from '../../../constants'\n\nexport const timeSelectProps = buildProps({\n  /**\n   * @description set format of time\n   */\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: String,\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description 浏览模式\n   */\n  viewMode: {\n    type: String,\n    values: viewModes\n  },\n  /**\n   * @description 表格输入\n   */\n  tableInput: Boolean,\n  /**\n   * @description whether the input is editable\n   */\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: String as PropType<'light' | 'dark' | string>,\n    default: 'light',\n  },\n  /**\n   * @description whether to show clear button\n   */\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder: String,\n  /**\n   * @description start time\n   */\n  start: {\n    type: String,\n    default: '09:00',\n  },\n  /**\n   * @description end time\n   */\n  end: {\n    type: String,\n    default: '18:00',\n  },\n  /**\n   * @description time step\n   */\n  step: {\n    type: String,\n    default: '00:30',\n  },\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime: String,\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime: String,\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  /**\n   * @description custom clear icon component\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","viewModes","useSizeProp","definePropType","Clock","CircleClose"],"mappings":";;;;;;;;;;;;AAIY,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,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAS;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,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;;;;"}

package/lib/components/tooltip-v2/index.js

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

package/lib/components/tooltip-v2/src/arrow.js

@@ -2,46 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var constants = require('./constants.js');
-var arrow = require('./arrow2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+var common = require('./common.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElTooltipV2Arrow"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    ...arrow.tooltipV2ArrowProps,
-    ...arrow.tooltipV2ArrowSpecialProps
+const tooltipV2ArrowProps = runtime.buildProps({
+  width: {
+    type: Number,
+    default: 10
+  },
+  height: {
+    type: Number,
+    default: 10
   },
-  setup(__props) {
-    const props = __props;
-    const { ns } = vue.inject(constants.tooltipV2RootKey);
-    const { arrowRef } = vue.inject(constants.tooltipV2ContentKey);
-    const arrowStyle = vue.computed(() => {
-      const { style, width, height } = props;
-      const namespace = ns.namespace.value;
-      return {
-        [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,
-        [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,
-        [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,
-        [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,
-        ...style || {}
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        style: vue.normalizeStyle(vue.unref(arrowStyle)),
-        class: vue.normalizeClass(vue.unref(ns).e("arrow"))
-      }, null, 6);
-    };
+  style: {
+    type: runtime.definePropType(Object),
+    default: null
+  }
+});
+const tooltipV2ArrowSpecialProps = runtime.buildProps({
+  side: {
+    type: runtime.definePropType(String),
+    values: common.tooltipV2Sides,
+    required: true
   }
 });
-var TooltipV2Arrow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\tooltip-v2\\src\\arrow.vue"]]);
 
-exports["default"] = TooltipV2Arrow;
+exports.tooltipV2ArrowProps = tooltipV2ArrowProps;
+exports.tooltipV2ArrowSpecialProps = tooltipV2ArrowSpecialProps;
 //# sourceMappingURL=arrow.js.map

package/lib/components/tooltip-v2/src/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :style=\"arrowStyle\" :class=\"ns.e('arrow')\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTooltipV2Arrow',\n})\n\nconst props = defineProps({\n  ...tooltipV2ArrowProps,\n  ...tooltipV2ArrowSpecialProps,\n})\n\nconst { ns } = inject(tooltipV2RootKey)!\nconst { arrowRef } = inject(tooltipV2ContentKey)!\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  const { style, width, height } = props\n  const namespace = ns.namespace.value\n\n  return {\n    [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,\n    [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,\n    [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,\n    [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,\n    ...(style || {}),\n  }\n})\n</script>\n"],"names":["inject","tooltipV2RootKey","tooltipV2ContentKey","computed"],"mappings":";;;;;;;;;uCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;AAOA,IAAM,MAAA,EAAE,EAAO,EAAA,GAAAA,UAAA,CAAOC,0BAAgB,CAAA,CAAA;AACtC,IAAM,MAAA,EAAE,QAAa,EAAA,GAAAD,UAAA,CAAOE,6BAAmB,CAAA,CAAA;AAE/C,IAAM,MAAA,UAAA,GAAaC,aAAwB,MAAM;AAC/C,MAAM,MAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAW,EAAA,GAAA,KAAA,CAAA;AACjC,MAAM,MAAA,SAAA,GAAY,GAAG,SAAU,CAAA,KAAA,CAAA;AAE/B,MAAO,OAAA;AAAA,QACL,CAAC,CAAK,EAAA,EAAA,SAAA,CAAA,uBAAA,CAAA,GAAqC,CAAG,EAAA,KAAA,CAAA,EAAA,CAAA;AAAA,QAC9C,CAAC,CAAK,EAAA,EAAA,SAAA,CAAA,wBAAA,CAAA,GAAsC,CAAG,EAAA,MAAA,CAAA,EAAA,CAAA;AAAA,QAC/C,CAAC,CAAA,EAAA,EAAK,SAA4C,CAAA,8BAAA,CAAA,GAAA,CAAA,EAAG,KAAQ,GAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QAC7D,CAAC,CAAA,EAAA,EAAK,SAA2C,CAAA,6BAAA,CAAA,GAAA,KAAA,GAAQ,CAAI,GAAA,CAAA;AAAA,QAC7D,GAAI,SAAS,EAAC;AAAA,OAChB,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { tooltipV2Sides } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { TooltipV2Sides } from './common'\n\nexport const tooltipV2ArrowProps = buildProps({\n  width: {\n    type: Number,\n    default: 10,\n  },\n  height: {\n    type: Number,\n    default: 10,\n  },\n  style: {\n    type: definePropType<CSSProperties | null>(Object),\n    default: null,\n  },\n} as const)\n\nexport const tooltipV2ArrowSpecialProps = buildProps({\n  side: {\n    type: definePropType<TooltipV2Sides>(String),\n    values: tooltipV2Sides,\n    required: true,\n  },\n} as const)\n\nexport type TooltipV2ArrowProps = ExtractPropTypes<typeof tooltipV2ArrowProps>\n"],"names":["buildProps","definePropType","tooltipV2Sides"],"mappings":";;;;;;;;AAEY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,0BAA0B,GAAGD,kBAAU,CAAC;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAEC,qBAAc;AAC1B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;;"}