vxe-pc-ui 4.16.21 → 4.16.23

package/lib/color-picker/src/util.js

@@ -3,15 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.darken = void 0;
 exports.hasHex = hasHex;
 exports.hasRgb = hasRgb;
 exports.hexToHsv = hexToHsv;
 exports.hexToRgb = hexToRgb;
 exports.hsvToRgb = hsvToRgb;
+exports.lighten = void 0;
 exports.parseColor = parseColor;
-exports.rgbToHex = rgbToHex;
+exports.parseValColor = parseValColor;
+exports.rgbToHexVal = rgbToHexVal;
 exports.rgbToHsv = rgbToHsv;
+exports.toHex = toHex;
+exports.toHexString = toHexString;
+exports.toHsl = toHsl;
+exports.toHsv = toHsv;
 exports.toRgb = toRgb;
+exports.toRgbString = toRgbString;
+exports.toValRgb = toValRgb;
 exports.updateColorAlpha = updateColorAlpha;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,13 +33,148 @@ const hexAlphaNumMaps = {};
 });
 const rgbRE = /^rgb(a?)\((\d{1,3})[,\s]+(\d{1,3})[,\s]+(\d{1,3})([,//\s]+([0-9.]{1,4})(%?))?\)$/;
 function hasRgb(value) {
-  return value && rgbRE.test(value);
+  return !!(value && rgbRE.test(value));
 }
 const hexRE = /^(#?)([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})?$/;
 function hasHex(value) {
-  return value && hexRE.test(value);
+  return !!(value && hexRE.test(value));
 }
-function parseColor(value) {
+function toRgb(value) {
+  if (value) {
+    if (hexRE.test(value)) {
+      return hexToRgb(value);
+    }
+    return parseRgbVal(value);
+  }
+  return null;
+}
+function toRgbString(value) {
+  const rgbRest = toRgb(value);
+  if (rgbRest) {
+    return rgbRest.label;
+  }
+  return '';
+}
+function toHex(value) {
+  if (value) {
+    if (rgbRE.test(value)) {
+      return rgbValToHex(value);
+    }
+    return parseHexVal(value);
+  }
+  return null;
+}
+function toHexString(value) {
+  const hexRest = toHex(value);
+  if (hexRest) {
+    return hexRest.label;
+  }
+  return '';
+}
+function toHsl(value) {
+  const rgbRest = toRgb(value);
+  if (rgbRest) {
+    const hslRest = rgbToHsl(rgbRest);
+    if (hslRest) {
+      const rest = Object.assign({
+        value,
+        type: 'hsl'
+      }, hslRest);
+      return rest;
+    }
+  }
+  return null;
+}
+function toHsv(value) {
+  const rgbRest = toRgb(value);
+  if (rgbRest) {
+    const hslRest = rgbToHsv(rgbRest);
+    if (hslRest) {
+      const rest = Object.assign({
+        value,
+        type: 'hsv'
+      }, hslRest);
+      return rest;
+    }
+  }
+  return null;
+}
+function parseColor(val, format) {
+  if (val) {
+    if (format === 'hex') {
+      return toHex(val);
+    }
+    if (format === 'hsl') {
+      return toHsl(val);
+    }
+    if (format === 'hsv') {
+      return toHsv(val);
+    }
+    return toRgb(val);
+  }
+  return null;
+}
+function handleNumClamp(val) {
+  return Math.min(1, Math.max(0, val));
+}
+function createLightenDarken(isAdd) {
+  return function (val, ratio) {
+    const colorRest = parseColor(val);
+    const hslRest = toHsl(val);
+    if (colorRest && hslRest) {
+      ratio = ratio === 0 ? 0 : ratio || 10;
+      hslRest.l += (isAdd ? ratio : -ratio) / 100;
+      hslRest.l = handleNumClamp(hslRest.l);
+      const rgbRest = hslToRgb(hslRest);
+      if (rgbRest) {
+        if ((colorRest === null || colorRest === void 0 ? void 0 : colorRest.type) === 'hex') {
+          return rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, hslRest.a);
+        }
+        return toValRgb(rgbRest.r, rgbRest.g, rgbRest.b, hslRest.a);
+      }
+    }
+    return val;
+  };
+}
+const lighten = exports.lighten = createLightenDarken(1);
+const darken = exports.darken = createLightenDarken(0);
+function parseHexVal(value) {
+  if (value) {
+    const hexRest = value.match(hexRE);
+    if (hexRest) {
+      const rest = {
+        value,
+        label: value,
+        type: 'hex',
+        hex: value,
+        hexV: hexRest[2],
+        hexA: hexRest[3] || '',
+        a: (hexRest[3] ? hexAlphaKeyMaps[hexRest[3].toUpperCase()] : 1) || 1
+      };
+      return rest;
+    }
+  }
+  return null;
+}
+function parseRgbVal(value) {
+  if (value) {
+    const rgbRest = value.match(rgbRE);
+    if (rgbRest) {
+      const rest = {
+        value,
+        label: value,
+        type: rgbRest[6] ? 'rgba' : 'rgb',
+        r: parseInt(rgbRest[2]),
+        g: parseInt(rgbRest[3]),
+        b: parseInt(rgbRest[4]),
+        a: rgbRest[7] ? parseInt(rgbRest[6]) / 100 : rgbRest[6] ? parseFloat(rgbRest[6]) : 1
+      };
+      return rest;
+    }
+  }
+  return null;
+}
+function parseValColor(value) {
   const rest = {
     value: '',
     type: '',
@@ -43,60 +187,45 @@ function parseColor(value) {
     a: 1
   };
   if (value) {
-    const hexRest = value.match(hexRE);
-    if (hexRest) {
-      rest.value = value;
-      rest.type = 'hex';
-      rest.hex = value;
-      rest.hexV = hexRest[2];
-      rest.hexA = hexRest[3] || '';
-      rest.a = (hexRest[3] ? hexAlphaKeyMaps[hexRest[3].toUpperCase()] : 1) || 1;
-    }
-    const rgbRest = value.match(rgbRE);
-    if (rgbRest) {
-      rest.value = value;
-      rest.type = rgbRest[6] ? 'rgba' : 'rgb';
-      rest.r = parseInt(rgbRest[2]);
-      rest.g = parseInt(rgbRest[3]);
-      rest.b = parseInt(rgbRest[4]);
-      rest.a = rgbRest[7] ? parseInt(rgbRest[6]) / 100 : rgbRest[6] ? parseFloat(rgbRest[6]) : 1;
+    if (hexRE.test(value)) {
+      return Object.assign(rest, parseHexVal(value));
+    } else if (rgbRE.test(value)) {
+      return Object.assign(rest, parseRgbVal(value));
     }
   }
   return rest;
 }
 function updateColorAlpha(value, alpha = 1) {
-  const colorRest = parseColor(value);
-  const {
-    type,
-    hexV,
-    r,
-    g,
-    b
-  } = colorRest;
-  if (type === 'rgb' || type === 'rgba') {
-    return toRgb(r, g, b, alpha);
-  }
-  if (type === 'hex') {
-    return `#${hexV}${alpha === 1 ? '' : hexAlphaNumMaps[alpha] || ''}`;
+  const colorRest = parseValColor(value);
+  if (colorRest) {
+    const {
+      type
+    } = colorRest;
+    if (type === 'hex') {
+      return `#${colorRest.hexV}${alpha === 1 ? '' : hexAlphaNumMaps[alpha] || ''}`;
+    }
+    return toValRgb(colorRest.r, colorRest.g, colorRest.b, alpha);
   }
   return '';
 }
-function toRgb(r, g, b, a) {
-  if (_xeUtils.default.eqNull(a)) {
+function toValRgb(r, g, b, a) {
+  if (_xeUtils.default.eqNull(a) || a === 1) {
     return `rgb(${r},${g},${b})`;
   }
   return `rgba(${r},${g},${b},${a})`;
 }
-function rgbToHex(rgbRest) {
-  if (!rgbRest) {
-    return '';
+function rgbValToHex(value) {
+  const rgbRest = parseRgbVal(value);
+  if (rgbRest) {
+    const hexVal = rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, rgbRest.a);
+    if (hexVal) {
+      return parseHexVal(hexVal);
+    }
   }
-  const {
-    r,
-    g,
-    b,
-    a = 1
-  } = rgbRest;
+  return null;
+}
+function rgbToHexVal(r, g, b, a) {
+  a = _xeUtils.default.isNumber(a) ? a : 1;
   const hexR = r.toString(16).padStart(2, '0');
   const hexG = g.toString(16).padStart(2, '0');
   const hexB = b.toString(16).padStart(2, '0');
@@ -147,6 +276,93 @@ function rgbToHsv(rgbRest) {
     v: _xeUtils.default.round(val, 2)
   };
 }
+function rgbToHsl(rgbRest) {
+  if (!rgbRest) {
+    return null;
+  }
+  const {
+    r,
+    g,
+    b,
+    a
+  } = rgbRest;
+  const rNorm = r / 255;
+  const gNorm = g / 255;
+  const bNorm = b / 255;
+  const max = Math.max(rNorm, gNorm, bNorm);
+  const min = Math.min(rNorm, gNorm, bNorm);
+  const delta = max - min;
+  let h = 0;
+  let s = 0;
+  const l = (max + min) / 2;
+  if (delta !== 0) {
+    s = l > 0.5 ? delta / (2 - max - min) : delta / (max + min);
+    if (max === rNorm) {
+      h = (gNorm - bNorm) / delta % 6;
+    } else if (max === gNorm) {
+      h = (bNorm - rNorm) / delta + 2;
+    } else {
+      h = (rNorm - gNorm) / delta + 4;
+    }
+    h *= 60;
+    if (h < 0) {
+      h += 360;
+    }
+  }
+  return {
+    h,
+    s,
+    l,
+    a: _xeUtils.default.isNumber(a) ? a : 1
+  };
+}
+function hslToRgb(slRest) {
+  if (!slRest) {
+    return null;
+  }
+  let {
+    h,
+    s,
+    l
+  } = slRest;
+  const sNorm = s;
+  const lNorm = l;
+  h = (h % 360 + 360) % 360;
+  const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = lNorm - c / 2;
+  let r, g, b;
+  if (h >= 0 && h < 60) {
+    r = c;
+    g = x;
+    b = 0;
+  } else if (h >= 60 && h < 120) {
+    r = x;
+    g = c;
+    b = 0;
+  } else if (h >= 120 && h < 180) {
+    r = 0;
+    g = c;
+    b = x;
+  } else if (h >= 180 && h < 240) {
+    r = 0;
+    g = x;
+    b = c;
+  } else if (h >= 240 && h < 300) {
+    r = x;
+    g = 0;
+    b = c;
+  } else {
+    r = c;
+    g = 0;
+    b = x;
+  }
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255)
+  };
+}
 function hsvToRgb(h, s, v) {
   let r = 0;
   let g = 0;
@@ -205,11 +421,18 @@ function hexToRgb(str) {
   if (str) {
     const rests = str.match(/^(#?)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})?$/);
     if (rests) {
+      const r = parseInt(rests[2], 16);
+      const g = parseInt(rests[3], 16);
+      const b = parseInt(rests[4], 16);
+      const a = (rests[5] ? hexAlphaKeyMaps[rests[5].toUpperCase()] : 1) || 1;
       return {
-        r: parseInt(rests[2], 16),
-        g: parseInt(rests[3], 16),
-        b: parseInt(rests[4], 16),
-        a: (rests[5] ? hexAlphaKeyMaps[rests[5].toUpperCase()] : 1) || 1
+        value: str,
+        label: toValRgb(r, g, b, rests[5] ? a : null),
+        type: rests[5] ? 'rgba' : 'rgb',
+        r,
+        g,
+        b,
+        a
       };
     }
   }

package/lib/color-picker/src/util.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasHex=hasHex,exports.hasRgb=hasRgb,exports.hexToHsv=hexToHsv,exports.hexToRgb=hexToRgb,exports.hsvToRgb=hsvToRgb,exports.parseColor=parseColor,exports.rgbToHex=rgbToHex,exports.rgbToHsv=rgbToHsv,exports.toRgb=toRgb,exports.updateColorAlpha=updateColorAlpha;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let hexAlphaKeyMaps={},hexAlphaNumMaps={},rgbRE=("FF,FC,FA,F7,F5,F2,F0,ED,EB,E8,E6,E3,E0,DE,DB,D9,D6,D4,D1,CF,CC,C9,C7,C4,C2,BF,BD,BA,B8,B5,B3,B0,AD,AB,A8,A6,A3,A1,9E,9C,99,96,94,91,8F,8C,8A,87,85,82,80,7D,7A,78,75,73,70,6E,6B,69,66,63,61,5E,5C,59,57,54,52,4F,4D,4A,47,45,42,40,3D,3B,38,36,33,30,2E,2B,29,26,24,21,1F,1C,1A,17,14,12,0F,0D,0A,08,05,03,00".split(",").forEach((e,r)=>{r=(100-r)/100;hexAlphaKeyMaps[e]=r,hexAlphaNumMaps[r]=e}),/^rgb(a?)\((\d{1,3})[,\s]+(\d{1,3})[,\s]+(\d{1,3})([,//\s]+([0-9.]{1,4})(%?))?\)$/);function hasRgb(e){return e&&rgbRE.test(e)}let hexRE=/^(#?)([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})?$/;function hasHex(e){return e&&hexRE.test(e)}function parseColor(e){var r,a={value:"",type:"",hex:"",hexV:"",hexA:"",r:0,g:0,b:0,a:1};return e&&((r=e.match(hexRE))&&(a.value=e,a.type="hex",a.hex=e,a.hexV=r[2],a.hexA=r[3]||"",a.a=(r[3]?hexAlphaKeyMaps[r[3].toUpperCase()]:1)||1),r=e.match(rgbRE))&&(a.value=e,a.type=r[6]?"rgba":"rgb",a.r=parseInt(r[2]),a.g=parseInt(r[3]),a.b=parseInt(r[4]),a.a=r[7]?parseInt(r[6])/100:r[6]?parseFloat(r[6]):1),a}function updateColorAlpha(e,r=1){var{type:e,hexV:a,r:t,g:o,b:s}=parseColor(e);return"rgb"===e||"rgba"===e?toRgb(t,o,s,r):"hex"===e?"#"+a+(1!==r&&hexAlphaNumMaps[r]||""):""}function toRgb(e,r,a,t){return _xeUtils.default.eqNull(t)?`rgb(${e},${r},${a})`:`rgba(${e},${r},${a},${t})`}function rgbToHex(e){var r,a,t;return e?({r:e,g:r,b:a,a:t=1}=e,("#"+e.toString(16).padStart(2,"0")+r.toString(16).padStart(2,"0")+a.toString(16).padStart(2,"0")+(1!==t&&hexAlphaNumMaps[t]||"")).toUpperCase()):""}function rgbToHsv(e){if(!e)return null;var{r:e,g:r,b:a}=e,e=e/255,r=r/255,a=a/255;let t=0,o=0,s=Math.max(e,r,a),p=s-Math.min(e,r,a);var h,n,u=e=>(s-e)/6/p+.5;return 0==p?t=o=0:(o=p/s,h=u(e),n=u(r),u=u(a),e===s?t=u-n:r===s?t=1/3+h-u:a===s&&(t=2/3+n-h),t<0?t+=1:1<t&&--t),{h:Math.round(360*t),s:_xeUtils.default.round(o,2),v:_xeUtils.default.round(s,2)}}function hsvToRgb(e,r,a){let t=0,o=0,s=0;var p=Math.floor(e/60),e=e/60-p,h=a*(1-r),n=a*(1-e*r),u=a*(1-(1-e)*r);switch(p){case 0:t=a,o=u,s=h;break;case 1:t=n,o=a,s=h;break;case 2:t=h,o=a,s=u;break;case 3:t=h,o=n,s=a;break;case 4:t=u,o=h,s=a;break;case 5:t=a,o=h,s=n}return{r:Math.round(255*t),g:Math.round(255*o),b:Math.round(255*s)}}function hexToHsv(e){e=hexToRgb(e);return e?rgbToHsv(e):null}function hexToRgb(e){if(e){e=e.match(/^(#?)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})?$/);if(e)return{r:parseInt(e[2],16),g:parseInt(e[3],16),b:parseInt(e[4],16),a:(e[5]?hexAlphaKeyMaps[e[5].toUpperCase()]:1)||1}}return null}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.darken=void 0,exports.hasHex=hasHex,exports.hasRgb=hasRgb,exports.hexToHsv=hexToHsv,exports.hexToRgb=hexToRgb,exports.hsvToRgb=hsvToRgb,exports.lighten=void 0,exports.parseColor=parseColor,exports.parseValColor=parseValColor,exports.rgbToHexVal=rgbToHexVal,exports.rgbToHsv=rgbToHsv,exports.toHex=toHex,exports.toHexString=toHexString,exports.toHsl=toHsl,exports.toHsv=toHsv,exports.toRgb=toRgb,exports.toRgbString=toRgbString,exports.toValRgb=toValRgb,exports.updateColorAlpha=updateColorAlpha;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let hexAlphaKeyMaps={},hexAlphaNumMaps={},rgbRE=("FF,FC,FA,F7,F5,F2,F0,ED,EB,E8,E6,E3,E0,DE,DB,D9,D6,D4,D1,CF,CC,C9,C7,C4,C2,BF,BD,BA,B8,B5,B3,B0,AD,AB,A8,A6,A3,A1,9E,9C,99,96,94,91,8F,8C,8A,87,85,82,80,7D,7A,78,75,73,70,6E,6B,69,66,63,61,5E,5C,59,57,54,52,4F,4D,4A,47,45,42,40,3D,3B,38,36,33,30,2E,2B,29,26,24,21,1F,1C,1A,17,14,12,0F,0D,0A,08,05,03,00".split(",").forEach((e,r)=>{r=(100-r)/100;hexAlphaKeyMaps[e]=r,hexAlphaNumMaps[r]=e}),/^rgb(a?)\((\d{1,3})[,\s]+(\d{1,3})[,\s]+(\d{1,3})([,//\s]+([0-9.]{1,4})(%?))?\)$/);function hasRgb(e){return!(!e||!rgbRE.test(e))}let hexRE=/^(#?)([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})?$/;function hasHex(e){return!(!e||!hexRE.test(e))}function toRgb(e){return e?(hexRE.test(e)?hexToRgb:parseRgbVal)(e):null}function toRgbString(e){e=toRgb(e);return e?e.label:""}function toHex(e){return e?(rgbRE.test(e)?rgbValToHex:parseHexVal)(e):null}function toHexString(e){e=toHex(e);return e?e.label:""}function toHsl(e){var r=toRgb(e);if(r){r=rgbToHsl(r);if(r)return Object.assign({value:e,type:"hsl"},r)}return null}function toHsv(e){var r=toRgb(e);if(r){r=rgbToHsv(r);if(r)return Object.assign({value:e,type:"hsv"},r)}return null}function parseColor(e,r){return e?("hex"===r?toHex:"hsl"===r?toHsl:"hsv"===r?toHsv:toRgb)(e):null}function handleNumClamp(e){return Math.min(1,Math.max(0,e))}function createLightenDarken(o){return function(e,r){var t=parseColor(e),a=toHsl(e);if(t&&a){r=0===r?0:r||10,a.l+=(o?r:-r)/100,a.l=handleNumClamp(a.l);r=hslToRgb(a);if(r)return("hex"===(null==t?void 0:t.type)?rgbToHexVal:toValRgb)(r.r,r.g,r.b,a.a)}return e}}let lighten=exports.lighten=createLightenDarken(1),darken=exports.darken=createLightenDarken(0);function parseHexVal(e){if(e){var r=e.match(hexRE);if(r)return{value:e,label:e,type:"hex",hex:e,hexV:r[2],hexA:r[3]||"",a:(r[3]?hexAlphaKeyMaps[r[3].toUpperCase()]:1)||1}}return null}function parseRgbVal(e){if(e){var r=e.match(rgbRE);if(r)return{value:e,label:e,type:r[6]?"rgba":"rgb",r:parseInt(r[2]),g:parseInt(r[3]),b:parseInt(r[4]),a:r[7]?parseInt(r[6])/100:r[6]?parseFloat(r[6]):1}}return null}function parseValColor(e){var r={value:"",type:"",hex:"",hexV:"",hexA:"",r:0,g:0,b:0,a:1};if(e){if(hexRE.test(e))return Object.assign(r,parseHexVal(e));if(rgbRE.test(e))return Object.assign(r,parseRgbVal(e))}return r}function updateColorAlpha(e,r=1){var t,e=parseValColor(e);return e?(t=e.type,"hex"===t?"#"+e.hexV+(1!==r&&hexAlphaNumMaps[r]||""):toValRgb(e.r,e.g,e.b,r)):""}function toValRgb(e,r,t,a){return _xeUtils.default.eqNull(a)||1===a?`rgb(${e},${r},${t})`:`rgba(${e},${r},${t},${a})`}function rgbValToHex(e){e=parseRgbVal(e);if(e){e=rgbToHexVal(e.r,e.g,e.b,e.a);if(e)return parseHexVal(e)}return null}function rgbToHexVal(e,r,t,a){return a=_xeUtils.default.isNumber(a)?a:1,("#"+e.toString(16).padStart(2,"0")+r.toString(16).padStart(2,"0")+t.toString(16).padStart(2,"0")+(1!==a&&hexAlphaNumMaps[a]||"")).toUpperCase()}function rgbToHsv(e){if(!e)return null;var{r:e,g:r,b:t}=e,e=e/255,r=r/255,t=t/255;let a=0,o=0,n=Math.max(e,r,t),l=n-Math.min(e,r,t);var s,u,p=e=>(n-e)/6/l+.5;return 0==l?a=o=0:(o=l/n,s=p(e),u=p(r),p=p(t),e===n?a=p-u:r===n?a=1/3+s-p:t===n&&(a=2/3+u-s),a<0?a+=1:1<a&&--a),{h:Math.round(360*a),s:_xeUtils.default.round(o,2),v:_xeUtils.default.round(n,2)}}function rgbToHsl(e){if(!e)return null;var{r:e,g:r,b:t,a}=e,e=e/255,r=r/255,t=t/255,o=Math.max(e,r,t),n=Math.min(e,r,t),l=o-n;let s=0,u=0;var p=(o+n)/2;return 0!=l&&(u=.5<p?l/(2-o-n):l/(o+n),s=o===e?(r-t)/l%6:o===r?(t-e)/l+2:(e-r)/l+4,(s*=60)<0)&&(s+=360),{h:s,s:u,l:p,a:_xeUtils.default.isNumber(a)?a:1}}function hslToRgb(e){if(!e)return null;var{h:e,s:r,l:t}=e,e=(e%360+360)%360,r=(1-Math.abs(2*t-1))*r,a=r*(1-Math.abs(e/60%2-1)),t=t-r/2;let o,n,l;return l=0<=e&&e<60?(o=r,n=a,0):60<=e&&e<120?(o=a,n=r,0):120<=e&&e<180?(o=0,n=r,a):180<=e&&e<240?(o=0,n=a,r):240<=e&&e<300?(o=a,n=0,r):(o=r,n=0,a),{r:Math.round(255*(o+t)),g:Math.round(255*(n+t)),b:Math.round(255*(l+t))}}function hsvToRgb(e,r,t){let a=0,o=0,n=0;var l=Math.floor(e/60),e=e/60-l,s=t*(1-r),u=t*(1-e*r),p=t*(1-(1-e)*r);switch(l){case 0:a=t,o=p,n=s;break;case 1:a=u,o=t,n=s;break;case 2:a=s,o=t,n=p;break;case 3:a=s,o=u,n=t;break;case 4:a=p,o=s,n=t;break;case 5:a=t,o=s,n=u}return{r:Math.round(255*a),g:Math.round(255*o),b:Math.round(255*n)}}function hexToHsv(e){e=hexToRgb(e);return e?rgbToHsv(e):null}function hexToRgb(e){if(e){var r,t,a,o,n=e.match(/^(#?)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})?$/);if(n)return r=parseInt(n[2],16),t=parseInt(n[3],16),a=parseInt(n[4],16),o=(n[5]?hexAlphaKeyMaps[n[5].toUpperCase()]:1)||1,{value:e,label:toValRgb(r,t,a,n[5]?o:null),type:n[5]?"rgba":"rgb",r:r,g:t,b:a,a:o}}return null}

package/lib/date-picker/src/date-picker.js

@@ -163,6 +163,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const $xeModal = (0, _vue.inject)('$xeModal', null);
     const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
     const $xeTable = (0, _vue.inject)('$xeTable', null);
+    const $xeCard = (0, _vue.inject)('$xeCard', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
     const xID = _xeUtils.default.uniqueId();
@@ -201,7 +202,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true;
         }
       }

package/lib/date-picker/src/date-picker.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("date-picker"),defaultMaskPlaceholder="_",maskedTypes=["year","month","date","datetime","time"],inputMaskedKeys=["y","M","d","H","m","n","s"],parseInputKayMaps={};function createReactData(){return{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",labelFlag:0}}function createInternalData(){return{inputLabel:"",laseFocusMasked:0}}inputMaskedKeys.forEach(e=>{parseInputKayMaps[e]=!0});var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.autoClose},maskedConfig:Object,prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object,startWeek:Number},emits:["update:modelValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(w,e){let{slots:T,emit:l}=e,i=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),n=(0,_vue.inject)("$xeTable",null),r=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let W=(0,_ui.useSize)(w).computeSize,P=(0,_vue.reactive)(createReactData()),V=createInternalData(),M=(0,_vue.ref)(),U=(0,_vue.ref)(),H=(0,_vue.ref)(),R=(0,_vue.ref)(),N=(0,_vue.ref)(),d={refElem:M,refInput:U},I={xID:t,props:w,context:e,reactData:P,internalData:V,getRefMaps:()=>d},Z=(0,_vue.computed)(()=>{var e=w.transfer,t=L.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(n||i||u||r)return!0}return e}),K=(0,_vue.computed)(()=>{var e=w.readonly;return null===e?!!r&&r.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=w.disabled;return null===e?!!r&&r.props.disabled:e}),x=(0,_vue.computed)(()=>{var e=w.type;return"time"===e}),F=(0,_vue.computed)(()=>{var e=w.type;return x.value||"datetime"===e}),y=(0,_vue.computed)(()=>F.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),j=(0,_vue.computed)(()=>w.clearable),b=(0,_vue.computed)(()=>F.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),k=(0,_vue.computed)(()=>{let{modelValue:e,type:t,multiple:a}=w;var l=b.value;let i=p.value;return a&&e&&l?_xeUtils.default.toValueString(e).split(",").map(e=>{e=(0,_util.parseDateValue)(e,t,{valueFormat:i});return _xeUtils.default.isValidDate(e),e}):[]}),J=(0,_vue.computed)(()=>w.startDate?_xeUtils.default.toStringDate(w.startDate):null),Q=(0,_vue.computed)(()=>w.endDate?_xeUtils.default.toStringDate(w.endDate):null),E=(0,_vue.computed)(()=>w.multiple?_xeUtils.default.toNumber(w.limitCount):0),D=(0,_vue.computed)(()=>{var e=k.value;let t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),C=(0,_vue.computed)(()=>{var e=w.multiple,t=E.value,a=D.value;return!(!e||!t)&&a.length>=t}),X=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=w;return K.value||a||!t||"week"===e||"quarter"===e}),ee=(0,_vue.computed)(()=>{var e=w.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),S=(0,_vue.computed)(()=>{var e=w.immediate;return e}),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.timeConfig,w.timeConfig)),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.popupConfig,w.popupConfig)),O=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,w.shortcutConfig)),ae=(0,_vue.computed)(()=>{var e=O.value.options;return e?e.map((e,t)=>Object.assign({name:""+(e.name||e.code||t)},e)):[]}),g=(0,_vue.computed)(()=>{var e=w.labelFormat;return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+w.type)}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=w;return(0,_util.handleValueFormat)(e,t)}),B=(0,_vue.computed)(()=>g.value),_=(0,_vue.computed)(()=>{var e=w.startDay;return _xeUtils.default.toNumber(e)}),q=(0,_vue.computed)(()=>{let{type:t,multiple:e}=w;var a=P.inputValue;let l=g.value,i=p.value,u=_.value;return(a?e?a.split(","):[a]:[]).map(e=>(0,_util.parseDateObj)(e,t,{valueFormat:i,labelFormat:l,firstDay:u}).label).join(", ")}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.maskedConfig,w.maskedConfig)),z=(0,_vue.computed)(()=>{var e=$.value.maskPlaceholder;return(e?(""+e)[0]:"")||defaultMaskPlaceholder}),le=()=>{var e=w.modelValue;let t="";e&&(t=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),P.inputValue=t},G=(e,t)=>{V.inputLabel=e,t&&P.labelFlag++},v=e=>{var t=P.inputValue;h(e.type,{value:t},e)},c=(e,t)=>{var a,{type:l,modelValue:i,valueFormat:u}=w,n=p.value;P.inputValue=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}))?a.getTime():null,s(a),i!==a&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}),s(a),(i&&a?_xeUtils.default.toStringDate(i).getTime()!==a.getTime():i!==a)&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(s(e),_xeUtils.default.toValueString(i)!==e&&(h("change",{value:e},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,e))},ie=e=>{var t=e.target.value;G(t,!0),h("input",{value:t},e)},ue=e=>{S.value||v(e)},ne=e=>{var t;A.value||(t=P.inputValue,h("prefix-click",{value:t},e))},f=()=>new Promise(e=>{P.visiblePanel=!1,V.hpTimeout=setTimeout(()=>{P.isAniVisible=!1,e()},350)}),re=(a,e)=>{var{modelValue:t,multiple:l}=w,i=F.value;let u=p.value;var n=_.value;"week"===w.type&&(o=_xeUtils.default.toNumber(w.selectDay),a=_xeUtils.default.getWhatWeek(a,0,o,n));let r=_xeUtils.default.toDateString(a,u,{firstDay:n});if(l){var o=C.value;if(i){n=e?[]:[...k.value];let t=[];l=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));if(-1===l){if(o)return;n.push(a)}else n.splice(l,1);n.forEach(e=>{e&&t.push(e)}),c(t.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else{i=e?[]:D.value;i.some(e=>_xeUtils.default.isEqual(e,r))?c(i.filter(e=>!_xeUtils.default.isEqual(e,r)).join(","),{type:"update"}):o||c(i.concat([r]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(t,r)||c(r,{type:"update"})},oe=()=>{var e=q.value;G(e,!0)},m=i=>{var{type:a,editable:l,multiple:e,maskedConfig:u}=w,n=V.inputLabel;let r=g.value;var o=$.value,s=J.value,d=Q.value;if(i){l&&!e&&((0,_utils.isEnableConf)(u)||o.enabled)&&(l=r.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g")))&&l.forEach(t=>{var a=r.indexOf(t);if(-1<a){var l=i.slice(a,a+t.length).replace(/\D/g,"");if(l){let e=_xeUtils.default.toNumber(l);!e&&["MM","dd"].includes(t)&&(e=1),i=i.slice(0,a)+_xeUtils.default.padStart((0,_util.checkDateInputFormat)(e,t),t.length,"0")+i.slice(a+t.length)}}});e=N.value;if(e)return e.checkValue(i);let t=(0,_util.parseDateValue)(i,a,{valueFormat:r});if(_xeUtils.default.isValidDate(t))if("time"===a)n!==(t=_xeUtils.default.toDateString(t,r))&&c(t,{type:"check"}),G(t,!0);else{d&&t>d&&(t=d),s&&t<s&&(t=s);let e=!1;u=_.value,l=("datetime"===a&&(o=P.inputValue,i===_xeUtils.default.toDateString(o,r))&&i===_xeUtils.default.toDateString(t,r)||(e=!0),_xeUtils.default.toDateString(t,r,{firstDay:u}));G(l,!0),e&&re(t)}else oe()}else c("",{type:"check"})},se=(e,t)=>{y.value&&f(),c("",e),h("clear",{value:t},e)},de=e=>{var t;A.value||(t=P.inputValue,h("suffix-click",{value:t},e))},ve=(e,t,a)=>{var l=$.value.align,i=z.value,u=_xeUtils.default.toNumber(e);let n=(0,_util.checkDateInputFormat)(u,t),r=""+(n=a&&!n&&["MM","dd"].includes(t)?1:n);return e.length>r.length&&(r=r.padStart(e.length,"0")),a?_xeUtils.default.padStart(r,t.length,"0"):_xeUtils.default["right"===l?"padStart":"padEnd"](r,t.length,i)},pe=(e,a,l,i,u)=>{var{type:n,multiple:r}=w;if(!r){r=U.value;if(r){var o=r.value;if(o){var s=B.value,d=g.value,v=_.value,p=z.value,c=r.selectionStart||0;let t=s[c];parseInputKayMaps[t]||(t=s[c-1]);var f,m,c=s.match(new RegExp(t+"+"));c&&(a||l?(l=c[0]||"",f=(c=c.index||0)+l.length,m=o.slice(c,f),parseInputKayMaps[t]&&(m=((0,_util.isAllSameChar)(m,p)?(0,_util.getChunkDefaultNum)(t):_xeUtils.default.toNumber(m))+(a?1:-1),a=o.slice(0,c)+ve(""+m,l,!0)+o.slice(f),e.preventDefault(),-1===a.indexOf(p)?(m=(0,_util.parseDateValue)(a,n,{valueFormat:d}),_xeUtils.default.isValidDate(m)&&(l=_xeUtils.default.toDateString(m,d,{firstDay:v}),r.value=l,G(l,!1))):(r.value=a,G(a,!1))),r.setSelectionRange(c,f)):(i||u)&&-1<inputMaskedKeys.indexOf(t)&&(o=_xeUtils.default.map(s.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),p=_xeUtils.default.findIndexOf(o,e=>t===e[0]),m=(n=i?o[p-1]||o[0]:o[p+1]||o[o.length-1])?n[0]:"",d=s.match(new RegExp(m+"+")))&&(e.preventDefault(),l=(v=d.index||0)+d[0].length,r.setSelectionRange(v,l)),V.isTriggerMasked=!0)}}}},ce=n=>{var r=w.multiple;if(!r){var o=U.value;if(o){r=(0,_dom.hasControlKey)(n);if(!r){n.preventDefault();var r=n.key,s=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.DELETE),d=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.BACKSPACE),r="0"<=r&&r<="9",n=r?n.key:"";if(s||d||r){var v=V.isTriggerMasked,p=$.value.align,c=B.value,f=z.value;let i=o.value||c;var m=o.selectionStart||0,g=o.selectionEnd||0;let u=c[m];parseInputKayMaps[u]||(u=c[m-1]);var _=c.match(new RegExp(u+"+"));if(_){var h=_xeUtils.default.map(c.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),x=_[0]||"",y=_.index||0,b=y+x.length,k=h.indexOf(u),m=!m&&g===i.length&&1<h.length,g=i&&i.length!==c.length;(m||g)&&(i=c);let e=s?"":i.slice(y,b);g=e.match(/\d/g)||[],v=v&&!d?[]:g.slice(0);r?(v.push(n),e=ve(v.join(""),x,!1)):d&&(v.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](v.join(""),x.length,f));let t=i.slice(0,y)+e+i.slice(b);if(t=t.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),m){if(d||s){r=h[0],n=c.match(new RegExp(r+"+"));if(n)return x=n[0],o.setSelectionRange(0,x.length),void(V.isTriggerMasked=!0)}}else if(d&&!g.length){for(let e=k-1;0<=e;e--){var E=h[e],E=c.match(new RegExp(E+"+"));if(E){var D=E[0],E=E.index||0,C=E+D.length;let e=t.slice(E,C);var S=e.match(/\d/g)||[];if(S.length)return S.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](S.join(""),D.length,f),t=t.slice(0,E)+e+t.slice(C),o.value=t,G(t,!1),void o.setSelectionRange(E,C)}}y=h[0],b=c.match(new RegExp(y+"+"));return b?(m=b[0],t=c.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),o.setSelectionRange(0,m.length),void(V.isTriggerMasked=!0)):void 0}let a=_.index||0,l=a+_[0].length;v.length>=e.length?(s=h.slice(k+1),-1<k&&((r=s.length?c.match(new RegExp(`(${s.join("|")})+`)):null)&&(a=r.index||0,l=a+r[0].length),o.setSelectionRange(a,l)),V.isTriggerMasked=!0):(o.setSelectionRange(a,l),V.isTriggerMasked=!1)}}}}}},fe=(t,i)=>{V.fsTimeout=void 0;var{type:u,multiple:n,modelValue:r}=w;if(!n&&maskedTypes.includes(u)){n=U.value;if(n){u=V.laseFocusMasked;if(!(u&&Date.now()-u<100)){u=B.value;let l=z.value;var a=n.selectionStart||0,o=n.selectionEnd||0,s=n.value,d=_xeUtils.default.map(u.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]);if(!s){let e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);if(i&&r){let t=(""+_xeUtils.default.toNumber(r)).match(/\d/g)||[],a=0;e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),e=>t[a++]||e)}var i=d[0],r=u.match(new RegExp(i+"+"));if(r)return t.preventDefault(),i=r[0],n.value=e,G(e,!1),n.setSelectionRange(0,i.length),void(V.laseFocusMasked=Date.now())}r=!a&&o===s.length&&1<d.length,i=s&&s.length!==u.length;if(r||i){let a="";if(i&&s){let e=s.match(/\d/g)||[],t=0;a=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),()=>e[t++]||l)}else u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);var o=d[0],r=u.match(new RegExp(o+"+"));if(r)return t.preventDefault(),i=r[0],n.value=a,G(a,!1),n.setSelectionRange(0,i.length),void(V.laseFocusMasked=Date.now())}let e=u[a];(e=parseInputKayMaps[e]?e:u[a-1])&&(t.stopPropagation(),s=u.match(new RegExp(e+"+")))&&(d=s[0]||"",r=(o=s.index||0)+d.length,n.setSelectionRange(o,r),V.isTriggerMasked=!0,V.laseFocusMasked=Date.now())}}}},me=e=>{var t,a=P.inputValue;S.value||c(a,e),P.visiblePanel||(t=V.inputLabel,P.isActivated=!1,m(t)),h("blur",{value:a},e),r&&o&&r.triggerItemEvent(e,o.itemConfig.field,a)},ge=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=V.fsTimeout,u=$.value,n=L.value.trigger;P.isActivated=!0,i&&clearTimeout(i),n&&"default"!==n?"icon"===n&&f():Me(e),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(V.fsTimeout=setTimeout(()=>{fe(e,!0)},20)),v(e)},_e=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=V.fsTimeout,u=$.value;i&&clearTimeout(i),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(V.fsTimeout=setTimeout(()=>{fe(e)},10)),v(e)},he=e=>{var{type:t,editable:a,maskedConfig:l}=w,i=P.visiblePanel,u=$.value,n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER);a&&(d?(a=V.inputLabel,i&&f(),m(a)):maskedTypes.includes(t)&&((0,_utils.isEnableConf)(l)||u.enabled)&&(u.isArrow&&(n||r||o||s)?pe(e,n,r,o,s):u.isMasked&&ce(e))),v(e)},xe=e=>{v(e)},ye=e=>{var t=N.value;t&&t.confirmByEvent(e),f()},be=e=>{var{multiple:t,autoClose:a}=w,{value:e,$event:l}=e,i=F.value;c(e,l),t||i||a&&f()},ke=e=>{h("confirm",e,e.$event)},Ee=e=>{G(e.label,!0)},De=e=>{var{visiblePanel:t,isActivated:a}=P,l=M.value,i=R.value;!A.value&&a&&((l=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,i).flag)!==a&&(P.isActivated=l),l||t&&(f(),e=V.inputLabel,m(e)))},Ce=e=>{var t,{isActivated:a,visiblePanel:l}=P;A.value||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&a&&(P.isActivated=!1),l&&(e||t)&&f())},Se=e=>{var t=P.visiblePanel;A.value||t&&(t=R.value,((0,_dom.getEventTargetNode)(e,t).flag?a:f)())},we=()=>{var{isActivated:e,visiblePanel:t}=P;t&&f(),e&&(P.isActivated=!1),(t||e)&&(m(V.inputLabel),t=U.value)&&t.blur()},Te=()=>{var e=P.visiblePanel;e&&a()},Pe=()=>{var e=L.value.zIndex||w.zIndex;e?P.panelIndex=_xeUtils.default.toNumber(e):P.panelIndex<(0,_utils.getLastZIndex)()&&(P.panelIndex=(0,_utils.nextZIndex)())},a=()=>{let a=w.placement,l=P.panelIndex,i=U.value,u=H.value;if(!u)return(0,_vue.nextTick)();let n=Z.value,r=L.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:l});P.panelStyle=t,P.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},Ve=()=>{var e=P.visiblePanel;return(A.value||e?(0,_vue.nextTick):(P.initialized||(P.initialized=!0),V.hpTimeout&&(clearTimeout(V.hpTimeout),V.hpTimeout=void 0),P.isActivated=!0,P.isAniVisible=!0,setTimeout(()=>{P.visiblePanel=!0,a()},10),Pe(),a))()},Me=e=>{K.value||(e.preventDefault(),Ve())},Ue=e=>{var t=P.visiblePanel,a=L.value.trigger;a&&"default"!==a&&"icon"!==a||(t?f():Me(e))},Re=({option:e,$event:t})=>{var a=w.type,l=P.inputValue,i=O.value,u=i.autoClose,{code:n,clickMethod:r}=e,o=l,s={$datePicker:I,option:e,value:o,code:n};if(!r&&n){l=_ui.commands.get(n),e=l?l.datePickerCommandMethod:null;if(e)e(s);else{var d=p.value,v=_.value;switch(n){case"now":case"prev":case"next":case"minus":case"plus":o=(0,_util.getDateByCode)(n,o,a,{valueFormat:d,firstDay:v}).value;s.value=o,c(o,t);break;default:errLog("vxe.error.notCommands",[n])}}}else{l=r||i.clickMethod;l&&l(s)}u&&f(),h("shortcut-click",s,t)},h=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$datePicker:I},t))},s=e=>{l("update:modelValue",e)};t={dispatchEvent:h,setModelValue(e){P.inputValue=e,s(e)},setModelValueByEvent(e,t){c(t||"",e)},focus(){var e=U.value;return P.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(P.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(P.isActivated=!1,_vue.nextTick)()},showPanel:Ve,hidePanel:f,updatePlacement:a};Object.assign(I,t);let Y=(e,t)=>{var a=O.value,{position:l,align:i,mode:u}=a,n=ae.value;return(0,_utils.isEnableConf)(a)&&n.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:n,mode:u,align:i,vertical:t,onClick:Re})]):(0,_ui.renderEmptyElement)(I)},Ne=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:Ue},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(q,e=>{G(e,!0)}),(0,_vue.watch)(()=>w.modelValue,()=>{le()}),le(),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(I,"mousewheel",Se),_ui.globalEvents.on(I,"mousedown",De),_ui.globalEvents.on(I,"keydown",Ce),_ui.globalEvents.on(I,"blur",we),_ui.globalEvents.on(I,"resize",Te)}),(0,_vue.onMounted)(()=>{var{type:e,multiple:t,maskedConfig:a}=w;(0,_utils.isEnableConf)(a)&&(t&&errLog("vxe.error.notSupportProp",["multiple","control-config.enabled=true","control-config.enabled=false"]),maskedTypes.includes(e)||warnLog("vxe.error.notSupportProp",["control-config.enabled=true","type="+e,"type="+maskedTypes.join("|")]))}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(I,"mousewheel"),_ui.globalEvents.off(I,"mousedown"),_ui.globalEvents.off(I,"keydown"),_ui.globalEvents.off(I,"blur"),_ui.globalEvents.off(I,"resize"),_xeUtils.default.assign(P,createReactData()),_xeUtils.default.assign(V,createInternalData())}),(0,_vue.provide)("$xeDatePicker",I),I.renderVN=()=>{var e,t,a,l,i,u,n,r,o,s,d,v,p,c,{className:f,type:m,name:g,autoComplete:_}=w,{inputValue:h,visiblePanel:x,isActivated:y,labelFlag:b}=P,k=V.inputLabel,E=W.value,D=A.value,C=K.value,S=q.value;return C?(0,_vue.h)("div",{ref:M,class:["vxe-date-picker--readonly","type--"+m,f]},S):(C=X.value,S=ee.value,a=j.value,t=w.prefixIcon,l=(l=T.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:ne},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:t})])]):null,t=w.suffixIcon,c=P.inputValue,p=T.suffix,i=A.value,e=j.value,i=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":e&&!i&&!(""===c||_xeUtils.default.eqNull(c))}]},[e?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:se},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(I),Ne(),p||t?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:de},p?(0,_vn.getSlotVNs)(p({})):[(0,_vue.h)("i",{class:t})]):(0,_ui.renderEmptyElement)(I)]),(0,_vue.h)("div",{ref:M,class:["vxe-date-picker","type--"+m,f,{["size--"+E]:E,"is--prefix":!!l,"is--suffix":!!i,"is--visible":x,"is--disabled":D,"is--active":y,"show--clear":a&&!D&&!(""===h||_xeUtils.default.eqNull(h))}],spellcheck:!1},[l||(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-date-picker--inner",value:b?k:"",name:g,type:"text",placeholder:S,readonly:C,disabled:D,autocomplete:_,onKeydown:he,onKeyup:xe,onClick:_e,onInput:ie,onChange:ue,onFocus:ge,onBlur:me})]),i||(0,_ui.renderEmptyElement)(I),!1===(c=L.value).enabled?(0,_ui.renderEmptyElement)(I):({type:e,multiple:p,showClearButton:t,showConfirmButton:m}=w,{initialized:f,isAniVisible:E,visiblePanel:x,panelPlacement:y,panelStyle:a,inputValue:h}=P,l=W.value,b=Z.value,k=O.value,g=j.value,S=F.value,C=ae.value,D=te.value,_=J.value,i=Q.value,u=c.appendTo,k=k.position,n=T.header,r=T.footer,o=T.top,s=T.bottom,d=T.left,v=T.right,c=c.className,C=0<C.length,S=null===m?S||p:m,p=null===t?g&&S&&"time"!==e:t,(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(u),disabled:!b||!f},[(0,_vue.h)("div",{ref:H,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,c?_xeUtils.default.isFunction(c)?c({$datePicker:I}):c:"",{["size--"+l]:l,"is--transfer":b,"ani--leave":E,"ani--enter":x,"show--top":!!(o||n||C&&("top"===k||"header"===k)),"show--bottom":!!(s||r||C&&("bottom"===k||"footer"===k)),"show--left":!!(d||C&&"left"===k),"show--right":!!(v||C&&"right"===k)}],placement:y,style:a},f&&(x||E)?[(0,_vue.h)("div",{ref:R,class:["vxe-date-picker--layout-all-wrapper","type--"+e,{["size--"+l]:l}]},[o?(0,_vue.h)("div",{class:"vxe-date-picker--layout-top-wrapper"},o({})):Y("top"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[d?(0,_vue.h)("div",{class:"vxe-date-picker--layout-left-wrapper"},d({})):Y("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[n?(0,_vue.h)("div",{class:"vxe-date-picker--layout-header-wrapper"},n({})):Y("header"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:N,modelValue:P.inputValue,type:w.type,className:w.className,multiple:w.multiple,limitCount:w.limitCount,startDate:_,endDate:i,defaultDate:w.defaultDate,defaultTime:w.defaultTime,minDate:w.minDate,maxDate:w.maxDate,startDay:w.startDay,labelFormat:w.labelFormat,valueFormat:w.valueFormat,timeFormat:w.timeFormat,timeConfig:D,festivalMethod:w.festivalMethod,disabledMethod:w.disabledMethod,selectDay:w.selectDay,onChange:be,onConfirm:ke,onRevert:Ee})]),(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-custom"},r?r({}):[Y("footer")]),p||S?(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-btns"},[p?(0,_vue.h)(_button.default,{size:"mini",disabled:""===h||_xeUtils.default.eqNull(h),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:se}):(0,_ui.renderEmptyElement)(I),S?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:ye}):(0,_ui.renderEmptyElement)(I)]):(0,_ui.renderEmptyElement)(I)])]),v?(0,_vue.h)("div",{class:"vxe-date-picker--layout-right-wrapper"},v({})):Y("right",!0)]),s?(0,_vue.h)("div",{class:"vxe-date-picker--layout-bottom-wrapper"},s({})):Y("bottom")])]:[])]))]))},I},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("date-picker"),defaultMaskPlaceholder="_",maskedTypes=["year","month","date","datetime","time"],inputMaskedKeys=["y","M","d","H","m","n","s"],parseInputKayMaps={};function createReactData(){return{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",labelFlag:0}}function createInternalData(){return{inputLabel:"",laseFocusMasked:0}}inputMaskedKeys.forEach(e=>{parseInputKayMaps[e]=!0});var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.autoClose},maskedConfig:Object,prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object,startWeek:Number},emits:["update:modelValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(w,e){let{slots:T,emit:l}=e,i=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),n=(0,_vue.inject)("$xeTable",null),d=(0,_vue.inject)("$xeCard",null),r=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let W=(0,_ui.useSize)(w).computeSize,P=(0,_vue.reactive)(createReactData()),V=createInternalData(),M=(0,_vue.ref)(),U=(0,_vue.ref)(),H=(0,_vue.ref)(),R=(0,_vue.ref)(),N=(0,_vue.ref)(),x={refElem:M,refInput:U},I={xID:t,props:w,context:e,reactData:P,internalData:V,getRefMaps:()=>x},Z=(0,_vue.computed)(()=>{var e=w.transfer,t=L.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(n||i||u||d||r)return!0}return e}),K=(0,_vue.computed)(()=>{var e=w.readonly;return null===e?!!r&&r.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=w.disabled;return null===e?!!r&&r.props.disabled:e}),y=(0,_vue.computed)(()=>{var e=w.type;return"time"===e}),F=(0,_vue.computed)(()=>{var e=w.type;return y.value||"datetime"===e}),b=(0,_vue.computed)(()=>F.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),j=(0,_vue.computed)(()=>w.clearable),k=(0,_vue.computed)(()=>F.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),E=(0,_vue.computed)(()=>{let{modelValue:e,type:t,multiple:a}=w;var l=k.value;let i=p.value;return a&&e&&l?_xeUtils.default.toValueString(e).split(",").map(e=>{e=(0,_util.parseDateValue)(e,t,{valueFormat:i});return _xeUtils.default.isValidDate(e),e}):[]}),J=(0,_vue.computed)(()=>w.startDate?_xeUtils.default.toStringDate(w.startDate):null),Q=(0,_vue.computed)(()=>w.endDate?_xeUtils.default.toStringDate(w.endDate):null),D=(0,_vue.computed)(()=>w.multiple?_xeUtils.default.toNumber(w.limitCount):0),C=(0,_vue.computed)(()=>{var e=E.value;let t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),S=(0,_vue.computed)(()=>{var e=w.multiple,t=D.value,a=C.value;return!(!e||!t)&&a.length>=t}),X=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=w;return K.value||a||!t||"week"===e||"quarter"===e}),ee=(0,_vue.computed)(()=>{var e=w.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),te=(0,_vue.computed)(()=>{var e=w.immediate;return e}),ae=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.timeConfig,w.timeConfig)),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.popupConfig,w.popupConfig)),O=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,w.shortcutConfig)),le=(0,_vue.computed)(()=>{var e=O.value.options;return e?e.map((e,t)=>Object.assign({name:""+(e.name||e.code||t)},e)):[]}),g=(0,_vue.computed)(()=>{var e=w.labelFormat;return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+w.type)}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=w;return(0,_util.handleValueFormat)(e,t)}),B=(0,_vue.computed)(()=>g.value),_=(0,_vue.computed)(()=>{var e=w.startDay;return _xeUtils.default.toNumber(e)}),q=(0,_vue.computed)(()=>{let{type:t,multiple:e}=w;var a=P.inputValue;let l=g.value,i=p.value,u=_.value;return(a?e?a.split(","):[a]:[]).map(e=>(0,_util.parseDateObj)(e,t,{valueFormat:i,labelFormat:l,firstDay:u}).label).join(", ")}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.maskedConfig,w.maskedConfig)),z=(0,_vue.computed)(()=>{var e=$.value.maskPlaceholder;return(e?(""+e)[0]:"")||defaultMaskPlaceholder}),ie=()=>{var e=w.modelValue;let t="";e&&(t=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),P.inputValue=t},G=(e,t)=>{V.inputLabel=e,t&&P.labelFlag++},v=e=>{var t=P.inputValue;h(e.type,{value:t},e)},c=(e,t)=>{var a,{type:l,modelValue:i,valueFormat:u}=w,n=p.value;P.inputValue=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}))?a.getTime():null,s(a),i!==a&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}),s(a),(i&&a?_xeUtils.default.toStringDate(i).getTime()!==a.getTime():i!==a)&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(s(e),_xeUtils.default.toValueString(i)!==e&&(h("change",{value:e},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,e))},ue=e=>{var t=e.target.value;G(t,!0),h("input",{value:t},e)},ne=e=>{te.value||v(e)},re=e=>{var t;A.value||(t=P.inputValue,h("prefix-click",{value:t},e))},f=()=>new Promise(e=>{P.visiblePanel=!1,V.hpTimeout=setTimeout(()=>{P.isAniVisible=!1,e()},350)}),oe=(a,e)=>{var{modelValue:t,multiple:l}=w,i=F.value;let u=p.value;var n=_.value;"week"===w.type&&(o=_xeUtils.default.toNumber(w.selectDay),a=_xeUtils.default.getWhatWeek(a,0,o,n));let r=_xeUtils.default.toDateString(a,u,{firstDay:n});if(l){var o=S.value;if(i){n=e?[]:[...E.value];let t=[];l=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));if(-1===l){if(o)return;n.push(a)}else n.splice(l,1);n.forEach(e=>{e&&t.push(e)}),c(t.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else{i=e?[]:C.value;i.some(e=>_xeUtils.default.isEqual(e,r))?c(i.filter(e=>!_xeUtils.default.isEqual(e,r)).join(","),{type:"update"}):o||c(i.concat([r]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(t,r)||c(r,{type:"update"})},se=()=>{var e=q.value;G(e,!0)},m=i=>{var{type:a,editable:l,multiple:e,maskedConfig:u}=w,n=V.inputLabel;let r=g.value;var o=$.value,s=J.value,d=Q.value;if(i){l&&!e&&((0,_utils.isEnableConf)(u)||o.enabled)&&(l=r.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g")))&&l.forEach(t=>{var a=r.indexOf(t);if(-1<a){var l=i.slice(a,a+t.length).replace(/\D/g,"");if(l){let e=_xeUtils.default.toNumber(l);!e&&["MM","dd"].includes(t)&&(e=1),i=i.slice(0,a)+_xeUtils.default.padStart((0,_util.checkDateInputFormat)(e,t),t.length,"0")+i.slice(a+t.length)}}});e=N.value;if(e)return e.checkValue(i);let t=(0,_util.parseDateValue)(i,a,{valueFormat:r});if(_xeUtils.default.isValidDate(t))if("time"===a)n!==(t=_xeUtils.default.toDateString(t,r))&&c(t,{type:"check"}),G(t,!0);else{d&&t>d&&(t=d),s&&t<s&&(t=s);let e=!1;u=_.value,l=("datetime"===a&&(o=P.inputValue,i===_xeUtils.default.toDateString(o,r))&&i===_xeUtils.default.toDateString(t,r)||(e=!0),_xeUtils.default.toDateString(t,r,{firstDay:u}));G(l,!0),e&&oe(t)}else se()}else c("",{type:"check"})},de=(e,t)=>{b.value&&f(),c("",e),h("clear",{value:t},e)},ve=e=>{var t;A.value||(t=P.inputValue,h("suffix-click",{value:t},e))},pe=(e,t,a)=>{var l=$.value.align,i=z.value,u=_xeUtils.default.toNumber(e);let n=(0,_util.checkDateInputFormat)(u,t),r=""+(n=a&&!n&&["MM","dd"].includes(t)?1:n);return e.length>r.length&&(r=r.padStart(e.length,"0")),a?_xeUtils.default.padStart(r,t.length,"0"):_xeUtils.default["right"===l?"padStart":"padEnd"](r,t.length,i)},ce=(e,a,l,i,u)=>{var{type:n,multiple:r}=w;if(!r){r=U.value;if(r){var o=r.value;if(o){var s=B.value,d=g.value,v=_.value,p=z.value,c=r.selectionStart||0;let t=s[c];parseInputKayMaps[t]||(t=s[c-1]);var f,m,c=s.match(new RegExp(t+"+"));c&&(a||l?(l=c[0]||"",f=(c=c.index||0)+l.length,m=o.slice(c,f),parseInputKayMaps[t]&&(m=((0,_util.isAllSameChar)(m,p)?(0,_util.getChunkDefaultNum)(t):_xeUtils.default.toNumber(m))+(a?1:-1),a=o.slice(0,c)+pe(""+m,l,!0)+o.slice(f),e.preventDefault(),-1===a.indexOf(p)?(m=(0,_util.parseDateValue)(a,n,{valueFormat:d}),_xeUtils.default.isValidDate(m)&&(l=_xeUtils.default.toDateString(m,d,{firstDay:v}),r.value=l,G(l,!1))):(r.value=a,G(a,!1))),r.setSelectionRange(c,f)):(i||u)&&-1<inputMaskedKeys.indexOf(t)&&(o=_xeUtils.default.map(s.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),p=_xeUtils.default.findIndexOf(o,e=>t===e[0]),m=(n=i?o[p-1]||o[0]:o[p+1]||o[o.length-1])?n[0]:"",d=s.match(new RegExp(m+"+")))&&(e.preventDefault(),l=(v=d.index||0)+d[0].length,r.setSelectionRange(v,l)),V.isTriggerMasked=!0)}}}},fe=n=>{var r=w.multiple;if(!r){var o=U.value;if(o){r=(0,_dom.hasControlKey)(n);if(!r){n.preventDefault();var r=n.key,s=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.DELETE),d=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.BACKSPACE),r="0"<=r&&r<="9",n=r?n.key:"";if(s||d||r){var v=V.isTriggerMasked,p=$.value.align,c=B.value,f=z.value;let i=o.value||c;var m=o.selectionStart||0,g=o.selectionEnd||0;let u=c[m];parseInputKayMaps[u]||(u=c[m-1]);var _=c.match(new RegExp(u+"+"));if(_){var h=_xeUtils.default.map(c.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),x=_[0]||"",y=_.index||0,b=y+x.length,k=h.indexOf(u),m=!m&&g===i.length&&1<h.length,g=i&&i.length!==c.length;(m||g)&&(i=c);let e=s?"":i.slice(y,b);g=e.match(/\d/g)||[],v=v&&!d?[]:g.slice(0);r?(v.push(n),e=pe(v.join(""),x,!1)):d&&(v.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](v.join(""),x.length,f));let t=i.slice(0,y)+e+i.slice(b);if(t=t.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),m){if(d||s){r=h[0],n=c.match(new RegExp(r+"+"));if(n)return x=n[0],o.setSelectionRange(0,x.length),void(V.isTriggerMasked=!0)}}else if(d&&!g.length){for(let e=k-1;0<=e;e--){var E=h[e],E=c.match(new RegExp(E+"+"));if(E){var D=E[0],E=E.index||0,C=E+D.length;let e=t.slice(E,C);var S=e.match(/\d/g)||[];if(S.length)return S.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](S.join(""),D.length,f),t=t.slice(0,E)+e+t.slice(C),o.value=t,G(t,!1),void o.setSelectionRange(E,C)}}y=h[0],b=c.match(new RegExp(y+"+"));return b?(m=b[0],t=c.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),o.setSelectionRange(0,m.length),void(V.isTriggerMasked=!0)):void 0}let a=_.index||0,l=a+_[0].length;v.length>=e.length?(s=h.slice(k+1),-1<k&&((r=s.length?c.match(new RegExp(`(${s.join("|")})+`)):null)&&(a=r.index||0,l=a+r[0].length),o.setSelectionRange(a,l)),V.isTriggerMasked=!0):(o.setSelectionRange(a,l),V.isTriggerMasked=!1)}}}}}},me=(t,i)=>{V.fsTimeout=void 0;var{type:u,multiple:n,modelValue:r}=w;if(!n&&maskedTypes.includes(u)){n=U.value;if(n){u=V.laseFocusMasked;if(!(u&&Date.now()-u<100)){u=B.value;let l=z.value;var a=n.selectionStart||0,o=n.selectionEnd||0,s=n.value,d=_xeUtils.default.map(u.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]);if(!s){let e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);if(i&&r){let t=(""+_xeUtils.default.toNumber(r)).match(/\d/g)||[],a=0;e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),e=>t[a++]||e)}var i=d[0],r=u.match(new RegExp(i+"+"));if(r)return t.preventDefault(),i=r[0],n.value=e,G(e,!1),n.setSelectionRange(0,i.length),void(V.laseFocusMasked=Date.now())}r=!a&&o===s.length&&1<d.length,i=s&&s.length!==u.length;if(r||i){let a="";if(i&&s){let e=s.match(/\d/g)||[],t=0;a=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),()=>e[t++]||l)}else u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);var o=d[0],r=u.match(new RegExp(o+"+"));if(r)return t.preventDefault(),i=r[0],n.value=a,G(a,!1),n.setSelectionRange(0,i.length),void(V.laseFocusMasked=Date.now())}let e=u[a];(e=parseInputKayMaps[e]?e:u[a-1])&&(t.stopPropagation(),s=u.match(new RegExp(e+"+")))&&(d=s[0]||"",r=(o=s.index||0)+d.length,n.setSelectionRange(o,r),V.isTriggerMasked=!0,V.laseFocusMasked=Date.now())}}}},ge=e=>{var t,a=P.inputValue;te.value||c(a,e),P.visiblePanel||(t=V.inputLabel,P.isActivated=!1,m(t)),h("blur",{value:a},e),r&&o&&r.triggerItemEvent(e,o.itemConfig.field,a)},_e=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=V.fsTimeout,u=$.value,n=L.value.trigger;P.isActivated=!0,i&&clearTimeout(i),n&&"default"!==n?"icon"===n&&f():Ue(e),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(V.fsTimeout=setTimeout(()=>{me(e,!0)},20)),v(e)},he=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=V.fsTimeout,u=$.value;i&&clearTimeout(i),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(V.fsTimeout=setTimeout(()=>{me(e)},10)),v(e)},xe=e=>{var{type:t,editable:a,maskedConfig:l}=w,i=P.visiblePanel,u=$.value,n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER);a&&(d?(a=V.inputLabel,i&&f(),m(a)):maskedTypes.includes(t)&&((0,_utils.isEnableConf)(l)||u.enabled)&&(u.isArrow&&(n||r||o||s)?ce(e,n,r,o,s):u.isMasked&&fe(e))),v(e)},ye=e=>{v(e)},be=e=>{var t=N.value;t&&t.confirmByEvent(e),f()},ke=e=>{var{multiple:t,autoClose:a}=w,{value:e,$event:l}=e,i=F.value;c(e,l),t||i||a&&f()},Ee=e=>{h("confirm",e,e.$event)},De=e=>{G(e.label,!0)},Ce=e=>{var{visiblePanel:t,isActivated:a}=P,l=M.value,i=R.value;!A.value&&a&&((l=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,i).flag)!==a&&(P.isActivated=l),l||t&&(f(),e=V.inputLabel,m(e)))},Se=e=>{var t,{isActivated:a,visiblePanel:l}=P;A.value||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&a&&(P.isActivated=!1),l&&(e||t)&&f())},we=e=>{var t=P.visiblePanel;A.value||t&&(t=R.value,((0,_dom.getEventTargetNode)(e,t).flag?a:f)())},Te=()=>{var{isActivated:e,visiblePanel:t}=P;t&&f(),e&&(P.isActivated=!1),(t||e)&&(m(V.inputLabel),t=U.value)&&t.blur()},Pe=()=>{var e=P.visiblePanel;e&&a()},Ve=()=>{var e=L.value.zIndex||w.zIndex;e?P.panelIndex=_xeUtils.default.toNumber(e):P.panelIndex<(0,_utils.getLastZIndex)()&&(P.panelIndex=(0,_utils.nextZIndex)())},a=()=>{let a=w.placement,l=P.panelIndex,i=U.value,u=H.value;if(!u)return(0,_vue.nextTick)();let n=Z.value,r=L.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:l});P.panelStyle=t,P.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},Me=()=>{var e=P.visiblePanel;return(A.value||e?(0,_vue.nextTick):(P.initialized||(P.initialized=!0),V.hpTimeout&&(clearTimeout(V.hpTimeout),V.hpTimeout=void 0),P.isActivated=!0,P.isAniVisible=!0,setTimeout(()=>{P.visiblePanel=!0,a()},10),Ve(),a))()},Ue=e=>{K.value||(e.preventDefault(),Me())},Re=e=>{var t=P.visiblePanel,a=L.value.trigger;a&&"default"!==a&&"icon"!==a||(t?f():Ue(e))},Ne=({option:e,$event:t})=>{var a=w.type,l=P.inputValue,i=O.value,u=i.autoClose,{code:n,clickMethod:r}=e,o=l,s={$datePicker:I,option:e,value:o,code:n};if(!r&&n){l=_ui.commands.get(n),e=l?l.datePickerCommandMethod:null;if(e)e(s);else{var d=p.value,v=_.value;switch(n){case"now":case"prev":case"next":case"minus":case"plus":o=(0,_util.getDateByCode)(n,o,a,{valueFormat:d,firstDay:v}).value;s.value=o,c(o,t);break;default:errLog("vxe.error.notCommands",[n])}}}else{l=r||i.clickMethod;l&&l(s)}u&&f(),h("shortcut-click",s,t)},h=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$datePicker:I},t))},s=e=>{l("update:modelValue",e)};t={dispatchEvent:h,setModelValue(e){P.inputValue=e,s(e)},setModelValueByEvent(e,t){c(t||"",e)},focus(){var e=U.value;return P.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(P.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(P.isActivated=!1,_vue.nextTick)()},showPanel:Me,hidePanel:f,updatePlacement:a};Object.assign(I,t);let Y=(e,t)=>{var a=O.value,{position:l,align:i,mode:u}=a,n=le.value;return(0,_utils.isEnableConf)(a)&&n.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:n,mode:u,align:i,vertical:t,onClick:Ne})]):(0,_ui.renderEmptyElement)(I)},Ie=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:Re},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(q,e=>{G(e,!0)}),(0,_vue.watch)(()=>w.modelValue,()=>{ie()}),ie(),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(I,"mousewheel",we),_ui.globalEvents.on(I,"mousedown",Ce),_ui.globalEvents.on(I,"keydown",Se),_ui.globalEvents.on(I,"blur",Te),_ui.globalEvents.on(I,"resize",Pe)}),(0,_vue.onMounted)(()=>{var{type:e,multiple:t,maskedConfig:a}=w;(0,_utils.isEnableConf)(a)&&(t&&errLog("vxe.error.notSupportProp",["multiple","control-config.enabled=true","control-config.enabled=false"]),maskedTypes.includes(e)||warnLog("vxe.error.notSupportProp",["control-config.enabled=true","type="+e,"type="+maskedTypes.join("|")]))}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(I,"mousewheel"),_ui.globalEvents.off(I,"mousedown"),_ui.globalEvents.off(I,"keydown"),_ui.globalEvents.off(I,"blur"),_ui.globalEvents.off(I,"resize"),_xeUtils.default.assign(P,createReactData()),_xeUtils.default.assign(V,createInternalData())}),(0,_vue.provide)("$xeDatePicker",I),I.renderVN=()=>{var e,t,a,l,i,u,n,r,o,s,d,v,p,c,{className:f,type:m,name:g,autoComplete:_}=w,{inputValue:h,visiblePanel:x,isActivated:y,labelFlag:b}=P,k=V.inputLabel,E=W.value,D=A.value,C=K.value,S=q.value;return C?(0,_vue.h)("div",{ref:M,class:["vxe-date-picker--readonly","type--"+m,f]},S):(C=X.value,S=ee.value,a=j.value,t=w.prefixIcon,l=(l=T.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:re},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:t})])]):null,t=w.suffixIcon,c=P.inputValue,p=T.suffix,i=A.value,e=j.value,i=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":e&&!i&&!(""===c||_xeUtils.default.eqNull(c))}]},[e?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:de},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(I),Ie(),p||t?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:ve},p?(0,_vn.getSlotVNs)(p({})):[(0,_vue.h)("i",{class:t})]):(0,_ui.renderEmptyElement)(I)]),(0,_vue.h)("div",{ref:M,class:["vxe-date-picker","type--"+m,f,{["size--"+E]:E,"is--prefix":!!l,"is--suffix":!!i,"is--visible":x,"is--disabled":D,"is--active":y,"show--clear":a&&!D&&!(""===h||_xeUtils.default.eqNull(h))}],spellcheck:!1},[l||(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-date-picker--inner",value:b?k:"",name:g,type:"text",placeholder:S,readonly:C,disabled:D,autocomplete:_,onKeydown:xe,onKeyup:ye,onClick:he,onInput:ue,onChange:ne,onFocus:_e,onBlur:ge})]),i||(0,_ui.renderEmptyElement)(I),!1===(c=L.value).enabled?(0,_ui.renderEmptyElement)(I):({type:e,multiple:p,showClearButton:t,showConfirmButton:m}=w,{initialized:f,isAniVisible:E,visiblePanel:x,panelPlacement:y,panelStyle:a,inputValue:h}=P,l=W.value,b=Z.value,k=O.value,g=j.value,S=F.value,C=le.value,D=ae.value,_=J.value,i=Q.value,u=c.appendTo,k=k.position,n=T.header,r=T.footer,o=T.top,s=T.bottom,d=T.left,v=T.right,c=c.className,C=0<C.length,S=null===m?S||p:m,p=null===t?g&&S&&"time"!==e:t,(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(u),disabled:!b||!f},[(0,_vue.h)("div",{ref:H,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,c?_xeUtils.default.isFunction(c)?c({$datePicker:I}):c:"",{["size--"+l]:l,"is--transfer":b,"ani--leave":E,"ani--enter":x,"show--top":!!(o||n||C&&("top"===k||"header"===k)),"show--bottom":!!(s||r||C&&("bottom"===k||"footer"===k)),"show--left":!!(d||C&&"left"===k),"show--right":!!(v||C&&"right"===k)}],placement:y,style:a},f&&(x||E)?[(0,_vue.h)("div",{ref:R,class:["vxe-date-picker--layout-all-wrapper","type--"+e,{["size--"+l]:l}]},[o?(0,_vue.h)("div",{class:"vxe-date-picker--layout-top-wrapper"},o({})):Y("top"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[d?(0,_vue.h)("div",{class:"vxe-date-picker--layout-left-wrapper"},d({})):Y("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[n?(0,_vue.h)("div",{class:"vxe-date-picker--layout-header-wrapper"},n({})):Y("header"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:N,modelValue:P.inputValue,type:w.type,className:w.className,multiple:w.multiple,limitCount:w.limitCount,startDate:_,endDate:i,defaultDate:w.defaultDate,defaultTime:w.defaultTime,minDate:w.minDate,maxDate:w.maxDate,startDay:w.startDay,labelFormat:w.labelFormat,valueFormat:w.valueFormat,timeFormat:w.timeFormat,timeConfig:D,festivalMethod:w.festivalMethod,disabledMethod:w.disabledMethod,selectDay:w.selectDay,onChange:ke,onConfirm:Ee,onRevert:De})]),(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-custom"},r?r({}):[Y("footer")]),p||S?(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-btns"},[p?(0,_vue.h)(_button.default,{size:"mini",disabled:""===h||_xeUtils.default.eqNull(h),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:de}):(0,_ui.renderEmptyElement)(I),S?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:be}):(0,_ui.renderEmptyElement)(I)]):(0,_ui.renderEmptyElement)(I)])]),v?(0,_vue.h)("div",{class:"vxe-date-picker--layout-right-wrapper"},v({})):Y("right",!0)]),s?(0,_vue.h)("div",{class:"vxe-date-picker--layout-bottom-wrapper"},s({})):Y("bottom")])]:[])]))]))},I},render(){return this.renderVN()}});

package/lib/date-range-picker/src/date-range-picker.js

@@ -157,6 +157,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const $xeModal = (0, _vue.inject)('$xeModal', null);
     const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
     const $xeTable = (0, _vue.inject)('$xeTable', null);
+    const $xeCard = (0, _vue.inject)('$xeCard', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
     const xID = _xeUtils.default.uniqueId();
@@ -197,7 +198,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true;
         }
       }