vft 0.0.376 → 0.0.378

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

@@ -1 +1,294 @@
-"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;
+"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;

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

@@ -1 +1,68 @@
-"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;
+"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;

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

@@ -1 +1,74 @@
-"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;
+"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;

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

@@ -1 +1,3 @@
-"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 +1,3 @@
-"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 +1,53 @@
-"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;
+"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;

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

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

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

@@ -1 +1,121 @@
-"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;
+"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;