vft 0.0.375 → 0.0.376

package/lib/components/time-picker/time-picker-com/panel-time-range.vue2.cjs

@@ -1,294 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const lodashEs = require("lodash-es");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-require("../../config-provider/hooks/use-global-config.cjs");
-const aria = require("../../../constants/aria.cjs");
-const index = require("../../../hooks/use-namespace/index.cjs");
-require("../../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../../hooks/use-z-index/index.cjs");
-const constants = require("../constants.cjs");
-const panelTimeRange = require("../props/panel-time-range.cjs");
-const useTimePanel = require("../composables/use-time-panel.cjs");
-const useTimePicker = require("../composables/use-time-picker.cjs");
-const basicTimeSpinner_vue_vue_type_script_setup_true_lang = require("./basic-time-spinner.vue2.cjs");
-const _hoisted_1 = ["disabled"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "panel-time-range",
-  props: panelTimeRange.panelTimeRangeProps,
-  emits: ["pick", "select-range", "set-picker-option"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const makeSelectRange = (start, end) => {
-      const result = [];
-      for (let i = start; i <= end; i++) {
-        result.push(i);
-      }
-      return result;
-    };
-    const lang = vue.ref("zh-cn");
-    const nsTime = index.useNamespace("time");
-    const nsPicker = index.useNamespace("picker");
-    const pickerBase = vue.inject(constants.PICKER_BASE_INJECTION_KEY);
-    const {
-      arrowControl,
-      disabledHours,
-      disabledMinutes,
-      disabledSeconds,
-      defaultValue
-    } = pickerBase.props;
-    const startContainerKls = vue.computed(() => [
-      nsTime.be("range-picker", "body"),
-      nsTime.be("panel", "content"),
-      nsTime.is("arrow", arrowControl),
-      showSeconds.value ? "has-seconds" : ""
-    ]);
-    const endContainerKls = vue.computed(() => [
-      nsTime.be("range-picker", "body"),
-      nsTime.be("panel", "content"),
-      nsTime.is("arrow", arrowControl),
-      showSeconds.value ? "has-seconds" : ""
-    ]);
-    const startTime = vue.computed(() => props.parsedValue[0]);
-    const endTime = vue.computed(() => props.parsedValue[1]);
-    const oldValue = useTimePicker.useOldValue(props);
-    const handleCancel = () => {
-      emit("pick", oldValue.value, false);
-    };
-    const showSeconds = vue.computed(() => {
-      return props.format.includes("ss");
-    });
-    const amPmMode = vue.computed(() => {
-      if (props.format.includes("A")) return "A";
-      if (props.format.includes("a")) return "a";
-      return "";
-    });
-    const handleConfirm = (visible = false) => {
-      emit("pick", [startTime.value, endTime.value], visible);
-    };
-    const handleMinChange = (date) => {
-      handleChange(date.millisecond(0), endTime.value);
-    };
-    const handleMaxChange = (date) => {
-      handleChange(startTime.value, date.millisecond(0));
-    };
-    const isValidValue = (_date) => {
-      const parsedDate = _date.map((_) => dayjs(_).locale(lang.value));
-      const result = getRangeAvailableTime(parsedDate);
-      return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1]);
-    };
-    const handleChange = (start, end) => {
-      if (!props.visible) {
-        return;
-      }
-      emit("pick", [start, end], true);
-    };
-    const btnConfirmDisabled = vue.computed(() => {
-      return startTime.value > endTime.value;
-    });
-    const selectionRange = vue.ref([0, 2]);
-    const setMinSelectionRange = (start, end) => {
-      emit("select-range", start, end, "min");
-      selectionRange.value = [start, end];
-    };
-    const offset = vue.computed(() => showSeconds.value ? 11 : 8);
-    const setMaxSelectionRange = (start, end) => {
-      emit("select-range", start, end, "max");
-      const _offset = vue.unref(offset);
-      selectionRange.value = [start + _offset, end + _offset];
-    };
-    const changeSelectionRange = (step) => {
-      const list = showSeconds.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11];
-      const mapping = ["hours", "minutes"].concat(
-        showSeconds.value ? ["seconds"] : []
-      );
-      const index2 = list.indexOf(selectionRange.value[0]);
-      const next = (index2 + step + list.length) % list.length;
-      const half = list.length / 2;
-      if (next < half) {
-        timePickerOptions["start_emitSelectRange"](mapping[next]);
-      } else {
-        timePickerOptions["end_emitSelectRange"](mapping[next - half]);
-      }
-    };
-    const handleKeydown = (event) => {
-      const code = event.code;
-      const { left, right, up, down } = aria.EVENT_CODE;
-      if ([left, right].includes(code)) {
-        const step = code === left ? -1 : 1;
-        changeSelectionRange(step);
-        event.preventDefault();
-        return;
-      }
-      if ([up, down].includes(code)) {
-        const step = code === up ? -1 : 1;
-        const role = selectionRange.value[0] < offset.value ? "start" : "end";
-        timePickerOptions[`${role}_scrollDown`](step);
-        event.preventDefault();
-        return;
-      }
-    };
-    const disabledHours_ = (role, compare) => {
-      const defaultDisable = disabledHours ? disabledHours(role) : [];
-      const isStart = role === "start";
-      const compareDate = compare || (isStart ? endTime.value : startTime.value);
-      const compareHour = compareDate.hour();
-      const nextDisable = isStart ? makeSelectRange(compareHour + 1, 23) : makeSelectRange(0, compareHour - 1);
-      return lodashEs.union(defaultDisable, nextDisable);
-    };
-    const disabledMinutes_ = (hour, role, compare) => {
-      const defaultDisable = disabledMinutes ? disabledMinutes(hour, role) : [];
-      const isStart = role === "start";
-      const compareDate = compare || (isStart ? endTime.value : startTime.value);
-      const compareHour = compareDate.hour();
-      if (hour !== compareHour) {
-        return defaultDisable;
-      }
-      const compareMinute = compareDate.minute();
-      const nextDisable = isStart ? makeSelectRange(compareMinute + 1, 59) : makeSelectRange(0, compareMinute - 1);
-      return lodashEs.union(defaultDisable, nextDisable);
-    };
-    const disabledSeconds_ = (hour, minute, role, compare) => {
-      const defaultDisable = disabledSeconds ? disabledSeconds(hour, minute, role) : [];
-      const isStart = role === "start";
-      const compareDate = compare || (isStart ? endTime.value : startTime.value);
-      const compareHour = compareDate.hour();
-      const compareMinute = compareDate.minute();
-      if (hour !== compareHour || minute !== compareMinute) {
-        return defaultDisable;
-      }
-      const compareSecond = compareDate.second();
-      const nextDisable = isStart ? makeSelectRange(compareSecond + 1, 59) : makeSelectRange(0, compareSecond - 1);
-      return lodashEs.union(defaultDisable, nextDisable);
-    };
-    const getRangeAvailableTime = ([start, end]) => {
-      return [
-        getAvailableTime(start, "start", true, end),
-        getAvailableTime(end, "end", false, start)
-      ];
-    };
-    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = useTimePicker.buildAvailableTimeSlotGetter(
-      disabledHours_,
-      disabledMinutes_,
-      disabledSeconds_
-    );
-    const {
-      timePickerOptions,
-      getAvailableTime,
-      onSetOption
-    } = useTimePanel.useTimePanel({
-      getAvailableHours,
-      getAvailableMinutes,
-      getAvailableSeconds
-    });
-    const parseUserInput = (days) => {
-      if (!days) return null;
-      if (utils.isArray(days)) {
-        return days.map((d) => dayjs(d, props.format).locale(lang.value));
-      }
-      return dayjs(days, props.format).locale(lang.value);
-    };
-    const formatToString = (days) => {
-      if (!days) return null;
-      if (utils.isArray(days)) {
-        return days.map((d) => d.format(props.format));
-      }
-      return days.format(props.format);
-    };
-    const getDefaultValue = () => {
-      if (utils.isArray(defaultValue)) {
-        return defaultValue.map((d) => dayjs(d).locale(lang.value));
-      }
-      const defaultDay = dayjs(defaultValue).locale(lang.value);
-      return [defaultDay, defaultDay.add(60, "m")];
-    };
-    emit("set-picker-option", ["formatToString", formatToString]);
-    emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    emit("set-picker-option", ["isValidValue", isValidValue]);
-    emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
-    emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
-    emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
-    return (_ctx, _cache) => {
-      return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass([vue.unref(nsTime).b("range-picker"), vue.unref(nsPicker).b("panel")])
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "content"))
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "cell"))
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "header"))
-            }, "开始时间", 2),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(startContainerKls.value)
-            }, [
-              vue.createVNode(basicTimeSpinner_vue_vue_type_script_setup_true_lang.default, {
-                ref: "minSpinner",
-                role: "start",
-                "show-seconds": showSeconds.value,
-                "am-pm-mode": amPmMode.value,
-                "arrow-control": vue.unref(arrowControl),
-                "spinner-date": startTime.value,
-                "disabled-hours": disabledHours_,
-                "disabled-minutes": disabledMinutes_,
-                "disabled-seconds": disabledSeconds_,
-                onChange: handleMinChange,
-                onSetOption: vue.unref(onSetOption),
-                onSelectRange: setMinSelectionRange
-              }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
-            ], 2)
-          ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "cell"))
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "header"))
-            }, "结束时间", 2),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(endContainerKls.value)
-            }, [
-              vue.createVNode(basicTimeSpinner_vue_vue_type_script_setup_true_lang.default, {
-                ref: "maxSpinner",
-                role: "end",
-                "show-seconds": showSeconds.value,
-                "am-pm-mode": amPmMode.value,
-                "arrow-control": vue.unref(arrowControl),
-                "spinner-date": endTime.value,
-                "disabled-hours": disabledHours_,
-                "disabled-minutes": disabledMinutes_,
-                "disabled-seconds": disabledSeconds_,
-                onChange: handleMaxChange,
-                onSetOption: vue.unref(onSetOption),
-                onSelectRange: setMaxSelectionRange
-              }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
-            ], 2)
-          ], 2)
-        ], 2),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(nsTime).be("panel", "footer"))
-        }, [
-          vue.createElementVNode("button", {
-            type: "button",
-            class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "cancel"]),
-            onClick: _cache[0] || (_cache[0] = ($event) => handleCancel())
-          }, " 取消 ", 2),
-          vue.createElementVNode("button", {
-            type: "button",
-            class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
-            disabled: btnConfirmDisabled.value,
-            onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, " 确认 ", 10, _hoisted_1)
-        ], 2)
-      ], 2)) : vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("dayjs"),N=require("lodash-es");require("@vueuse/core");const T=require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");const de=require("../../../constants/aria.cjs"),H=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const me=require("../constants.cjs"),pe=require("../props/panel-time-range.cjs"),fe=require("../composables/use-time-panel.cjs"),I=require("../composables/use-time-picker.cjs"),K=require("./basic-time-spinner.vue2.cjs"),ve=["disabled"],be=e.defineComponent({__name:"panel-time-range",props:pe.panelTimeRangeProps,emits:["pick","select-range","set-picker-option"],setup(B,{emit:j}){const i=B,c=j,f=(n,t)=>{const a=[];for(let s=n;s<=t;s++)a.push(s);return a},b=e.ref("zh-cn"),o=H.useNamespace("time"),$=H.useNamespace("picker"),U=e.inject(me.PICKER_BASE_INJECTION_KEY),{arrowControl:h,disabledHours:q,disabledMinutes:w,disabledSeconds:R,defaultValue:k}=U.props,G=e.computed(()=>[o.be("range-picker","body"),o.be("panel","content"),o.is("arrow",h),p.value?"has-seconds":""]),J=e.computed(()=>[o.be("range-picker","body"),o.be("panel","content"),o.is("arrow",h),p.value?"has-seconds":""]),d=e.computed(()=>i.parsedValue[0]),m=e.computed(()=>i.parsedValue[1]),Y=I.useOldValue(i),F=()=>{c("pick",Y.value,!1)},p=e.computed(()=>i.format.includes("ss")),A=e.computed(()=>i.format.includes("A")?"A":i.format.includes("a")?"a":""),L=(n=!1)=>{c("pick",[d.value,m.value],n)},Q=n=>{x(n.millisecond(0),m.value)},W=n=>{x(d.value,n.millisecond(0))},X=n=>{const t=n.map(s=>g(s).locale(b.value)),a=M(t);return t[0].isSame(a[0])&&t[1].isSame(a[1])},x=(n,t)=>{i.visible&&c("pick",[n,t],!0)},Z=e.computed(()=>d.value>m.value),S=e.ref([0,2]),ee=(n,t)=>{c("select-range",n,t,"min"),S.value=[n,t]},z=e.computed(()=>p.value?11:8),ne=(n,t)=>{c("select-range",n,t,"max");const a=e.unref(z);S.value=[n+a,t+a]},te=n=>{const t=p.value?[0,3,6,11,14,17]:[0,3,8,11],a=["hours","minutes"].concat(p.value?["seconds"]:[]),r=(t.indexOf(S.value[0])+n+t.length)%t.length,l=t.length/2;r<l?D.start_emitSelectRange(a[r]):D.end_emitSelectRange(a[r-l])},ae=n=>{const t=n.code,{left:a,right:s,up:r,down:l}=de.EVENT_CODE;if([a,s].includes(t)){te(t===a?-1:1),n.preventDefault();return}if([r,l].includes(t)){const u=t===r?-1:1,v=S.value[0]<z.value?"start":"end";D[`${v}_scrollDown`](u),n.preventDefault();return}},C=(n,t)=>{const a=q?q(n):[],s=n==="start",l=(t||(s?m.value:d.value)).hour(),u=s?f(l+1,23):f(0,l-1);return N.union(a,u)},V=(n,t,a)=>{const s=w?w(n,t):[],r=t==="start",l=a||(r?m.value:d.value),u=l.hour();if(n!==u)return s;const v=l.minute(),E=r?f(v+1,59):f(0,v-1);return N.union(s,E)},_=(n,t,a,s)=>{const r=R?R(n,t,a):[],l=a==="start",u=s||(l?m.value:d.value),v=u.hour(),E=u.minute();if(n!==v||t!==E)return r;const y=u.second(),ue=l?f(y+1,59):f(0,y-1);return N.union(r,ue)},M=([n,t])=>[O(n,"start",!0,t),O(t,"end",!1,n)],{getAvailableHours:se,getAvailableMinutes:oe,getAvailableSeconds:re}=I.buildAvailableTimeSlotGetter(C,V,_),{timePickerOptions:D,getAvailableTime:O,onSetOption:P}=fe.useTimePanel({getAvailableHours:se,getAvailableMinutes:oe,getAvailableSeconds:re}),le=n=>n?T.isArray(n)?n.map(t=>g(t,i.format).locale(b.value)):g(n,i.format).locale(b.value):null,ie=n=>n?T.isArray(n)?n.map(t=>t.format(i.format)):n.format(i.format):null,ce=()=>{if(T.isArray(k))return k.map(t=>g(t).locale(b.value));const n=g(k).locale(b.value);return[n,n.add(60,"m")]};return c("set-picker-option",["formatToString",ie]),c("set-picker-option",["parseUserInput",le]),c("set-picker-option",["isValidValue",X]),c("set-picker-option",["handleKeydownInput",ae]),c("set-picker-option",["getDefaultValue",ce]),c("set-picker-option",["getRangeAvailableTime",M]),(n,t)=>n.actualVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).b("range-picker"),e.unref($).b("panel")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","header"))},"开始时间",2),e.createElementVNode("div",{class:e.normalizeClass(G.value)},[e.createVNode(K.default,{ref:"minSpinner",role:"start","show-seconds":p.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":d.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:Q,onSetOption:e.unref(P),onSelectRange:ee},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","header"))},"结束时间",2),e.createElementVNode("div",{class:e.normalizeClass(J.value)},[e.createVNode(K.default,{ref:"maxSpinner",role:"end","show-seconds":p.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":m.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:W,onSetOption:e.unref(P),onSelectRange:ne},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("panel","footer"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"cancel"]),onClick:t[0]||(t[0]=a=>F())}," 取消 ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"confirm"]),disabled:Z.value,onClick:t[1]||(t[1]=a=>L())}," 确认 ",10,ve)],2)],2)):e.createCommentVNode("",!0)}});exports.default=be;

package/lib/components/time-picker/time-picker.cjs

@@ -1,68 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const customParseFormat = require("dayjs/plugin/customParseFormat.js");
-const event = require("../../constants/event.cjs");
-const constants = require("./constants.cjs");
-const picker_vue_vue_type_script_setup_true_lang = require("./common/picker.vue2.cjs");
-const panelTimePick_vue_vue_type_script_setup_true_lang = require("./time-picker-com/panel-time-pick.vue2.cjs");
-const panelTimeRange_vue_vue_type_script_setup_true_lang = require("./time-picker-com/panel-time-range.vue2.cjs");
-const props = require("./common/props.cjs");
-dayjs.extend(customParseFormat);
-const TimePicker = /* @__PURE__ */ vue.defineComponent({
-  name: "VftTimePicker",
-  install: null,
-  props: {
-    ...props.timePickerDefaultProps,
-    /**
-     * @description whether to pick a time range
-     */
-    isRange: Boolean
-  },
-  emits: [event.UPDATE_MODEL_EVENT],
-  setup(props2, ctx) {
-    const commonPicker = vue.ref();
-    const [type, Panel] = props2.isRange ? ["timerange", panelTimeRange_vue_vue_type_script_setup_true_lang.default] : ["time", panelTimePick_vue_vue_type_script_setup_true_lang.default];
-    const modelUpdater = (value) => ctx.emit(event.UPDATE_MODEL_EVENT, value);
-    vue.provide(constants.PICKER_POPPER_OPTIONS_INJECTION_KEY, props2.popperOptions);
-    ctx.expose({
-      /**
-       * @description focus the Input component
-       */
-      focus: () => {
-        commonPicker.value?.focus();
-      },
-      /**
-       * @description blur the Input component
-       */
-      blur: () => {
-        commonPicker.value?.blur();
-      },
-      /**
-       * @description open the TimePicker popper
-       */
-      handleOpen: () => {
-        commonPicker.value?.handleOpen();
-      },
-      /**
-       * @description close the TimePicker popper
-       */
-      handleClose: () => {
-        commonPicker.value?.handleClose();
-      }
-    });
-    return () => {
-      const format = props2.format ?? constants.DEFAULT_FORMATS_TIME;
-      return vue.createVNode(picker_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(props2, {
-        "ref": commonPicker,
-        "type": type,
-        "format": format,
-        "onUpdate:modelValue": modelUpdater
-      }), {
-        default: (props3) => vue.createVNode(Panel, props3, null)
-      });
-    };
-  }
-});
-exports.default = TimePicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("dayjs"),p=require("dayjs/plugin/customParseFormat.js"),o=require("../../constants/event.cjs"),a=require("./constants.cjs"),d=require("./common/picker.vue2.cjs"),m=require("./time-picker-com/panel-time-pick.vue2.cjs"),P=require("./time-picker-com/panel-time-range.vue2.cjs"),f=require("./common/props.cjs");c.extend(p);const v=e.defineComponent({name:"VftTimePicker",install:null,props:{...f.timePickerDefaultProps,isRange:Boolean},emits:[o.UPDATE_MODEL_EVENT],setup(r,u){const t=e.ref(),[s,l]=r.isRange?["timerange",P.default]:["time",m.default],i=n=>u.emit(o.UPDATE_MODEL_EVENT,n);return e.provide(a.PICKER_POPPER_OPTIONS_INJECTION_KEY,r.popperOptions),u.expose({focus:()=>{t.value?.focus()},blur:()=>{t.value?.blur()},handleOpen:()=>{t.value?.handleOpen()},handleClose:()=>{t.value?.handleClose()}}),()=>{const n=r.format??a.DEFAULT_FORMATS_TIME;return e.createVNode(d.default,e.mergeProps(r,{ref:t,type:s,format:n,"onUpdate:modelValue":i}),{default:_=>e.createVNode(l,_,null)})}}});exports.default=v;

package/lib/components/time-picker/utils.cjs

@@ -1,74 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const dayjs = require("dayjs");
-const utils = require("@vft/utils");
-const shared = require("@vue/shared");
-const buildTimeList = (value, bound) => {
-  return [
-    value > 0 ? value - 1 : void 0,
-    value,
-    value < bound ? value + 1 : void 0
-  ];
-};
-const rangeArr = (n) => Array.from(Array.from({ length: n }).keys());
-const extractDateFormat = (format) => {
-  return format.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim();
-};
-const extractTimeFormat = (format) => {
-  return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim();
-};
-const dateEquals = function(a, b) {
-  const aIsDate = shared.isDate(a);
-  const bIsDate = shared.isDate(b);
-  if (aIsDate && bIsDate) {
-    return a.getTime() === b.getTime();
-  }
-  if (!aIsDate && !bIsDate) {
-    return a === b;
-  }
-  return false;
-};
-const valueEquals = function(a, b) {
-  const aIsArray = utils.isArray(a);
-  const bIsArray = utils.isArray(b);
-  if (aIsArray && bIsArray) {
-    if (a.length !== b.length) {
-      return false;
-    }
-    return a.every((item, index) => dateEquals(item, b[index]));
-  }
-  if (!aIsArray && !bIsArray) {
-    return dateEquals(a, b);
-  }
-  return false;
-};
-const parseDate = function(date, format, lang) {
-  const day = utils.isEmpty(format) || format === "x" ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
-  return day.isValid() ? day : void 0;
-};
-const formatter = function(date, format, lang) {
-  if (utils.isEmpty(format)) return date;
-  if (format === "x") return +date;
-  return dayjs(date).locale(lang).format(format);
-};
-const makeList = (total, method) => {
-  const arr = [];
-  const disabledArr = method?.();
-  for (let i = 0; i < total; i++) {
-    arr.push(disabledArr?.includes(i) ?? false);
-  }
-  return arr;
-};
-const dayOrDaysToDate = (dayOrDays) => {
-  return utils.isArray(dayOrDays) ? dayOrDays.map((d) => d.toDate()) : dayOrDays.toDate();
-};
-exports.buildTimeList = buildTimeList;
-exports.dateEquals = dateEquals;
-exports.dayOrDaysToDate = dayOrDaysToDate;
-exports.extractDateFormat = extractDateFormat;
-exports.extractTimeFormat = extractTimeFormat;
-exports.formatter = formatter;
-exports.makeList = makeList;
-exports.parseDate = parseDate;
-exports.rangeArr = rangeArr;
-exports.valueEquals = valueEquals;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("dayjs"),a=require("@vft/utils"),c=require("@vue/shared"),l=(r,t)=>[r>0?r-1:void 0,r,r<t?r+1:void 0],m=r=>Array.from(Array.from({length:r}).keys()),f=r=>r.replace(/\W?m{1,2}|\W?ZZ/g,"").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi,"").trim(),y=r=>r.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g,"").trim(),o=function(r,t){const e=c.isDate(r),s=c.isDate(t);return e&&s?r.getTime()===t.getTime():!e&&!s?r===t:!1},d=function(r,t){const e=a.isArray(r),s=a.isArray(t);return e&&s?r.length!==t.length?!1:r.every((n,u)=>o(n,t[u])):!e&&!s?o(r,t):!1},D=function(r,t,e){const s=a.isEmpty(t)||t==="x"?i(r).locale(e):i(r,t).locale(e);return s.isValid()?s:void 0},g=function(r,t,e){return a.isEmpty(t)?r:t==="x"?+r:i(r).locale(e).format(t)},p=(r,t)=>{const e=[],s=t?.();for(let n=0;n<r;n++)e.push(s?.includes(n)??!1);return e},A=r=>a.isArray(r)?r.map(t=>t.toDate()):r.toDate();exports.buildTimeList=l;exports.dateEquals=o;exports.dayOrDaysToDate=A;exports.extractDateFormat=f;exports.extractTimeFormat=y;exports.formatter=g;exports.makeList=p;exports.parseDate=D;exports.rangeArr=m;exports.valueEquals=d;

package/lib/components/time-select/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-time-select.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-time-select.css");

package/lib/components/time-select/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/time-select.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/time-select.scss");

package/lib/components/time-select/time-select.cjs

@@ -1,53 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const runtime = require("../../utils/vue/props/runtime.cjs");
-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: {
-    type: Object
-  },
-  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])
-  },
-  clearIcon: {
-    type: runtime.definePropType([String, Object])
-  }
-});
-exports.timeSelectProps = timeSelectProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const e=require("../../utils/vue/props/runtime.cjs"),t=e.buildProps({format:{type:String,default:"HH:mm"},modelValue:String,disabled:Boolean,editable:{type:Boolean,default:!0},effect:{type:String,default:"light"},clearable:{type:Boolean,default:!0},size:{type:Object},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:e.definePropType([String,Object])},clearIcon:{type:e.definePropType([String,Object])}});exports.timeSelectProps=t;

package/lib/components/time-select/time-select.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const timeSelect_vue_vue_type_script_setup_true_lang = require("./time-select.vue2.cjs");
-exports.default = timeSelect_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./time-select.vue2.cjs");exports.default=e.default;

package/lib/components/time-select/time-select.vue2.cjs

@@ -1,121 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const customParseFormat = require("dayjs/plugin/customParseFormat.js");
-const index = require("../select/index.cjs");
-require("../form/index.cjs");
-const index$2 = require("../icon/index.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index$1 = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const timeSelect = require("./time-select.cjs");
-const utils = require("./utils.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const __default__ = vue.defineComponent({
-  name: "VftTimeSelect"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: timeSelect.timeSelectProps,
-  emits: ["change", "blur", "focus", "update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    dayjs.extend(customParseFormat);
-    const { Option: ElOption } = index.default;
-    const props = __props;
-    const nsInput = index$1.useNamespace("input");
-    const select = vue.ref();
-    const _disabled = useFormCommonProps.useFormDisabled();
-    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(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 = () => {
-      select.value?.blur?.();
-    };
-    const focus = () => {
-      select.value?.focus?.();
-    };
-    __expose({
-      blur,
-      focus
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.default), {
-        ref_key: "select",
-        ref: select,
-        "model-value": value.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$2.VftIcon), {
-            key: 0,
-            icon: _ctx.prefixIcon,
-            class: vue.normalizeClass(vue.unref(nsInput).e("prefix-icon"))
-          }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
-        ]),
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (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"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),a=require("dayjs"),C=require("dayjs/plugin/customParseFormat.js"),s=require("../select/index.cjs");require("../form/index.cjs");const V=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const g=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("./time-select.cjs"),o=require("./utils.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),F=r.defineComponent({name:"VftTimeSelect"}),I=r.defineComponent({...F,props:$.timeSelectProps,emits:["change","blur","focus","update:modelValue"],setup(m,{expose:c}){a.extend(C);const{Option:d}=s.default,u=m,p=g.useNamespace("input"),n=r.ref(),f=y.useFormDisabled(),b=r.computed(()=>u.modelValue),v=r.computed(()=>{const e=o.parseTime(u.start);return e?o.formatTime(e):null}),i=r.computed(()=>{const e=o.parseTime(u.end);return e?o.formatTime(e):null}),T=r.computed(()=>{const e=o.parseTime(u.step);return e?o.formatTime(e):null}),q=r.computed(()=>{const e=o.parseTime(u.minTime||"");return e?o.formatTime(e):null}),k=r.computed(()=>{const e=o.parseTime(u.maxTime||"");return e?o.formatTime(e):null}),B=r.computed(()=>{const e=[];if(u.start&&u.end&&u.step){let t=v.value,l;for(;t&&i.value&&o.compareTime(t,i.value)<=0;)l=a(t,"HH:mm").format(u.format),e.push({value:l,disabled:o.compareTime(t,q.value||"-1:-1")<=0||o.compareTime(t,k.value||"100:100")>=0}),t=o.nextTime(t,T.value)}return e});return c({blur:()=>{n.value?.blur?.()},focus:()=>{n.value?.focus?.()}}),(e,t)=>(r.openBlock(),r.createBlock(r.unref(s.default),{ref_key:"select",ref:n,"model-value":b.value,disabled:r.unref(f),clearable:e.clearable,"clear-icon":e.clearIcon,size:e.size,effect:e.effect,placeholder:e.placeholder,"default-first-option":"",filterable:e.editable,"onUpdate:modelValue":t[0]||(t[0]=l=>e.$emit("update:modelValue",l)),onChange:t[1]||(t[1]=l=>e.$emit("change",l)),onBlur:t[2]||(t[2]=l=>e.$emit("blur",l)),onFocus:t[3]||(t[3]=l=>e.$emit("focus",l))},{prefix:r.withCtx(()=>[e.prefixIcon?(r.openBlock(),r.createBlock(r.unref(V.VftIcon),{key:0,icon:e.prefixIcon,class:r.normalizeClass(r.unref(p).e("prefix-icon"))},null,8,["icon","class"])):r.createCommentVNode("",!0)]),default:r.withCtx(()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(B.value,l=>(r.openBlock(),r.createBlock(r.unref(d),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},null,8,["label","value","disabled"]))),128))]),_:1},8,["model-value","disabled","clearable","clear-icon","size","effect","placeholder","filterable"]))}});exports.default=I;