vxe-pc-ui 3.16.21 → 3.16.22

package/lib/index.umd.js

@@ -13260,7 +13260,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.16.21");
+var uiVersion = "ui v".concat("3.16.22");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13280,7 +13280,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.16.21";
+var ui_version = "3.16.22";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -30833,6 +30833,8 @@ var CollapsePane = VxeCollapsePane;
 
 
 
+
+
 var hexAlphaKeyMaps = {};
 var hexAlphaNumMaps = {};
 '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(function (key, i) {
@@ -30842,13 +30844,148 @@ var hexAlphaNumMaps = {};
 });
 var 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));
 }
 var 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 toRgb(value) {
+  if (value) {
+    if (hexRE.test(value)) {
+      return hexToRgb(value);
+    }
+    return parseRgbVal(value);
+  }
+  return null;
+}
+function toRgbString(value) {
+  var 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) {
+  var hexRest = toHex(value);
+  if (hexRest) {
+    return hexRest.label;
+  }
+  return '';
+}
+function toHsl(value) {
+  var rgbRest = toRgb(value);
+  if (rgbRest) {
+    var hslRest = rgbToHsl(rgbRest);
+    if (hslRest) {
+      var rest = _objectSpread2({
+        value: value,
+        type: 'hsl'
+      }, hslRest);
+      return rest;
+    }
+  }
+  return null;
+}
+function toHsv(value) {
+  var rgbRest = toRgb(value);
+  if (rgbRest) {
+    var hslRest = rgbToHsv(rgbRest);
+    if (hslRest) {
+      var rest = _objectSpread2({
+        value: value,
+        type: 'hsv'
+      }, hslRest);
+      return rest;
+    }
+  }
+  return null;
 }
-function parseColor(value) {
+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) {
+    var colorRest = parseColor(val);
+    var hslRest = toHsl(val);
+    if (colorRest && hslRest) {
+      ratio = ratio === 0 ? 0 : ratio || 10;
+      hslRest.l += (isAdd ? ratio : -ratio) / 100;
+      hslRest.l = handleNumClamp(hslRest.l);
+      var 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;
+  };
+}
+var lighten = createLightenDarken(1);
+var darken = createLightenDarken(0);
+function parseHexVal(value) {
+  if (value) {
+    var hexRest = value.match(hexRE);
+    if (hexRest) {
+      var rest = {
+        value: 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) {
+    var rgbRest = value.match(rgbRE);
+    if (rgbRest) {
+      var rest = {
+        value: 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) {
   var rest = {
     value: '',
     type: '',
@@ -30861,58 +30998,44 @@ function parseColor(value) {
     a: 1
   };
   if (value) {
-    var 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;
-    }
-    var 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) {
   var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  var colorRest = parseColor(value);
-  var type = colorRest.type,
-    hexV = colorRest.hexV,
-    r = colorRest.r,
-    g = colorRest.g,
-    b = colorRest.b;
-  if (type === 'rgb' || type === 'rgba') {
-    return toRgb(r, g, b, alpha);
-  }
-  if (type === 'hex') {
-    return "#".concat(hexV).concat(alpha === 1 ? '' : hexAlphaNumMaps[alpha] || '');
+  var colorRest = parseValColor(value);
+  if (colorRest) {
+    var type = colorRest.type;
+    if (type === 'hex') {
+      return "#".concat(colorRest.hexV).concat(alpha === 1 ? '' : hexAlphaNumMaps[alpha] || '');
+    }
+    return toValRgb(colorRest.r, colorRest.g, colorRest.b, alpha);
   }
   return '';
 }
-function toRgb(r, g, b, a) {
-  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(a)) {
+function toValRgb(r, g, b, a) {
+  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(a) || a === 1) {
     return "rgb(".concat(r, ",").concat(g, ",").concat(b, ")");
   }
   return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
 }
-function rgbToHex(rgbRest) {
-  if (!rgbRest) {
-    return '';
+function rgbValToHex(value) {
+  var rgbRest = parseRgbVal(value);
+  if (rgbRest) {
+    var hexVal = rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, rgbRest.a);
+    if (hexVal) {
+      return parseHexVal(hexVal);
+    }
   }
-  var r = rgbRest.r,
-    g = rgbRest.g,
-    b = rgbRest.b,
-    _rgbRest$a = rgbRest.a,
-    a = _rgbRest$a === void 0 ? 1 : _rgbRest$a;
+  return null;
+}
+function rgbToHexVal(r, g, b, a) {
+  a = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(a) ? a : 1;
   var hexR = r.toString(16).padStart(2, '0');
   var hexG = g.toString(16).padStart(2, '0');
   var hexB = b.toString(16).padStart(2, '0');
@@ -30963,6 +31086,89 @@ function rgbToHsv(rgbRest) {
     v: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().round(val, 2)
   };
 }
+function rgbToHsl(rgbRest) {
+  if (!rgbRest) {
+    return null;
+  }
+  var r = rgbRest.r,
+    g = rgbRest.g,
+    b = rgbRest.b,
+    a = rgbRest.a;
+  var rNorm = r / 255;
+  var gNorm = g / 255;
+  var bNorm = b / 255;
+  var max = Math.max(rNorm, gNorm, bNorm);
+  var min = Math.min(rNorm, gNorm, bNorm);
+  var delta = max - min;
+  var h = 0;
+  var s = 0;
+  var 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: h,
+    s: s,
+    l: l,
+    a: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(a) ? a : 1
+  };
+}
+function hslToRgb(slRest) {
+  if (!slRest) {
+    return null;
+  }
+  var h = slRest.h,
+    s = slRest.s,
+    l = slRest.l;
+  var sNorm = s;
+  var lNorm = l;
+  h = (h % 360 + 360) % 360;
+  var c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
+  var x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  var m = lNorm - c / 2;
+  var 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) {
   var r = 0;
   var g = 0;
@@ -31021,11 +31227,18 @@ function hexToRgb(str) {
   if (str) {
     var 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) {
+      var r = parseInt(rests[2], 16);
+      var g = parseInt(rests[3], 16);
+      var b = parseInt(rests[4], 16);
+      var 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: r,
+        g: g,
+        b: b,
+        a: a
       };
     }
   }
@@ -32463,6 +32676,7 @@ var typeList = [{
       var $xeTable = $xeColorPicker.$xeTable;
       var $xeModal = $xeColorPicker.$xeModal;
       var $xeDrawer = $xeColorPicker.$xeDrawer;
+      var $xeCard = $xeColorPicker.$xeCard;
       var $xeForm = $xeColorPicker.$xeForm;
       var transfer = props.transfer;
       if (transfer === null) {
@@ -32470,7 +32684,7 @@ var typeList = [{
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true;
         }
       }
@@ -32563,31 +32777,41 @@ var typeList = [{
       var isRgb = $xeColorPicker.computeIsRgb;
       var hueSliderEl = $xeColorPicker.$refs.refHueSliderElem;
       var alphaSliderEl = $xeColorPicker.$refs.refAlphaSliderElem;
-      var colorRest = parseColor(selectColor);
-      reactData.hexValue = colorRest.hex;
-      reactData.rValue = colorRest.r;
-      reactData.gValue = colorRest.g;
-      reactData.bValue = colorRest.b;
-      reactData.aValue = colorRest.a;
-      if (colorRest.value) {
-        if (isRgb) {
-          if (colorRest.type === 'hex') {
-            var rgbRest = hexToRgb(colorRest.hex);
-            if (rgbRest) {
-              reactData.rValue = rgbRest.r;
-              reactData.gValue = rgbRest.g;
-              reactData.bValue = rgbRest.b;
-              reactData.aValue = rgbRest.a;
-            }
-          }
+      var colorRest = parseValColor(selectColor);
+      reactData.hexValue = '';
+      reactData.rValue = 0;
+      reactData.gValue = 0;
+      reactData.bValue = 0;
+      reactData.aValue = 1;
+      if (colorRest) {
+        if (colorRest.type === 'hex') {
+          reactData.hexValue = colorRest.hex;
         } else {
-          if (colorRest.type !== 'hex') {
-            reactData.hexValue = rgbToHex(colorRest);
+          reactData.rValue = colorRest.r;
+          reactData.gValue = colorRest.g;
+          reactData.bValue = colorRest.b;
+          reactData.aValue = colorRest.a;
+        }
+        if (colorRest.value) {
+          if (isRgb) {
+            if (colorRest.type === 'hex') {
+              var rgbRest = hexToRgb(colorRest.hex);
+              if (rgbRest) {
+                reactData.rValue = rgbRest.r;
+                reactData.gValue = rgbRest.g;
+                reactData.bValue = rgbRest.b;
+                reactData.aValue = rgbRest.a;
+              }
+            }
+          } else {
+            if (colorRest.type !== 'hex') {
+              reactData.hexValue = rgbToHexVal(colorRest.r, colorRest.g, colorRest.b, colorRest.a);
+            }
           }
         }
       }
       if (isAniVisible) {
-        var hsvRest = colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest);
+        var hsvRest = colorRest ? colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest) : null;
         var colorPanelEl = $xeColorPicker.$refs.refColorPanelElem;
         if (hsvRest) {
           if (colorPanelEl) {
@@ -32600,7 +32824,7 @@ var typeList = [{
           }
         }
         if (alphaSliderEl) {
-          $xeColorPicker.handleAlphaColor(alphaSliderEl.clientWidth * colorRest.a);
+          $xeColorPicker.handleAlphaColor(alphaSliderEl.clientWidth * reactData.aValue);
         }
       }
     },
@@ -32812,7 +33036,7 @@ var typeList = [{
             gNum = itemNum - offsetNum;
             break;
         }
-        reactData.panelColor = toRgb(rNum, gNum, bNum);
+        reactData.panelColor = toValRgb(rNum, gNum, bNum);
         hueSliderBtnEl.style.left = toCssUnit(offsetLeft);
       }
     },
@@ -32893,7 +33117,7 @@ var typeList = [{
         gValue = reactData.gValue,
         bValue = reactData.bValue,
         aValue = reactData.aValue;
-      reactData.selectColor = toRgb(rValue, gValue, bValue, aValue);
+      reactData.selectColor = toValRgb(rValue, gValue, bValue, aValue);
       $xeColorPicker.updateModelColor();
     },
     handleInputAlphaEvent: function handleInputAlphaEvent() {
@@ -32954,12 +33178,12 @@ var typeList = [{
         var colorPanelRect = colorPanelEl.getBoundingClientRect();
         var offsetTop = Math.min(clientHeight, Math.max(0, clientY - colorPanelRect.y));
         var offsetLeft = Math.min(clientWidth, Math.max(0, clientX - colorPanelRect.x));
-        var colorRest = parseColor(panelColor);
+        var colorRest = parseValColor(panelColor);
         if (colorRest) {
           var hsvRest = colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest);
           if (hsvRest) {
             var ragRest = hsvToRgb(hsvRest.h, offsetLeft / clientWidth, 1 - offsetTop / clientHeight);
-            reactData.selectColor = toRgb(ragRest.r, ragRest.g, ragRest.b, showAlpha ? aValue : null);
+            reactData.selectColor = toValRgb(ragRest.r, ragRest.g, ragRest.b, showAlpha ? aValue : null);
             $xeColorPicker.handlePanelColor(offsetLeft, offsetTop);
           }
         }
@@ -33290,7 +33514,7 @@ var typeList = [{
             reactData.hexValue = val;
           },
           change: function change() {
-            var colorRest = parseColor(reactData.hexValue);
+            var colorRest = parseValColor(reactData.hexValue);
             if (colorRest) {
               if (colorRest.value) {
                 reactData.selectColor = colorRest.value;
@@ -33458,6 +33682,7 @@ var typeList = [{
 
 
 
+
 var VxeColorPicker = Object.assign({}, color_picker, {
   install: function install(app) {
     app.component(color_picker.name, color_picker);
@@ -33465,6 +33690,19 @@ var VxeColorPicker = Object.assign({}, color_picker, {
 });
 dynamicApp.use(VxeColorPicker);
 VxeUI.component(color_picker);
+VxeUI.color = {
+  parseColor: parseColor,
+  hasRgb: hasRgb,
+  hasHex: hasHex,
+  toRgb: toRgb,
+  toRgbString: toRgbString,
+  toHex: toHex,
+  toHexString: toHexString,
+  toHsl: toHsl,
+  toHsv: toHsv,
+  lighten: lighten,
+  darken: darken
+};
 var ColorPicker = VxeColorPicker;
 /* harmony default export */ var packages_color_picker = (VxeColorPicker);
 ;// ./packages/context-menu/src/context-menu.ts
@@ -37114,6 +37352,7 @@ function date_picker_createInternalData() {
       var $xeTable = $xeDatePicker.$xeTable;
       var $xeModal = $xeDatePicker.$xeModal;
       var $xeDrawer = $xeDatePicker.$xeDrawer;
+      var $xeCard = $xeDatePicker.$xeCard;
       var $xeForm = $xeDatePicker.$xeForm;
       var transfer = props.transfer;
       var popupOpts = $xeDatePicker.computePopupOpts;
@@ -37125,7 +37364,7 @@ function date_picker_createInternalData() {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true;
         }
       }
@@ -39001,6 +39240,7 @@ function date_range_picker_createInternalData() {
       var $xeTable = $xeDateRangePicker.$xeTable;
       var $xeModal = $xeDateRangePicker.$xeModal;
       var $xeDrawer = $xeDateRangePicker.$xeDrawer;
+      var $xeCard = $xeDateRangePicker.$xeCard;
       var $xeForm = $xeDateRangePicker.$xeForm;
       var transfer = props.transfer;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
@@ -39012,7 +39252,7 @@ function date_range_picker_createInternalData() {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true;
         }
       }
@@ -50796,6 +51036,7 @@ function select_createInternalData() {
       var $xeTable = $xeSelect.$xeTable;
       var $xeModal = $xeSelect.$xeModal;
       var $xeDrawer = $xeSelect.$xeDrawer;
+      var $xeCard = $xeSelect.$xeCard;
       var $xeForm = $xeSelect.$xeForm;
       var transfer = props.transfer;
       var popupOpts = $xeSelect.computePopupOpts;
@@ -50807,7 +51048,7 @@ function select_createInternalData() {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true;
         }
       }