cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/shared/hooks/selectHooks/useSelectAllowModify.js

@@ -1 +1,84 @@
-import{promiseTimeout as e}from"@vueuse/shared";import{isArray as l,isObject as a}from"lodash-es";import{computed as u,nextTick as t}from"vue";function v(v,{searchContent:o,labelKey:n,valueKey:i,valueRef:r,fullOptions:s}){let f=null;const c=u((()=>(v.multiple&&v.allowModify&&console.warn("多选模式下不支持allowModify"),!v.multiple&&v.allowModify)));return{modifyAbleRef:c,modifyEvent:{focus:async l=>{var a,u;c.value&&(f=l.target,f&&r.value&&(await t(),f.value=null!=(u=null==(a=s.value.find((e=>e[i.value]===r.value)))?void 0:a[n.value])?u:r.value,f.dispatchEvent(new CustomEvent("input")),"start"===v.cursorPlacement&&(await e(0),f.setSelectionRange(0,0))))},blur:function(e){if(c.value&&(f=e.target,f)){if(!f.value)return r.value=null;o.value=f.value,r.value=f.value}},updateValue:async function(e,u){!u||l(u)?r.value=e:u&&(r.value=u[v.allowModify?n.value:i.value]),f&&a(u)&&c.value&&(f.focus(),await t(),f.value=u[n.value]||"",f.dispatchEvent(new CustomEvent("input")),"start"===v.cursorPlacement&&f.setSelectionRange(0,0))}},getOptionsWithCreated:function(e){return v.allowCreate&&o.value&&!e.some((e=>e[n.value]===o.value))?[...e,{[n.value]:o.value,[i.value]:o.value,created:!0,shouldSave:v.shouldSave}]:e}}}export{v as useSelectAllowModify};
+import { promiseTimeout } from '@vueuse/shared';
+import { isArray, isObject } from 'lodash-es';
+import { computed, nextTick } from 'vue';
+
+function useSelectAllowModify(props, {
+  searchContent,
+  labelKey,
+  valueKey,
+  valueRef,
+  fullOptions
+}) {
+  let inputEle = null;
+  const modifyAbleRef = computed(() => {
+    if (props.multiple && props.allowModify) {
+      console.warn("\u591A\u9009\u6A21\u5F0F\u4E0B\u4E0D\u652F\u6301allowModify");
+    }
+    return !props.multiple && props.allowModify;
+  });
+  async function updateValue(value, option) {
+    if (!option || isArray(option)) {
+      valueRef.value = value;
+    } else if (option) {
+      valueRef.value = option[props.allowModify ? labelKey.value : valueKey.value];
+    }
+    if (inputEle && isObject(option) && modifyAbleRef.value) {
+      inputEle.focus();
+      await nextTick();
+      inputEle.value = option[labelKey.value] || "";
+      inputEle.dispatchEvent(new CustomEvent("input"));
+      props.cursorPlacement === "start" && inputEle.setSelectionRange(0, 0);
+    }
+  }
+  const focus = async (event) => {
+    var _a, _b;
+    if (!modifyAbleRef.value)
+      return;
+    inputEle = event.target;
+    if (!inputEle || !valueRef.value)
+      return;
+    await nextTick();
+    inputEle.value = (_b = (_a = fullOptions.value.find((option) => option[valueKey.value] === valueRef.value)) == null ? void 0 : _a[labelKey.value]) != null ? _b : valueRef.value;
+    inputEle.dispatchEvent(new CustomEvent("input"));
+    if (props.cursorPlacement !== "start")
+      return;
+    await promiseTimeout(0);
+    inputEle.setSelectionRange(0, 0);
+  };
+  function blur(event) {
+    if (!modifyAbleRef.value)
+      return;
+    inputEle = event.target;
+    if (!inputEle)
+      return;
+    if (!inputEle.value)
+      return valueRef.value = null;
+    searchContent.value = inputEle.value;
+    valueRef.value = inputEle.value;
+  }
+  function getOptionsWithCreated(options) {
+    if (!props.allowCreate || !searchContent.value || options.some((option) => option[labelKey.value] === searchContent.value)) {
+      return options;
+    }
+    return [
+      ...options,
+      {
+        [labelKey.value]: searchContent.value,
+        [valueKey.value]: searchContent.value,
+        created: true,
+        shouldSave: props.shouldSave
+      }
+    ];
+  }
+  return {
+    modifyAbleRef,
+    modifyEvent: {
+      focus,
+      blur,
+      updateValue
+    },
+    getOptionsWithCreated
+  };
+}
+
+export { useSelectAllowModify };

package/es/shared/hooks/selectHooks/useSelectRenders.js

@@ -1 +1,106 @@
-import{ref as e,createVNode as t,createTextVNode as l}from"vue";import"../../utils/index.js";import{NTooltip as n,NIcon as r,NButton as o,NTag as a}from"naive-ui";import"@vueuse/core";import"date-fns";import{isString as i,isArray as u}from"lodash-es";import"@vue/shared";import"@vueuse/shared";import{searchContentMatcher as s}from"./useSearchContent.js";import{HelpCircleSharp as c}from"@vicons/ionicons5";import"../useScrollLoading.js";function p(p,{labelKey:v,valueKey:m,showKey:d,searchContent:f,valueRef:y}){const g=e("");return{renderLabel:function(e){var l;const o=e[v.value];if(!o||!i(o))return"";const a=null!=(l=e.title)?l:o,u=f.value?s(f.value,o):null,p=u?t("section",{title:a},[u.map(((e,l)=>0!==l&&e?t("span",{style:{color:l%2==0?"var(--n-option-text-color-active)":""}},[e]):null))]):t("span",{title:a},[o]);return e.desc?t("section",{style:{display:"flex",alignItems:"center",gap:"4px"}},[p,e.desc?t(n,null,{trigger:()=>t(r,{component:c},null),default:()=>e.desc}):null]):p},renderSelectAll:function(e){return[t(o,{quaternary:!0,type:"primary",size:"tiny",onClick:()=>e(!0)},{default:()=>[l("全选")]}),t(o,{quaternary:!0,type:"primary",size:"tiny",onClick:()=>e(!1)},{default:()=>[l("清空")]})]},renderTag:function({option:e,handleClose:l}){var n;const r=null!=(n=d.value&&e[d.value])?n:e[v.value];if(!p.multiple)return g.value=r,r;g.value="";const o=u(y.value)?y.value.findIndex((t=>t===e[m.value])):-1;return p.deletable?t(a,{closable:!0,onClose:e=>{e.stopPropagation(),l()}},{default:()=>t("span",{title:r},[r])}):`${r} ${o>=0&&o===y.value.length-1?"":";"}`},titleRef:g}}export{p as useSelectRenders};
+import { ref, createVNode, createTextVNode } from 'vue';
+import '../../utils/index.js';
+import { NTooltip, NIcon, NButton, NTag } from 'naive-ui';
+import '@vueuse/core';
+import 'date-fns';
+import { isString, isArray } from 'lodash-es';
+import '@vue/shared';
+import '@vueuse/shared';
+import { searchContentMatcher } from './useSearchContent.js';
+import { HelpCircleSharp } from '@vicons/ionicons5';
+import '../useScrollLoading.js';
+
+function useSelectRenders(props, {
+  labelKey,
+  valueKey,
+  showKey,
+  searchContent,
+  valueRef
+}) {
+  function renderLabel(option) {
+    var _a;
+    const label = option[labelKey.value];
+    if (!label || !isString(label))
+      return "";
+    const title = (_a = option.title) != null ? _a : label;
+    const renderLabels = searchContent.value ? searchContentMatcher(searchContent.value, label) : null;
+    const labelNode = renderLabels ? createVNode("section", {
+      "title": title
+    }, [renderLabels.map((chars, idx) => {
+      if (idx === 0 || !chars)
+        return null;
+      return createVNode("span", {
+        "style": {
+          color: idx % 2 === 0 ? "var(--n-option-text-color-active)" : ""
+        }
+      }, [chars]);
+    })]) : createVNode("span", {
+      "title": title
+    }, [label]);
+    if (!option.desc) {
+      return labelNode;
+    }
+    return createVNode("section", {
+      "style": {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px"
+      }
+    }, [labelNode, option.desc ? createVNode(NTooltip, null, {
+      trigger: () => createVNode(NIcon, {
+        "component": HelpCircleSharp
+      }, null),
+      default: () => option.desc
+    }) : null]);
+  }
+  function renderSelectAll(onSelectAll) {
+    return [createVNode(NButton, {
+      "quaternary": true,
+      "type": "primary",
+      "size": "tiny",
+      "onClick": () => onSelectAll(true)
+    }, {
+      default: () => [createTextVNode("\u5168\u9009")]
+    }), createVNode(NButton, {
+      "quaternary": true,
+      "type": "primary",
+      "size": "tiny",
+      "onClick": () => onSelectAll(false)
+    }, {
+      default: () => [createTextVNode("\u6E05\u7A7A")]
+    })];
+  }
+  const titleRef = ref("");
+  function renderTag({
+    option,
+    handleClose
+  }) {
+    var _a;
+    const content = (_a = showKey.value && option[showKey.value]) != null ? _a : option[labelKey.value];
+    if (!props.multiple) {
+      titleRef.value = content;
+      return content;
+    }
+    titleRef.value = "";
+    const optionIndex = isArray(valueRef.value) ? valueRef.value.findIndex((item) => item === option[valueKey.value]) : -1;
+    return props.deletable ? createVNode(NTag, {
+      "closable": true,
+      "onClose": (e) => {
+        e.stopPropagation();
+        handleClose();
+      }
+    }, {
+      default: () => createVNode("span", {
+        "title": content
+      }, [content])
+    }) : `${content} ${optionIndex >= 0 && optionIndex === valueRef.value.length - 1 ? "" : ";"}`;
+  }
+  return {
+    renderLabel,
+    renderSelectAll,
+    renderTag,
+    titleRef
+  };
+}
+
+export { useSelectRenders };

package/es/shared/hooks/useAsyncQueue/index.js

@@ -1 +1,127 @@
-import{cloneDeep as s}from"lodash-es";var e=(s=>(s[s.PENDING=0]="PENDING",s[s.DONE=1]="DONE",s))(e||{});class t{constructor(s,e,t){this.item=s,this.key=e,this.state=0,this.callback=t}}class i{constructor(s){this._list=s?Array.from(s):[]}enqueue(s){this._list.push(s)}dequeue(){return this._list.shift()}}class a{constructor({name:s,processor:e,getKey:t,parallelism:a,uniqueData:r}){this._queued=new i,this._entries=new Map,this._activeTasks=0,this._processingLock=!1,this._stopped=!1,this.uniqueData=!0,this.onActiveTaskChange=null,this.name=s,this.processor=e,this.getKey=t,this.parallelism=a||100,this.uniqueData=!!r}add(e,i){if(this._stopped)return i(new Error("Queue was stopped"));const a=this.getKey(e);if(this._entries.has(a)){const e=this._entries.get(a);return void(1===e.state?setTimeout((()=>{i&&i(this.uniqueData?s(e.error):e.error,this.uniqueData?s(e.result):e.result)})):e.callbacks?e.callbacks.push(i):e.callbacks=[i])}const r=new t(e,a,i);this._entries.set(a,r),this._queued.enqueue(r),this._processingLock||(this._processingLock=!0,Promise.resolve().then(this._ensureProcessing.bind(this)))}addAsync(s){return new Promise(((e,t)=>{this.add(s,((s,i)=>{s&&t(s),e(i)}))}))}_ensureProcessing(){for(var s;this._activeTasks<this.parallelism;){const e=this._queued.dequeue();if(!e)break;this._activeTasks++,null==(s=this.onActiveTaskChange)||s.call(this),e.state=0,this._startProcess(e)}this._processingLock=!1}_startProcess(s){this.processor(s.item,((e,t)=>{e?this._handlerResult(s,e):this._handlerResult(s,e,t)}),(()=>this._entries.delete(s.key)))}_handlerResult(e,t,i){var a;const r=e.callback;e.state=1,e.callback=void 0,e.result=this.uniqueData?s(i):i,e.error=this.uniqueData?s(t):t,this._activeTasks--,null==(a=this.onActiveTaskChange)||a.call(this),r&&r(t,i),e.callbacks&&e.callbacks.forEach((s=>s(t,i))),this._processingLock||(this._processingLock=!0,Promise.resolve().then(this._ensureProcessing.bind(this)))}get activeTasks(){return this._activeTasks}}export{a as AsyncQueue,e as ENTRY_STATE};
+import { cloneDeep } from 'lodash-es';
+
+var ENTRY_STATE = /* @__PURE__ */ ((ENTRY_STATE2) => {
+  ENTRY_STATE2[ENTRY_STATE2["PENDING"] = 0] = "PENDING";
+  ENTRY_STATE2[ENTRY_STATE2["DONE"] = 1] = "DONE";
+  return ENTRY_STATE2;
+})(ENTRY_STATE || {});
+class AsyncQueueEntry {
+  constructor(item, key, callback) {
+    this.item = item;
+    this.key = key;
+    this.state = 0 /* PENDING */;
+    this.callback = callback;
+  }
+}
+class ArrayQueue {
+  constructor(items) {
+    this._list = items ? Array.from(items) : [];
+  }
+  enqueue(item) {
+    this._list.push(item);
+  }
+  dequeue() {
+    return this._list.shift();
+  }
+}
+class AsyncQueue {
+  constructor({ name, processor, getKey, parallelism, uniqueData }) {
+    this._queued = new ArrayQueue();
+    this._entries = /* @__PURE__ */ new Map();
+    this._activeTasks = 0;
+    this._processingLock = false;
+    this._stopped = false;
+    this.uniqueData = true;
+    this.onActiveTaskChange = null;
+    this.name = name;
+    this.processor = processor;
+    this.getKey = getKey;
+    this.parallelism = parallelism || 100;
+    this.uniqueData = !!uniqueData;
+  }
+  add(item, callback) {
+    if (this._stopped)
+      return callback(new Error("Queue was stopped"));
+    const key = this.getKey(item);
+    if (this._entries.has(key)) {
+      const entry = this._entries.get(key);
+      if (entry.state === 1 /* DONE */) {
+        setTimeout(() => {
+          callback && callback(
+            this.uniqueData ? cloneDeep(entry.error) : entry.error,
+            this.uniqueData ? cloneDeep(entry.result) : entry.result
+          );
+        });
+      } else if (!entry.callbacks) {
+        entry.callbacks = [callback];
+      } else {
+        entry.callbacks.push(callback);
+      }
+      return;
+    }
+    const newEntry = new AsyncQueueEntry(item, key, callback);
+    this._entries.set(key, newEntry);
+    this._queued.enqueue(newEntry);
+    if (!this._processingLock) {
+      this._processingLock = true;
+      Promise.resolve().then(this._ensureProcessing.bind(this));
+    }
+  }
+  addAsync(item) {
+    return new Promise((resolve, reject) => {
+      this.add(item, (err, result) => {
+        err && reject(err);
+        resolve(result);
+      });
+    });
+  }
+  _ensureProcessing() {
+    var _a;
+    while (this._activeTasks < this.parallelism) {
+      const entry = this._queued.dequeue();
+      if (!entry)
+        break;
+      this._activeTasks++;
+      (_a = this.onActiveTaskChange) == null ? void 0 : _a.call(this);
+      entry.state = 0 /* PENDING */;
+      this._startProcess(entry);
+    }
+    this._processingLock = false;
+  }
+  _startProcess(entry) {
+    this.processor(
+      entry.item,
+      (e, r) => {
+        if (e) {
+          this._handlerResult(entry, e);
+          return;
+        }
+        this._handlerResult(entry, e, r);
+      },
+      () => this._entries.delete(entry.key)
+    );
+  }
+  _handlerResult(entry, e, r) {
+    var _a;
+    const callback = entry.callback;
+    entry.state = 1 /* DONE */;
+    entry.callback = void 0;
+    entry.result = this.uniqueData ? cloneDeep(r) : r;
+    entry.error = this.uniqueData ? cloneDeep(e) : e;
+    this._activeTasks--;
+    (_a = this.onActiveTaskChange) == null ? void 0 : _a.call(this);
+    callback && callback(e, r);
+    if (entry.callbacks) {
+      entry.callbacks.forEach((cb) => cb(e, r));
+    }
+    if (!this._processingLock) {
+      this._processingLock = true;
+      Promise.resolve().then(this._ensureProcessing.bind(this));
+    }
+  }
+  get activeTasks() {
+    return this._activeTasks;
+  }
+}
+
+export { AsyncQueue, ENTRY_STATE };

package/es/shared/hooks/useDateTime.js

@@ -1 +1,231 @@
-import{computed as e,unref as t}from"vue";import{useEventListener as n}from"@vueuse/core";import{isValid as l}from"date-fns";function i(e,t=""){e.value=t,e.dispatchEvent(new InputEvent("input"))}function o(e,t,n,l){const o=e.value;if(!o)return;const u=e.selectionEnd||0,r=o.length;let a=0,s=0,c=0,d="",f=0;for(;a<r;){const e=o[a++];if(/\d/.test(e)&&(d+=e),a===u){c=d.length;const e=o.slice(a).match(/^\d+/);f=e?e[0].length:0}}const v=Array.isArray(t)?function(e){var t,n;let l=!1,i=e.parentNode||null;for(;i;){if(null==(n=null==(t=i.classList)?void 0:t.contains)?void 0:n.call(t,"n-time-picker")){l=!0;break}i=i.parentNode||null}return l}(e)?t[1]:t[0]:t;let g="",m=0,p=0;for(a=0;a<v.length&&(l||!(s>=d.length));){const e=v[a++];if(/[yMdHms]/.test(e)?g+=d[s++]||"0":g+=e,n&&s===c){c=-1,m=g.length,p=m;let e=v.slice(a).match(/^[yMdHms]+/);e?(f=Math.min(f,e[0].length),f&&(g+=d.slice(s,s+f),s+=f),a+=e[0].length):(e=v.slice(a).match(/^([^yMdHms]+)([yMdHms]*)/),e&&(m+=e[1].length,p=m+e[2].length))}}const h=g!==o;return h&&i(e,g),n&&(m=m||g.length+1,p=p||g.length+1,e.setSelectionRange(m,p)),h}function u(u,{formatRef:r,attrs:a,emit:s,allowedInvalidValue:c,isPanel:d}){const f=e((()=>{var e;return null==(e=u.value)?void 0:e.$el})),v=e((()=>{const e={};return["date","time","hour","minute","second"].forEach((t=>function(e,t){const n=`is-${t}-disabled`,l=n.replace(/-(\w)/g,((e,t)=>t.toUpperCase()));a[n]&&(e[l]=a[n]);a[l]&&(e[l]=a[l])}(e,t))),e}));function g(e){if(function(e=""){return c&&c===e&&!d}(e.value))return void(null==s||s("update:formatted-value",c,null));o(e,t(r),!1,!0);const n=null==e?void 0:e.value,u=Reflect.get(a,"type")||"";n&&!u.includes("range")&&l(new Date(n))&&!function(e){const{isTimeDisabled:t,isDateDisabled:n,isHourDisabled:l,isMinuteDisabled:i,isSecondDisabled:o}=v.value;if(null==n?void 0:n(e.getTime()))return;const u=(null==t?void 0:t(e.getTime()).isHourDisabled)||l,r=(null==t?void 0:t(e.getTime()).isMinuteDisabled)||i,a=(null==t?void 0:t(e.getTime()).isSecondDisabled)||o;if(null==u?void 0:u(e.getHours()))return;if(null==r?void 0:r(e.getMinutes()))return;if(null==a?void 0:a(e.getSeconds()))return;return!0}(new Date(n))&&i(e)}return n(f,"input",(function(e){const n=e.target;if(!n.value||!Reflect.get(n,"_f_"))return;Reflect.set(n,"_f_",0),o(n,t(r),!0)&&(e.preventDefault(),e.stopPropagation())}),!0),n(f,"keydown",(function(e){const{key:t}=e,n=e.target;if(/\d/.test(t)&&n)Reflect.set(n,"_f_",1);else if("Enter"===t)g(n);else if("Backspace"===t&&!d){const e=null==n?void 0:n.value;1===(null==e?void 0:e.length)&&(i(n),n.blur(),n.focus())}}),!0),n(f,"mouseup",(function(e){const t=e.target;["INPUT"].includes(t.tagName)&&0===e.button&&function(e){const{selectionStart:t=0,selectionEnd:n=0,value:l}=e;if(t!==n)return;const i=/(\d+)/g;let o,u,r;for(;null!==(o=i.exec(l));)if(t&&o.index<=t&&t<=i.lastIndex){u=o.index,r=i.lastIndex;break}void 0!==u&&void 0!==r&&e.setSelectionRange(u,r)}(t)}),!0),n(f,"paste",(function(e){var t,n;const l=(null==(t=e.clipboardData)?void 0:t.getData("text"))||"",o=null==(n=l.match(/\d+/g))?void 0:n.join(",");if(!o)return;e.preventDefault(),e.stopPropagation();const u=e.target;i(u,o),g(u)}),!0),{handleConfirm:g,focus:()=>{var e,t;return null==(t=null==(e=u.value)?void 0:e.focus)?void 0:t.call(e)},blur:()=>{var e,t;return null==(t=null==(e=u.value)?void 0:e.blur)?void 0:t.call(e)}}}export{i as handleInputEvent,u as useDateTime};
+import { computed, unref } from 'vue';
+import { useEventListener } from '@vueuse/core';
+import { isValid } from 'date-fns';
+
+function checkTimeInput(target) {
+  var _a, _b;
+  let isTimeInput = false;
+  let parentNode = target.parentNode || null;
+  while (parentNode) {
+    if ((_b = (_a = parentNode.classList) == null ? void 0 : _a.contains) == null ? void 0 : _b.call(_a, "n-time-picker")) {
+      isTimeInput = true;
+      break;
+    }
+    parentNode = parentNode.parentNode || null;
+  }
+  return isTimeInput;
+}
+function setSelectionRange(target) {
+  const { selectionStart = 0, selectionEnd = 0, value } = target;
+  if (selectionStart !== selectionEnd)
+    return;
+  const regex = /(\d+)/g;
+  let match;
+  let start, end;
+  while ((match = regex.exec(value)) !== null) {
+    if (selectionStart && match.index <= selectionStart && selectionStart <= regex.lastIndex) {
+      start = match.index;
+      end = regex.lastIndex;
+      break;
+    }
+  }
+  if (start !== void 0 && end !== void 0) {
+    target.setSelectionRange(start, end);
+  }
+}
+function handleInputEvent(target, value = "") {
+  target.value = value;
+  target.dispatchEvent(new InputEvent("input"));
+}
+function handleFormatInput(target, format, selection, full) {
+  const value = target.value;
+  if (!value)
+    return;
+  const selectionEnd = target.selectionEnd || 0;
+  const len = value.length;
+  let i = 0, j = 0, k = 0;
+  let str = "";
+  let count = 0;
+  while (i < len) {
+    const char = value[i++];
+    if (/\d/.test(char)) {
+      str += char;
+    }
+    if (i === selectionEnd) {
+      k = str.length;
+      const match = value.slice(i).match(/^\d+/);
+      count = match ? match[0].length : 0;
+    }
+  }
+  const formatStr = Array.isArray(format) ? checkTimeInput(target) ? format[1] : format[0] : format;
+  let result = "";
+  let start = 0, end = 0;
+  i = 0;
+  while (i < formatStr.length) {
+    if (!full && j >= str.length)
+      break;
+    const char = formatStr[i++];
+    if (/[yMdHms]/.test(char)) {
+      result += str[j++] || "0";
+    } else {
+      result += char;
+    }
+    if (selection && j === k) {
+      k = -1;
+      start = result.length;
+      end = start;
+      let match = formatStr.slice(i).match(/^[yMdHms]+/);
+      if (match) {
+        count = Math.min(count, match[0].length);
+        if (count) {
+          result += str.slice(j, j + count);
+          j += count;
+        }
+        i += match[0].length;
+      } else {
+        match = formatStr.slice(i).match(/^([^yMdHms]+)([yMdHms]*)/);
+        if (match) {
+          start += match[1].length;
+          end = start + match[2].length;
+        }
+      }
+    }
+  }
+  const changed = result !== value;
+  if (changed) {
+    handleInputEvent(target, result);
+  }
+  if (selection) {
+    start = start || result.length + 1;
+    end = end || result.length + 1;
+    target.setSelectionRange(start, end);
+  }
+  return changed;
+}
+function useDateTime(datePickerRef, {
+  formatRef,
+  attrs,
+  emit,
+  allowedInvalidValue,
+  isPanel
+}) {
+  const wrapperEl = computed(() => {
+    var _a;
+    return (_a = datePickerRef.value) == null ? void 0 : _a.$el;
+  });
+  const disabledProps = computed(() => {
+    const result = {};
+    ["date", "time", "hour", "minute", "second"].forEach((field) => setDisabledProps(result, field));
+    return result;
+  });
+  useEventListener(wrapperEl, "input", onInput, true);
+  useEventListener(wrapperEl, "keydown", onKeyDown, true);
+  useEventListener(wrapperEl, "mouseup", onMouseup, true);
+  useEventListener(wrapperEl, "paste", onPaste, true);
+  function onMouseup(event) {
+    const target = event.target;
+    if (["INPUT"].includes(target.tagName) && event.button === 0) {
+      setSelectionRange(target);
+    }
+  }
+  function onInput(event) {
+    const target = event.target;
+    const value = target.value;
+    if (!value || !Reflect.get(target, "_f_"))
+      return;
+    Reflect.set(target, "_f_", 0);
+    if (handleFormatInput(target, unref(formatRef), true)) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }
+  function onKeyDown(event) {
+    const { key } = event;
+    const target = event.target;
+    if (/\d/.test(key) && target) {
+      Reflect.set(target, "_f_", 1);
+    } else if (key === "Enter") {
+      handleConfirm(target);
+    } else if (key === "Backspace" && !isPanel) {
+      const value = target == null ? void 0 : target.value;
+      if ((value == null ? void 0 : value.length) === 1) {
+        handleInputEvent(target);
+        target.blur();
+        target.focus();
+      }
+    }
+  }
+  function onPaste(event) {
+    var _a, _b;
+    const content = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) || "";
+    const digitStr = (_b = content.match(/\d+/g)) == null ? void 0 : _b.join(",");
+    if (!digitStr)
+      return;
+    event.preventDefault();
+    event.stopPropagation();
+    const target = event.target;
+    handleInputEvent(target, digitStr);
+    handleConfirm(target);
+  }
+  function handleConfirm(target) {
+    if (isAllowedInvalidValue(target.value)) {
+      emit == null ? void 0 : emit("update:formatted-value", allowedInvalidValue, null);
+      return;
+    }
+    handleFormatInput(target, unref(formatRef), false, true);
+    const value = target == null ? void 0 : target.value;
+    const type = Reflect.get(attrs, "type") || "";
+    if (value && !type.includes("range") && isValid(new Date(value)) && !isValidDate(new Date(value))) {
+      handleInputEvent(target);
+    }
+  }
+  function isAllowedInvalidValue(value = "") {
+    return allowedInvalidValue && allowedInvalidValue === value && !isPanel;
+  }
+  function setDisabledProps(target, field) {
+    const propName = `is-${field}-disabled`;
+    const upperCase = propName.replace(/-(\w)/g, (all, letter) => letter.toUpperCase());
+    if (attrs[propName])
+      target[upperCase] = attrs[propName];
+    if (attrs[upperCase])
+      target[upperCase] = attrs[upperCase];
+  }
+  function isValidDate(date) {
+    const {
+      isTimeDisabled,
+      isDateDisabled,
+      isHourDisabled: _isHourDisabled,
+      isMinuteDisabled: _isMinuteDisabled,
+      isSecondDisabled: _isSecondDisabled
+    } = disabledProps.value;
+    const dateDisabled = isDateDisabled == null ? void 0 : isDateDisabled(date.getTime());
+    if (dateDisabled)
+      return;
+    const isHourDisabled = (isTimeDisabled == null ? void 0 : isTimeDisabled(date.getTime()).isHourDisabled) || _isHourDisabled;
+    const isMinuteDisabled = (isTimeDisabled == null ? void 0 : isTimeDisabled(date.getTime()).isMinuteDisabled) || _isMinuteDisabled;
+    const isSecondDisabled = (isTimeDisabled == null ? void 0 : isTimeDisabled(date.getTime()).isSecondDisabled) || _isSecondDisabled;
+    const hourDisabled = isHourDisabled == null ? void 0 : isHourDisabled(date.getHours());
+    if (hourDisabled)
+      return;
+    const minuteDisabled = isMinuteDisabled == null ? void 0 : isMinuteDisabled(date.getMinutes());
+    if (minuteDisabled)
+      return;
+    const secondDisabled = isSecondDisabled == null ? void 0 : isSecondDisabled(date.getSeconds());
+    if (secondDisabled)
+      return;
+    return true;
+  }
+  return {
+    handleConfirm,
+    focus: () => {
+      var _a, _b;
+      return (_b = (_a = datePickerRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+    },
+    blur: () => {
+      var _a, _b;
+      return (_b = (_a = datePickerRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+    }
+  };
+}
+
+export { handleInputEvent, useDateTime };