@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/timePicker/Combobox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.vue.js","sources":["../../../../src/components/timePicker/Combobox.vue"],"sourcesContent":["<template>\n    <ScrollList\n        :header=\"props.panelHeader\"\n        :footer=\"props.panelFooter\"\n        x-semi-header-alias=\"panelHeader\"\n        x-semi-footer-alias=\"panelFooter\"\n    >\n        <ScrollItem\n            v-if=\"props.use12Hours\"\n            mode=\"normal\"\n            :class=\"`${props.prefixCls}-list-ampm`\"\n            :list=\"ampmOptions\"\n            :selectedIndex=\"props.isAM ? 0 : 1\"\n            type=\"ampm\"\n            v-bind=\"props.scrollItemProps\"\n            :motion=\"props.motion\"\n            @select=\"onItemChange\"\n        />\n        <ScrollItem\n            v-if=\"state.showHour\"\n            mode=\"normal\"\n            :class=\"`${props.prefixCls}-list-hour`\"\n            :transform=\"transformHour\"\n            :list=\"hourOptionsFormatted\"\n            :selectedIndex=\"hourSelectedIndex\"\n            type=\"hour\"\n            v-bind=\"props.scrollItemProps\"\n            :motion=\"props.motion\"\n            @select=\"onItemChange\"\n        />\n        <ScrollItem\n            v-if=\"state.showMinute\"\n            mode=\"normal\"\n            :class=\"`${props.prefixCls}-list-minute`\"\n            :transform=\"transformMinute\"\n            :list=\"minuteOptionsFormatted\"\n            :selectedIndex=\"minuteSelectedIndex\"\n            type=\"minute\"\n            v-bind=\"props.scrollItemProps\"\n            :motion=\"props.motion\"\n            @select=\"onItemChange\"\n        />\n        <ScrollItem\n            v-if=\"state.showSecond\"\n            mode=\"normal\"\n            :class=\"`${props.prefixCls}-list-second`\"\n            :transform=\"transformSecond\"\n            :list=\"secondOptionsFormatted\"\n            :selectedIndex=\"secondSelectedIndex\"\n            type=\"second\"\n            v-bind=\"props.scrollItemProps\"\n            :motion=\"props.motion\"\n            @select=\"onItemChange\"\n        />\n    </ScrollList>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, watch, onMounted, unref } from 'vue';\nimport { format as dateFnsFormat } from 'date-fns';\nimport { noop } from 'lodash-es';\nimport ScrollList from '../scrollList/ScrollList.vue';\nimport ScrollItem from '../scrollList/ScrollItem.vue';\nimport ComboboxFoundation, { formatOption } from '@douyinfe/semi-foundation/timePicker/ComboxFoundation';\nimport { strings } from '@douyinfe/semi-foundation/timePicker/constants';\nimport { useBaseComponent } from '../_utils/useBaseComponent';\nimport { useLocaleContext } from '../locale/context';\nimport type { ComboboxProps } from './interface';\nimport type { Item } from '../scrollList/interface';\n\nconst props = withDefaults(defineProps<ComboboxProps>(), {\n    disabledHours: () => [],\n    disabledMinutes: () => [],\n    disabledSeconds: () => [],\n    format: strings.DEFAULT_FORMAT,\n});\n\nconst emit = defineEmits<{\n    (e: 'change', value: { isAM: boolean; value: string; timeStampValue: number }): void;\n    (e: 'currentSelectPanelChange', range: string): void;\n}>();\n\nconst { adapter: baseAdapter } = useBaseComponent(props, {});\nconst localeContext = useLocaleContext();\nconst locale = computed(() => unref(localeContext));\n\nconst foundation = new ComboboxFoundation(baseAdapter);\n\nconst state = reactive({\n    showHour: false,\n    showMinute: false,\n    showSecond: false,\n    hourOptions: [] as number[],\n    minuteOptions: [] as number[],\n    secondOptions: [] as number[],\n});\n\nconst initData = () => {\n    const data = foundation.initData();\n    Object.assign(state, data);\n};\n\nwatch(\n    () => [props.timeStampValue, props.format],\n    () => {\n        initData();\n    }\n);\nconst ampmOptions = computed(() => {\n    const currentLocale = locale?.value?.TimePicker || { AM: '上午', PM: '下午' };\n    return [\n        { value: 'AM', text: currentLocale.AM || '上午' },\n        { value: 'PM', text: currentLocale.PM || '下午' },\n    ];\n});\n\nconst hourOptionsFormatted = computed(() => {\n    const disabledOptions = foundation.disabledHours();\n    let options = state.hourOptions;\n    if (props.use12Hours) {\n        options = [12].concat(state.hourOptions.filter((h) => h < 12 && h > 0));\n    }\n    return options.map((option) => formatOption(option, disabledOptions));\n});\n\nconst hourSelectedIndex = computed(() => {\n    if (!props.timeStampValue) return -1;\n    const value = foundation.getDisplayDateFromTimeStamp(props.timeStampValue);\n    const hour = value.getHours();\n    let hourAdj = hour;\n    if (props.use12Hours) {\n        hourAdj = hour % 12 || 12;\n        const options = [12].concat(state.hourOptions.filter((h) => h < 12 && h > 0));\n        return options.indexOf(hourAdj);\n    }\n    return state.hourOptions.indexOf(hourAdj);\n});\n\nconst minuteOptionsFormatted = computed(() => {\n    if (!props.timeStampValue) return state.minuteOptions.map((option) => formatOption(option, []));\n    const value = new Date(props.timeStampValue);\n    const disabledOptions = props.disabledMinutes && props.disabledMinutes(value.getHours());\n    return state.minuteOptions.map((option) => formatOption(option, disabledOptions));\n});\n\nconst minuteSelectedIndex = computed(() => {\n    if (!props.timeStampValue) return -1;\n    const value = foundation.getDisplayDateFromTimeStamp(props.timeStampValue);\n    return state.minuteOptions.indexOf(value.getMinutes());\n});\n\nconst secondOptionsFormatted = computed(() => {\n    if (!props.timeStampValue) return state.secondOptions.map((option) => formatOption(option, []));\n    const value = new Date(props.timeStampValue);\n    const disabledOptions = props.disabledSeconds && props.disabledSeconds(value.getHours(), value.getMinutes());\n    return state.secondOptions.map((option) => formatOption(option, disabledOptions));\n});\n\nconst secondSelectedIndex = computed(() => {\n    if (!props.timeStampValue) return -1;\n    const value = foundation.getDisplayDateFromTimeStamp(props.timeStampValue);\n    return state.secondOptions.indexOf(value.getSeconds());\n});\n\nconst transformHour = (value: string) => value + (locale?.value?.TimePicker?.hour || '');\nconst transformMinute = (value: string) => value + (locale?.value?.TimePicker?.minute || '');\nconst transformSecond = (value: string) => value + (locale?.value?.TimePicker?.second || '');\nconst onItemChange = (item: Item) => {\n    const type = item.type;\n    const value = item.value;\n\n    let { use12Hours, isAM, format, timeStampValue } = props;\n    const transformValue = timeStampValue ? foundation.getDisplayDateFromTimeStamp(timeStampValue) : new Date();\n\n    if (type === 'hour') {\n        if (use12Hours) {\n            if (isAM) {\n                transformValue.setHours(Number(value) % 12);\n            } else {\n                transformValue.setHours((Number(value) % 12) + 12);\n            }\n        } else {\n            transformValue.setHours(Number(value));\n        }\n    } else if (type === 'minute') {\n        transformValue.setMinutes(Number(value));\n    } else if (type === 'ampm') {\n        const ampm = String(value).toUpperCase();\n        if (use12Hours) {\n            if (ampm === 'PM') {\n                isAM = false;\n                if (transformValue.getHours() < 12) {\n                    transformValue.setHours((transformValue.getHours() % 12) + 12);\n                }\n            }\n\n            if (ampm === 'AM') {\n                isAM = true;\n                if (transformValue.getHours() >= 12) {\n                    transformValue.setHours(transformValue.getHours() - 12);\n                }\n            }\n        }\n    } else {\n        transformValue.setSeconds(Number(value));\n    }\n\n    emit('change', {\n        isAM: Boolean(isAM),\n        value: dateFnsFormat(transformValue, format && format.replace(/A/g, 'a')),\n        timeStampValue: Number(transformValue),\n    });\n};\n\nonMounted(() => {\n    initData();\n});\n</script>\n"],"names":["props","__props","emit","__emit","baseAdapter","useBaseComponent","localeContext","useLocaleContext","locale","computed","unref","foundation","ComboboxFoundation","state","reactive","initData","data","watch","ampmOptions","currentLocale","_a","hourOptionsFormatted","disabledOptions","options","h","option","formatOption","hourSelectedIndex","hour","hourAdj","minuteOptionsFormatted","value","minuteSelectedIndex","secondOptionsFormatted","secondSelectedIndex","transformHour","_b","transformMinute","transformSecond","onItemChange","item","type","use12Hours","isAM","format","timeStampValue","transformValue","ampm","dateFnsFormat","onMounted","_createBlock","ScrollList","_openBlock","ScrollItem","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAMA,IAAQC,GAORC,IAAOC,GAKP,EAAE,SAASC,EAAA,IAAgBC,EAAiBL,GAAO,CAAA,CAAE,GACrDM,IAAgBC,EAAA,GAChBC,IAASC,EAAS,MAAMC,EAAMJ,CAAa,CAAC,GAE5CK,IAAa,IAAIC,EAAmBR,CAAW,GAE/CS,IAAQC,EAAS;AAAA,MACnB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa,CAAA;AAAA,MACb,eAAe,CAAA;AAAA,MACf,eAAe,CAAA;AAAA,IAAC,CACnB,GAEKC,IAAW,MAAM;AACnB,YAAMC,IAAOL,EAAW,SAAA;AACxB,aAAO,OAAOE,GAAOG,CAAI;AAAA,IAC7B;AAEA,IAAAC;AAAA,MACI,MAAM,CAACjB,EAAM,gBAAgBA,EAAM,MAAM;AAAA,MACzC,MAAM;AACF,QAAAe,EAAA;AAAA,MACJ;AAAA,IAAA;AAEJ,UAAMG,IAAcT,EAAS,MAAM;;AAC/B,YAAMU,MAAgBC,IAAAZ,KAAA,gBAAAA,EAAQ,UAAR,gBAAAY,EAAe,eAAc,EAAE,IAAI,MAAM,IAAI,KAAA;AACnE,aAAO;AAAA,QACH,EAAE,OAAO,MAAM,MAAMD,EAAc,MAAM,KAAA;AAAA,QACzC,EAAE,OAAO,MAAM,MAAMA,EAAc,MAAM,KAAA;AAAA,MAAK;AAAA,IAEtD,CAAC,GAEKE,IAAuBZ,EAAS,MAAM;AACxC,YAAMa,IAAkBX,EAAW,cAAA;AACnC,UAAIY,IAAUV,EAAM;AACpB,aAAIb,EAAM,eACNuB,IAAU,CAAC,EAAE,EAAE,OAAOV,EAAM,YAAY,OAAO,CAACW,MAAMA,IAAI,MAAMA,IAAI,CAAC,CAAC,IAEnED,EAAQ,IAAI,CAACE,MAAWC,EAAaD,GAAQH,CAAe,CAAC;AAAA,IACxE,CAAC,GAEKK,IAAoBlB,EAAS,MAAM;AACrC,UAAI,CAACT,EAAM,eAAgB,QAAO;AAElC,YAAM4B,IADQjB,EAAW,4BAA4BX,EAAM,cAAc,EACtD,SAAA;AACnB,UAAI6B,IAAUD;AACd,aAAI5B,EAAM,cACN6B,IAAUD,IAAO,MAAM,IACP,CAAC,EAAE,EAAE,OAAOf,EAAM,YAAY,OAAO,CAACW,MAAMA,IAAI,MAAMA,IAAI,CAAC,CAAC,EAC7D,QAAQK,CAAO,KAE3BhB,EAAM,YAAY,QAAQgB,CAAO;AAAA,IAC5C,CAAC,GAEKC,IAAyBrB,EAAS,MAAM;AAC1C,UAAI,CAACT,EAAM,eAAgB,QAAOa,EAAM,cAAc,IAAI,CAACY,MAAWC,EAAaD,GAAQ,CAAA,CAAE,CAAC;AAC9F,YAAMM,IAAQ,IAAI,KAAK/B,EAAM,cAAc,GACrCsB,IAAkBtB,EAAM,mBAAmBA,EAAM,gBAAgB+B,EAAM,UAAU;AACvF,aAAOlB,EAAM,cAAc,IAAI,CAACY,MAAWC,EAAaD,GAAQH,CAAe,CAAC;AAAA,IACpF,CAAC,GAEKU,IAAsBvB,EAAS,MAAM;AACvC,UAAI,CAACT,EAAM,eAAgB,QAAO;AAClC,YAAM+B,IAAQpB,EAAW,4BAA4BX,EAAM,cAAc;AACzE,aAAOa,EAAM,cAAc,QAAQkB,EAAM,YAAY;AAAA,IACzD,CAAC,GAEKE,IAAyBxB,EAAS,MAAM;AAC1C,UAAI,CAACT,EAAM,eAAgB,QAAOa,EAAM,cAAc,IAAI,CAACY,MAAWC,EAAaD,GAAQ,CAAA,CAAE,CAAC;AAC9F,YAAMM,IAAQ,IAAI,KAAK/B,EAAM,cAAc,GACrCsB,IAAkBtB,EAAM,mBAAmBA,EAAM,gBAAgB+B,EAAM,SAAA,GAAYA,EAAM,YAAY;AAC3G,aAAOlB,EAAM,cAAc,IAAI,CAACY,MAAWC,EAAaD,GAAQH,CAAe,CAAC;AAAA,IACpF,CAAC,GAEKY,IAAsBzB,EAAS,MAAM;AACvC,UAAI,CAACT,EAAM,eAAgB,QAAO;AAClC,YAAM+B,IAAQpB,EAAW,4BAA4BX,EAAM,cAAc;AACzE,aAAOa,EAAM,cAAc,QAAQkB,EAAM,YAAY;AAAA,IACzD,CAAC,GAEKI,IAAgB,CAACJ;;AAAkB,aAAAA,OAASK,KAAAhB,IAAAZ,KAAA,gBAAAA,EAAQ,UAAR,gBAAAY,EAAe,eAAf,gBAAAgB,EAA2B,SAAQ;AAAA,OAC/EC,IAAkB,CAACN;;AAAkB,aAAAA,OAASK,KAAAhB,IAAAZ,KAAA,gBAAAA,EAAQ,UAAR,gBAAAY,EAAe,eAAf,gBAAAgB,EAA2B,WAAU;AAAA,OACnFE,IAAkB,CAACP;;AAAkB,aAAAA,OAASK,KAAAhB,IAAAZ,KAAA,gBAAAA,EAAQ,UAAR,gBAAAY,EAAe,eAAf,gBAAAgB,EAA2B,WAAU;AAAA,OACnFG,IAAe,CAACC,MAAe;AACjC,YAAMC,IAAOD,EAAK,MACZT,IAAQS,EAAK;AAEnB,UAAI,EAAE,YAAAE,GAAY,MAAAC,GAAA,QAAMC,GAAQ,gBAAAC,MAAmB7C;AACnD,YAAM8C,IAAiBD,IAAiBlC,EAAW,4BAA4BkC,CAAc,wBAAQ,KAAA;AAErG,UAAIJ,MAAS;AACT,QAAIC,IACIC,IACAG,EAAe,SAAS,OAAOf,CAAK,IAAI,EAAE,IAE1Ce,EAAe,SAAU,OAAOf,CAAK,IAAI,KAAM,EAAE,IAGrDe,EAAe,SAAS,OAAOf,CAAK,CAAC;AAAA,eAElCU,MAAS;AAChB,QAAAK,EAAe,WAAW,OAAOf,CAAK,CAAC;AAAA,eAChCU,MAAS,QAAQ;AACxB,cAAMM,IAAO,OAAOhB,CAAK,EAAE,YAAA;AAC3B,QAAIW,MACIK,MAAS,SACTJ,IAAO,IACHG,EAAe,SAAA,IAAa,MAC5BA,EAAe,SAAUA,EAAe,SAAA,IAAa,KAAM,EAAE,IAIjEC,MAAS,SACTJ,IAAO,IACHG,EAAe,SAAA,KAAc,MAC7BA,EAAe,SAASA,EAAe,SAAA,IAAa,EAAE;AAAA,MAItE;AACI,QAAAA,EAAe,WAAW,OAAOf,CAAK,CAAC;AAG3C,MAAA7B,EAAK,UAAU;AAAA,QACX,MAAM,EAAQyC;AAAA,QACd,OAAOK,EAAcF,GAAgBF,KAAUA,EAAO,QAAQ,MAAM,GAAG,CAAC;AAAA,QACxE,gBAAgB,OAAOE,CAAc;AAAA,MAAA,CACxC;AAAA,IACL;AAEA,WAAAG,EAAU,MAAM;AACZ,MAAAlC,EAAA;AAAA,IACJ,CAAC,mBAvNGmC,EAqDaC,GAAA;AAAA,MApDR,QAAQnD,EAAM;AAAA,MACd,QAAQA,EAAM;AAAA,MACf,uBAAoB;AAAA,MACpB,uBAAoB;AAAA,IAAA;iBAEpB,MAUE;AAAA,QATQA,EAAM,cADhBoD,EAAA,GAAAF,EAUEG,GAVFC,EAUE;AAAA;UARE,MAAK;AAAA,UACJ,OAAK,GAAKtD,EAAM,SAAS;AAAA,UACzB,MAAMkB,EAAA;AAAA,UACN,eAAelB,EAAM,OAAI,IAAA;AAAA,UAC1B,MAAK;AAAA,QAAA,GACGA,EAAM,iBAAe;AAAA,UAC5B,QAAQA,EAAM;AAAA,UACd,UAAQuC;AAAA,QAAA;QAGH1B,EAAM,YADhBuC,EAAA,GAAAF,EAWEG,GAXFC,EAWE;AAAA;UATE,MAAK;AAAA,UACJ,OAAK,GAAKtD,EAAM,SAAS;AAAA,UACzB,WAAWmC;AAAA,UACX,MAAMd,EAAA;AAAA,UACN,eAAeM,EAAA;AAAA,UAChB,MAAK;AAAA,QAAA,GACG3B,EAAM,iBAAe;AAAA,UAC5B,QAAQA,EAAM;AAAA,UACd,UAAQuC;AAAA,QAAA;QAGH1B,EAAM,cADhBuC,EAAA,GAAAF,EAWEG,GAXFC,EAWE;AAAA;UATE,MAAK;AAAA,UACJ,OAAK,GAAKtD,EAAM,SAAS;AAAA,UACzB,WAAWqC;AAAA,UACX,MAAMP,EAAA;AAAA,UACN,eAAeE,EAAA;AAAA,UAChB,MAAK;AAAA,QAAA,GACGhC,EAAM,iBAAe;AAAA,UAC5B,QAAQA,EAAM;AAAA,UACd,UAAQuC;AAAA,QAAA;QAGH1B,EAAM,cADhBuC,EAAA,GAAAF,EAWEG,GAXFC,EAWE;AAAA;UATE,MAAK;AAAA,UACJ,OAAK,GAAKtD,EAAM,SAAS;AAAA,UACzB,WAAWsC;AAAA,UACX,MAAML,EAAA;AAAA,UACN,eAAeC,EAAA;AAAA,UAChB,MAAK;AAAA,QAAA,GACGlC,EAAM,iBAAe;AAAA,UAC5B,QAAQA,EAAM;AAAA,UACd,UAAQuC;AAAA,QAAA;;;;;;"}

package/lib/es/components/timePicker/TimeInput.vue.js

@@ -0,0 +1,231 @@
+import { defineComponent as w, ref as P, computed as p, onMounted as _, watch as c, createElementBlock as I, openBlock as L, normalizeClass as R, createVNode as f, mergeProps as V, unref as m, withCtx as k } from "vue";
+import N from "classnames";
+import { noop as s } from "lodash-es";
+import A from "../input/Input.vue.js";
+import H from "@douyinfe/semi-foundation/timePicker/inputFoundation";
+import { useBaseComponent as M } from "../_utils/useBaseComponent.js";
+import { useLocaleContext as $ } from "../locale/context.js";
+import j from "../icons/icons/IconClock.js";
+const G = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "TimeInput",
+  props: {
+    onChange: { type: Function, default: s },
+    onEsc: {},
+    onClick: { type: Function, default: s },
+    onFocus: { type: Function, default: s },
+    onBlur: { type: Function, default: s },
+    defaultOpenValue: { type: Boolean },
+    currentSelectPanel: {},
+    timeStampValue: {},
+    invalid: { type: Boolean },
+    "aria-describedby": {},
+    "aria-errormessage": {},
+    "aria-invalid": { type: Boolean },
+    "aria-labelledby": {},
+    "aria-required": { type: Boolean },
+    autoAdjustOverflow: { type: Boolean },
+    autoFocus: { type: Boolean },
+    borderless: { type: Boolean, default: !1 },
+    clearText: {},
+    clearIcon: {},
+    dateFnsLocale: {},
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    disabled: { type: Boolean },
+    disabledHours: { type: Function, default: () => [] },
+    disabledMinutes: { type: Function, default: () => [] },
+    disabledSeconds: { type: Function, default: () => [] },
+    dropdownMargin: {},
+    focusOnOpen: { type: Boolean },
+    format: {},
+    getPopupContainer: {},
+    hideDisabledOptions: { type: Boolean },
+    hourStep: {},
+    id: {},
+    inputReadOnly: { type: Boolean, default: !1 },
+    inputStyle: {},
+    insetLabel: {},
+    insetLabelId: {},
+    locale: {},
+    localeCode: {},
+    minuteStep: {},
+    motion: { type: [Boolean, Function, Object] },
+    open: { type: Boolean },
+    panelFooter: {},
+    panelHeader: {},
+    panels: {},
+    placeholder: {},
+    popupClassName: {},
+    popupStyle: {},
+    position: {},
+    prefixCls: {},
+    preventScroll: { type: Boolean },
+    rangeSeparator: {},
+    scrollItemProps: {},
+    secondStep: {},
+    showClear: { type: Boolean },
+    size: {},
+    stopPropagation: { type: Boolean },
+    timeZone: {},
+    triggerRender: {},
+    type: {},
+    use12Hours: { type: Boolean },
+    validateStatus: {},
+    value: {},
+    zIndex: {},
+    onChangeWithDateFirst: { type: Boolean },
+    onOpenChange: {},
+    style: {},
+    className: {}
+  },
+  emits: ["change", "focus", "blur", "click"],
+  setup(y, { expose: h, emit: C }) {
+    const t = y, r = C, { adapter: u } = M(t, {}), b = $(), i = P(null), d = {
+      ...u,
+      notifyChange: (...e) => {
+        var o;
+        r("change", ...e), (o = t.onChange) == null || o.call(t, ...e);
+      },
+      notifyFocus: (...e) => {
+        var o;
+        r("focus", ...e), (o = t.onFocus) == null || o.call(t, ...e);
+      },
+      notifyBlur: (...e) => {
+        var o;
+        r("blur", ...e), (o = t.onBlur) == null || o.call(t, ...e);
+      },
+      getCache: (e) => {
+        var o;
+        return e === "inputNode" ? (o = i.value) == null ? void 0 : o.inputRef : u.getCache(e);
+      },
+      setCache: (e, o) => {
+        u.setCache(e, o);
+      }
+    }, n = new H(d), g = p(
+      () => N(`${t.prefixCls}-input`, {
+        [`${t.prefixCls}-input-invalid`]: t.invalid,
+        [`${t.prefixCls}-input-readonly`]: t.inputReadOnly
+      })
+    ), B = p(() => t.invalid ? "error" : t.validateStatus), v = p(() => {
+      const e = { ...t };
+      return [
+        "prefixCls",
+        "placeholder",
+        "inputReadOnly",
+        "onFocus",
+        "disabled",
+        "type",
+        "locale",
+        "localeCode",
+        "insetLabel",
+        "validateStatus",
+        "value",
+        "onChange",
+        "invalid",
+        "format",
+        "clearText",
+        "disabledHours",
+        "disabledMinutes",
+        "disabledSeconds",
+        "onEsc",
+        "defaultOpenValue",
+        "currentSelectPanel",
+        "focusOnOpen",
+        "timeStampValue",
+        "timeZone",
+        "defaultOpen",
+        "defaultValue",
+        "dateFnsLocale",
+        "onChangeWithDateFirst",
+        "onOpenChange",
+        "autoAdjustOverflow",
+        "popupClassName",
+        "popupStyle",
+        "zIndex",
+        "getPopupContainer",
+        "motion",
+        "dropdownMargin",
+        "stopPropagation",
+        "triggerRender",
+        "panels",
+        "panelHeader",
+        "panelFooter",
+        "scrollItemProps",
+        "hourStep",
+        "minuteStep",
+        "secondStep",
+        "use12Hours",
+        "hideDisabledOptions",
+        "rangeSeparator"
+      ].forEach((l) => {
+        delete e[l];
+      }), e;
+    }), S = (e, o) => {
+      n.handleChange(String(e));
+    }, F = (e) => {
+      n.handleFocus(e);
+    }, O = (e) => {
+      n.handleBlur(e);
+    }, x = (e) => {
+      var o;
+      (o = t.onClick) == null || o.call(t, e);
+    };
+    return _(() => {
+      const { focusOnOpen: e, preventScroll: o } = t;
+      e && (window.requestAnimationFrame || window.setTimeout)(() => {
+        const a = d.getCache("inputNode");
+        a && (a.focus({ preventScroll: o }), a.select());
+      });
+    }), c(
+      () => t.timeStampValue,
+      (e, o) => {
+        e !== o && n.restoreCursor();
+      }
+    ), c(
+      () => t.value,
+      (e, o) => {
+        e !== o && n.restoreCursor();
+      }
+    ), h({
+      focus: () => {
+        var e;
+        (e = i.value) == null || e.focus();
+      },
+      blur: () => {
+        var e;
+        (e = i.value) == null || e.blur();
+      }
+    }), (e, o) => {
+      var l, a;
+      return L(), I("div", {
+        class: R(`${t.prefixCls}-input-wrap`)
+      }, [
+        f(A, V(v.value, {
+          ref_key: "inputRef",
+          ref: i,
+          hideSuffix: "",
+          class: g.value,
+          value: t.value,
+          placeholder: t.placeholder || ((a = (l = m(b)) == null ? void 0 : l.placeholder) == null ? void 0 : a[t.type || "time"]),
+          readonly: !!t.inputReadOnly,
+          validateStatus: B.value,
+          disabled: t.disabled,
+          insetLabel: t.insetLabel,
+          onChange: S,
+          onFocus: F,
+          onBlur: O
+        }), {
+          suffix: k(() => [
+            f(m(j), { onClick: x })
+          ]),
+          _: 1
+        }, 16, ["class", "value", "placeholder", "readonly", "validateStatus", "disabled", "insetLabel"])
+      ], 2);
+    };
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=TimeInput.vue.js.map

package/lib/es/components/timePicker/TimeInput.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInput.vue.js","sources":["../../../../src/components/timePicker/TimeInput.vue"],"sourcesContent":["<template>\n    <div :class=\"`${props.prefixCls}-input-wrap`\">\n        <Input\n            v-bind=\"bindProps\"\n            ref=\"inputRef\"\n            hideSuffix\n            :class=\"inputCls\"\n            :value=\"props.value\"\n            :placeholder=\"props.placeholder || (locale as any)?.placeholder?.[props.type || 'time']\"\n            :readonly=\"Boolean(props.inputReadOnly)\"\n            :validateStatus=\"mergeValidateStatus\"\n            :disabled=\"props.disabled\"\n            :insetLabel=\"props.insetLabel\"\n            @change=\"handleChange\"\n            @focus=\"handleFocus\"\n            @blur=\"handleBlur\"\n        >\n            <template #suffix>\n                <IconClock @click=\"handleClick\" />\n            </template>\n        </Input>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineOptions({\n    inheritAttrs: false,\n});\nimport { ref, computed, onMounted, watch } from 'vue';\nimport classNames from 'classnames';\nimport { noop } from 'lodash-es';\nimport Input from '../input/Input.vue';\nimport InputFoundation from '@douyinfe/semi-foundation/timePicker/inputFoundation';\nimport { IconClock } from '../icons';\nimport { useBaseComponent } from '../_utils/useBaseComponent';\nimport { useLocaleContext } from '../locale/context';\nimport type { TimeInputProps } from './interface';\nimport type { TimeInputAdapter } from '@douyinfe/semi-foundation/timePicker/inputFoundation';\n\nconst props = withDefaults(defineProps<TimeInputProps>(), {\n    borderless: false,\n    inputReadOnly: false,\n    onChange: noop,\n    onBlur: noop,\n    onFocus: noop,\n    onClick: noop,\n    disabledHours: () => [],\n    disabledMinutes: () => [],\n    disabledSeconds: () => [],\n});\n\nconst emit = defineEmits<{\n    (e: 'change', value: string): void;\n    (e: 'focus', event: FocusEvent): void;\n    (e: 'blur', event: FocusEvent): void;\n    (e: 'click', event: MouseEvent): void;\n}>();\n\nconst { adapter: baseAdapter } = useBaseComponent(props, {});\nconst locale = useLocaleContext();\n\n// Refs\nconst inputRef = ref<InstanceType<typeof Input> | null>(null);\n\n// Adapter\nconst adapter: TimeInputAdapter = {\n    ...baseAdapter,\n    notifyChange: (...args) => {\n        emit('change', ...args);\n        props.onChange?.(...args);\n    },\n    notifyFocus: (...args) => {\n        emit('focus', ...args);\n        props.onFocus?.(...args);\n    },\n    notifyBlur: (...args) => {\n        emit('blur', ...args);\n        props.onBlur?.(...args);\n    },\n    getCache: (key: string) => {\n        if (key === 'inputNode') {\n            return inputRef.value?.inputRef;\n        }\n        return baseAdapter.getCache(key);\n    },\n    setCache: (key: string, value: any) => {\n        baseAdapter.setCache(key, value);\n    },\n};\n\nconst foundation = new InputFoundation(adapter);\n\n// Computed\nconst inputCls = computed(() =>\n    classNames(`${props.prefixCls}-input`, {\n        [`${props.prefixCls}-input-invalid`]: props.invalid,\n        [`${props.prefixCls}-input-readonly`]: props.inputReadOnly,\n    })\n);\n\nconst mergeValidateStatus = computed(() => (props.invalid ? 'error' : props.validateStatus));\n\nconst bindProps = computed(() => {\n    const propsObj = { ...props };\n\n    const excludeKeys = [\n        'prefixCls',\n        'placeholder',\n        'inputReadOnly',\n        'onFocus',\n        'disabled',\n        'type',\n        'locale',\n        'localeCode',\n        'insetLabel',\n        'validateStatus',\n        'value',\n        'onChange',\n        'invalid',\n        'format',\n        'clearText',\n        'disabledHours',\n        'disabledMinutes',\n        'disabledSeconds',\n        'onEsc',\n        'defaultOpenValue',\n        'currentSelectPanel',\n        'focusOnOpen',\n        'timeStampValue',\n        'timeZone',\n        'defaultOpen',\n        'defaultValue',\n        'dateFnsLocale',\n        'onChangeWithDateFirst',\n        'onOpenChange',\n        'autoAdjustOverflow',\n        'popupClassName',\n        'popupStyle',\n        'zIndex',\n        'getPopupContainer',\n        'motion',\n        'dropdownMargin',\n        'stopPropagation',\n        'triggerRender',\n        'panels',\n        'panelHeader',\n        'panelFooter',\n        'scrollItemProps',\n        'hourStep',\n        'minuteStep',\n        'secondStep',\n        'use12Hours',\n        'hideDisabledOptions',\n        'rangeSeparator',\n    ];\n\n    excludeKeys.forEach((key) => {\n        delete propsObj[key as keyof TimeInputProps];\n    });\n\n    return propsObj;\n});\n\n// Methods\nconst handleChange = (value: string | number, e: Event) => {\n    foundation.handleChange(String(value));\n};\n\nconst handleFocus = (e: FocusEvent) => {\n    foundation.handleFocus(e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    foundation.handleBlur(e);\n};\n\nconst handleClick = (e: MouseEvent) => {\n    props.onClick?.(e);\n};\n\n// Lifecycle\nonMounted(() => {\n    const { focusOnOpen, preventScroll } = props;\n    if (focusOnOpen) {\n        const requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;\n        requestAnimationFrame(() => {\n            const inputNode = adapter.getCache('inputNode');\n            if (inputNode) {\n                inputNode.focus({ preventScroll });\n                inputNode.select();\n            }\n        });\n    }\n});\n\nwatch(\n    () => props.timeStampValue,\n    (val, oldVal) => {\n        if (val !== oldVal) {\n            foundation.restoreCursor();\n        }\n    }\n);\n\nwatch(\n    () => props.value,\n    (val, oldVal) => {\n        if (val !== oldVal) {\n            foundation.restoreCursor();\n        }\n    }\n);\n\ndefineExpose({\n    focus: () => {\n        inputRef.value?.focus();\n    },\n    blur: () => {\n        inputRef.value?.blur();\n    },\n});\n</script>\n"],"names":["props","__props","emit","__emit","baseAdapter","useBaseComponent","locale","useLocaleContext","inputRef","ref","adapter","args","_a","key","value","foundation","InputFoundation","inputCls","computed","classNames","mergeValidateStatus","bindProps","propsObj","handleChange","e","handleFocus","handleBlur","handleClick","onMounted","focusOnOpen","preventScroll","inputNode","watch","val","oldVal","__expose","_createElementBlock","_normalizeClass","_createVNode","Input","_mergeProps","_unref","IconClock"],"mappings":"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"}

package/lib/es/components/timePicker/TimePicker.vue.js

@@ -0,0 +1,343 @@
+import { defineComponent as ue, useAttrs as pe, reactive as ce, ref as y, computed as i, unref as P, onMounted as de, onUnmounted as fe, watch as v, createElementBlock as B, openBlock as f, mergeProps as R, createVNode as N, normalizeStyle as me, withCtx as T, createBlock as x, resolveDynamicComponent as ge, normalizeProps as he, guardReactiveProps as Ce, normalizeClass as H, createElementVNode as ye, Fragment as Pe, renderList as ve } from "vue";
+import g from "classnames";
+import { noop as _, get as k } from "lodash-es";
+import Be from "../popover/Popover.vue.js";
+/* empty css                      */
+import _e from "./TimeInput.vue.js";
+import be from "./Combobox.vue.js";
+import Fe from "@douyinfe/semi-foundation/timePicker/foundation";
+import { strings as h, cssClasses as A } from "@douyinfe/semi-foundation/timePicker/constants";
+import { numbers as Se } from "@douyinfe/semi-foundation/popover/constants";
+import { useBaseComponent as Re } from "../_utils/useBaseComponent.js";
+import { useLocaleContext as ke } from "../locale/context.js";
+const ze = /* @__PURE__ */ ue({
+  name: "TimePicker",
+  inheritAttrs: !1,
+  __name: "TimePicker",
+  props: {
+    "aria-describedby": {},
+    "aria-errormessage": {},
+    "aria-invalid": { type: Boolean },
+    "aria-labelledby": {},
+    "aria-required": { type: Boolean },
+    autoAdjustOverflow: { type: Boolean, default: !0 },
+    autoFocus: { type: Boolean },
+    borderless: { type: Boolean, default: !1 },
+    clearText: { default: "clear" },
+    clearIcon: {},
+    dateFnsLocale: {},
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    disabled: { type: Boolean },
+    disabledHours: { type: Function, default: () => [] },
+    disabledMinutes: { type: Function, default: () => [] },
+    disabledSeconds: { type: Function, default: () => [] },
+    dropdownMargin: {},
+    focusOnOpen: { type: Boolean, default: !1 },
+    format: {},
+    getPopupContainer: { type: Function, default: () => document.body },
+    hideDisabledOptions: { type: Boolean, default: !1 },
+    hourStep: {},
+    id: {},
+    inputReadOnly: { type: Boolean, default: !1 },
+    inputStyle: {},
+    insetLabel: {},
+    insetLabelId: {},
+    locale: {},
+    localeCode: {},
+    minuteStep: {},
+    motion: { type: [Boolean, Function, Object], default: !0 },
+    open: { type: Boolean },
+    panelFooter: {},
+    panelHeader: {},
+    panels: {},
+    placeholder: {},
+    popupClassName: { default: "" },
+    popupStyle: { default: () => ({ left: "0px", top: "0px" }) },
+    position: {},
+    prefixCls: { default: A.PREFIX },
+    preventScroll: { type: Boolean },
+    rangeSeparator: { default: h.DEFAULT_RANGE_SEPARATOR },
+    scrollItemProps: {},
+    secondStep: {},
+    showClear: { type: Boolean, default: !0 },
+    size: { default: "default" },
+    stopPropagation: { type: Boolean, default: !0 },
+    timeZone: {},
+    triggerRender: {},
+    type: { default: h.DEFAULT_TYPE },
+    use12Hours: { type: Boolean, default: !1 },
+    validateStatus: {},
+    value: {},
+    zIndex: { default: Se.DEFAULT_Z_INDEX },
+    onChange: { type: Function, default: _ },
+    onChangeWithDateFirst: { type: Boolean, default: !0 },
+    onOpenChange: { type: Function, default: _ },
+    onFocus: { type: Function, default: _ },
+    onBlur: { type: Function, default: _ },
+    style: { default: () => ({}) },
+    className: { default: "" }
+  },
+  emits: ["change", "focus", "blur", "openChange"],
+  setup(M, { expose: V, emit: L }) {
+    const t = M, $ = pe(), b = t.format || h.DEFAULT_FORMAT, o = ce({
+      open: t.open || t.defaultOpen || !1,
+      value: [],
+      inputValue: "",
+      currentSelectPanel: 0,
+      isAM: [!0, !1],
+      showHour: !!b.match(/HH|hh|H|h/g),
+      showMinute: !!b.match(/mm/g),
+      showSecond: !!b.match(/ss/g),
+      invalid: !1
+    }), { adapter: z } = Re(t, o), O = ke(), C = L, E = y(null), I = y(null), D = y(null), F = y(null);
+    let d = null;
+    const c = {
+      ...z,
+      togglePanel: (e) => {
+        o.open = e;
+      },
+      registerClickOutSide: () => {
+        d && c.unregisterClickOutSide(), d = (e) => {
+          const n = I.value, l = E.value, a = e.target, s = e.composedPath && e.composedPath() || [a];
+          !(n && n.contains(a)) && !(l && l.contains(a)) && !(s.includes(l) || s.includes(n)) && r.handlePanelClose(!0, e);
+        }, document.addEventListener("mousedown", d);
+      },
+      setInputValue: (e, n) => {
+        o.inputValue = e, n && n();
+      },
+      unregisterClickOutSide: () => {
+        d && (document.removeEventListener("mousedown", d), d = null);
+      },
+      notifyOpenChange: (e) => {
+        var n;
+        (n = t.onOpenChange) == null || n.call(t, e), C("openChange", e);
+      },
+      notifyChange: (e, n) => {
+        var l;
+        (l = t.onChange) == null || l.call(t, e, n), C("change", e, n);
+      },
+      notifyFocus: (e) => {
+        var n;
+        (n = t.onFocus) == null || n.call(t, e), C("focus", e);
+      },
+      notifyBlur: (e) => {
+        var n;
+        (n = t.onBlur) == null || n.call(t, e), C("blur", e);
+      },
+      isRangePicker: () => t.type === h.TYPE_TIME_RANGE_PICKER,
+      // Override getProps to filter undefined values for controlled component detection
+      getProps: () => {
+        const e = {};
+        for (const n in t)
+          t[n] !== void 0 && ((n === "open" || n === "defaultOpen") && t[n] === !1 || (e[n] = t[n]));
+        return e;
+      },
+      // Overwrite getState/getStates to use reactive state
+      getState: (e) => o[e],
+      getStates: () => o,
+      setState: (e, n) => {
+        Object.assign(o, e), n && n();
+      }
+    }, r = new Fe(c), j = i(() => typeof t.triggerRender == "function"), G = i(() => o.open), U = i(() => g({ [t.prefixCls]: !0 }, t.className)), Z = i(
+      () => g({
+        [`${t.prefixCls}-panel`]: !0,
+        [`${t.prefixCls}-panel-${t.size}`]: t.size
+      })
+    ), K = i(
+      () => g({
+        [`${t.prefixCls}-header`]: !0
+      })
+    ), Y = i(() => {
+      const { use12Hours: e, prefixCls: n, popupClassName: l } = t, { showHour: a, showMinute: s, showSecond: p } = o;
+      let u = 0;
+      return a && (u += 1), s && (u += 1), p && (u += 1), e && (u += 1), g(
+        `${n}-panel`,
+        l,
+        {
+          [`${n}-panel-narrow`]: (!a || !s || !p) && !e,
+          [A.RANGE_PICKER]: c.isRangePicker()
+        },
+        `${n}-panel-column-${u}`
+      );
+    }), W = i(
+      () => g({
+        [A.RANGE_PANEL_LISTS]: c.isRangePicker()
+      })
+    ), X = i(() => r.getPosition()), S = i(() => r.getDefaultFormatIfNeed()), q = i(() => {
+      const e = t.type === h.TYPE_TIME_RANGE_PICKER ? 2 : 1;
+      return new Array(e).fill(0);
+    }), J = i(() => {
+      const {
+        prefixCls: e,
+        placeholder: n,
+        disabled: l,
+        size: a,
+        showClear: s,
+        inputStyle: p,
+        insetLabel: u,
+        insetLabelId: m,
+        localeCode: ie
+        // format, // use computed format
+      } = t;
+      return {
+        ...t,
+        disabled: l,
+        prefixCls: e,
+        size: a,
+        showClear: l ? !1 : s,
+        style: p,
+        value: o.inputValue,
+        onFocus: ne,
+        insetLabel: u,
+        insetLabelId: m,
+        format: S.value,
+        locale: P(O),
+        localeCode: ie,
+        invalid: o.invalid,
+        placeholder: n,
+        onChange: w,
+        onBlur: oe
+      };
+    }), Q = i(() => ({
+      disabled: t.disabled,
+      value: o.value,
+      inputValue: o.inputValue,
+      onChange: w,
+      placeholder: t.placeholder,
+      componentName: "TimePicker",
+      componentProps: { ...t }
+    })), ee = (e) => r.handleVisibleChange(e), te = () => r.handlePanelOpen(), ne = (e) => r.handleFocus(e), oe = (e) => {
+      r.handleInputBlur(e), c.notifyBlur(e);
+    }, w = (e) => r.handleInputChange(e), ae = (e, n) => {
+      r.handlePanelChange(e, n);
+    }, le = (e) => {
+      o.currentSelectPanel = e;
+    }, se = (e = 0) => {
+      var u;
+      const { panels: n, panelFooter: l, panelHeader: a } = t, s = (u = P(O)) == null ? void 0 : u.TimePicker, p = {
+        panelHeader: a,
+        panelFooter: l
+      };
+      if (c.isRangePicker()) {
+        const m = {
+          0: s == null ? void 0 : s.begin,
+          1: s == null ? void 0 : s.end
+        };
+        p.panelHeader = k(
+          n,
+          e,
+          // @ts-ignore
+          a == null ? k(m, e, null) : Array.isArray(a) ? a[e] : a
+        ), p.panelFooter = k(n, e, Array.isArray(l) ? l[e] : l);
+      }
+      return p;
+    }, re = (e) => {
+      const { onChange: n, onOpenChange: l, onBlur: a, onFocus: s, open: p, defaultOpen: u, ...m } = t;
+      return {
+        ...m,
+        format: S.value,
+        isAM: o.isAM[e],
+        timeStampValue: o.value[e],
+        prefixCls: `${t.prefixCls}-panel`,
+        ...se(e)
+      };
+    };
+    return de(() => {
+      r.init();
+    }), fe(() => {
+      r.destroy(), c.unregisterClickOutSide();
+    }), v(
+      () => t.open,
+      (e) => {
+        e !== void 0 && e !== o.open && (o.open = e);
+      }
+    ), v(
+      () => t.value,
+      (e) => {
+        r.refreshProps({ ...t, value: e });
+      }
+    ), v(
+      () => t.timeZone,
+      (e, n) => {
+        r.refreshProps({
+          timeZone: e,
+          __prevTimeZone: n,
+          value: o.value
+        });
+      }
+    ), v(
+      () => S.value,
+      (e) => {
+        e && (o.showHour = !!e.match(/HH|hh|H|h/g), o.showMinute = !!e.match(/mm/g), o.showSecond = !!e.match(/ss/g));
+      },
+      { immediate: !0 }
+    ), V({
+      focus: () => {
+        var e;
+        (e = F.value) == null || e.focus();
+      },
+      blur: () => {
+        var e;
+        (e = F.value) == null || e.blur();
+      }
+    }), (e, n) => (f(), B("div", R({
+      ref_key: "timePickerRef",
+      ref: E,
+      class: U.value,
+      style: t.style
+    }, P($)), [
+      N(P(Be), {
+        ref_key: "popoverRef",
+        ref: D,
+        getPopupContainer: t.getPopupContainer,
+        zIndex: t.zIndex,
+        prefixCls: Z.value,
+        contentClassName: Y.value,
+        style: me(t.popupStyle),
+        trigger: "custom",
+        position: X.value,
+        visible: G.value,
+        motion: t.motion,
+        margin: t.dropdownMargin,
+        autoAdjustOverflow: t.autoAdjustOverflow,
+        stopPropagation: t.stopPropagation,
+        onVisibleChange: ee
+      }, {
+        content: T(() => [
+          ye("div", {
+            ref_key: "savePanelRef",
+            ref: I,
+            class: H(W.value)
+          }, [
+            (f(!0), B(Pe, null, ve(q.value, (l, a) => (f(), x(be, R({ key: a }, { ref_for: !0 }, re(a), {
+              onChange: (s) => ae(s, a),
+              onCurrentSelectPanelChange: le
+            }), null, 16, ["onChange"]))), 128))
+          ], 2)
+        ]),
+        default: T(() => [
+          j.value ? (f(), B("div", {
+            key: 0,
+            onClick: te
+          }, [
+            (f(), x(ge(t.triggerRender), he(Ce(Q.value)), null, 16))
+          ])) : (f(), B("span", {
+            key: 1,
+            class: H(K.value)
+          }, [
+            N(_e, R({
+              ref_key: "timeInputRef",
+              ref: F
+            }, J.value), null, 16)
+          ], 2))
+        ]),
+        _: 1
+      }, 8, ["getPopupContainer", "zIndex", "prefixCls", "contentClassName", "style", "position", "visible", "motion", "margin", "autoAdjustOverflow", "stopPropagation"])
+    ], 16));
+  }
+});
+export {
+  ze as default
+};
+//# sourceMappingURL=TimePicker.vue.js.map