@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/progress/generates.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateColor = generateColor;
-
 var _constants = require("./constants");
-
 function generateColor(s, percent, gradient) {
   try {
     const gradientColorArr = generate(s, percent, gradient);
@@ -14,45 +12,34 @@ function generateColor(s, percent, gradient) {
   } catch (e) {
     return undefined;
   }
-
   return undefined;
 }
-
 function generate(s, percent, gradient) {
   s.sort((a, b) => a.percent - b.percent);
-
   if (s[0].percent > percent) {
     return _constants.strings.STROKE_DEFAULT;
   }
-
   const endS = s[s.length - 1];
-
   if (endS.percent < percent) {
     return formatToHex(endS.color);
   }
-
   for (const [index, item] of s.entries()) {
     if (item.percent === percent) {
       return formatToHex(item.color);
     }
-
     if (percent > item.percent) continue;
     const oldItem = s[index - 1];
-
     if (!gradient) {
       return formatToHex(oldItem.color);
     }
-
     return generateGradients({
       startColor: formatToHex(oldItem.color),
       endColor: formatToHex(item.color),
       size: item.percent - oldItem.percent - 1
     }, percent - oldItem.percent - 1);
   }
-
   return undefined;
 }
-
 function generateGradients(g, index) {
   const {
     startColor,
@@ -69,7 +56,6 @@ function generateGradients(g, index) {
   const gStep = (gC[0] - gC[1]) / (size + 1);
   const bStep = (bC[0] - bC[1]) / (size + 1);
   const aStep = (aC[0] - aC[1]) / (size + 1);
-
   function tHex(i) {
     const rS = Math.round(rC[0] - rStep * (i + 1)).toString(16);
     const gS = Math.round(gC[0] - gStep * (i + 1)).toString(16);
@@ -78,91 +64,71 @@ function generateGradients(g, index) {
     const t = Math.floor(aStep * (i + 1) + aC[1]).toString(16);
     return toHex.Hex(`#${h}`, t);
   }
-
   function padTwo(s) {
     if (s.length === 1) {
       return `0${s}`;
     }
-
     if (s.length === 0) {
       return '00';
     }
-
     return s;
   }
-
   if (typeof index === 'undefined') {
     const gradientColorArr = [startColor];
-
     for (let i = 0; i < size; i += 1) {
       gradientColorArr.push(tHex(i));
     }
-
     return gradientColorArr;
   }
-
   return tHex(index);
-} // Resolve the colour type contained within `ColorType` to Hex
-
-
+}
+// Resolve the colour type contained within `ColorType` to Hex
 function formatToHex(color) {
-  color = color.trim().toLowerCase(); // Hex
-
+  color = color.trim().toLowerCase();
+  // Hex
   if (REG_S.hex.test(color)) {
     return toHex.Hex(color, undefined);
-  } // Hsl or Hsla
-
-
+  }
+  // Hsl or Hsla
   if (REG_S.hslA.test(color)) {
     return toHex.Hex(toHex.HslA(color), undefined);
-  } // Rgb or Rgba
-
-
+  }
+  // Rgb or Rgba
   if (REG_S.rgbA.test(color)) {
     return toHex.Hex(toHex.RgbA(color), undefined);
-  } // Semi Design Tokens
-
-
+  }
+  // Semi Design Tokens
   if (REG_S.semiDesignTokens.test(color)) {
     if (SEMI_DESIGN_TOKENS.ALONG.indexOf(color) !== -1) {
       return toHex.SemiDesignToken(color);
     }
-
     if (SEMI_DESIGN_TOKENS.SEQUENCE.indexOf(color) !== -1) {
       return toHex.SemiDesignToken(`${color}-5`);
     }
-
     return toHex.SemiDesignToken(`${color}`);
   }
-
   return undefined;
 }
-
 const toHex = {
   Hex(color, transparency) {
     color = color.replace('#', '');
     if (color.length === 8) return `#${color}`;
     if (color.length === 6) return `#${color}${transparency || 'ff'}`;
-
     if (color.length === 3) {
       color = color.split('').map(c => c + c).join('');
     }
-
     return `#${color}${transparency || 'ff'}`;
   },
-
   SemiDesignToken(color) {
     // ! Only produces effects when used, the conditions for running need to occur after the real DOM is rendered
     if (typeof window === 'undefined') {
       return undefined;
     }
-
     const variable = getComputedStyle(document.body).getPropertyValue(`--semi-${color}`);
     if (variable === '') return undefined;
     const rgba = `rgba(${variable}, 1)`;
     return toHex.RgbA(rgba);
   },
-
   HslA(color) {
     const hsla = REG_S.hslA.exec(color);
     const h = parseInt(hsla[2]);
@@ -170,12 +136,11 @@ const toHex = {
     const l = parseInt(hsla[4]) / 100;
     const a = hsla[5];
     const c = (1 - Math.abs(2 * l - 1)) * s,
-          x = c * (1 - Math.abs(h / 60 % 2 - 1)),
-          m = l - c / 2;
+      x = c * (1 - Math.abs(h / 60 % 2 - 1)),
+      m = l - c / 2;
     let r = 0,
-        g = 0,
-        b = 0;
-
+      g = 0,
+      b = 0;
     if (0 <= h && h < 60) {
       r = c;
       g = x;
@@ -201,37 +166,31 @@ const toHex = {
       g = 0;
       b = x;
     }
-
     r = Math.round((r + m) * 255).toString(16);
     g = Math.round((g + m) * 255).toString(16);
     b = Math.round((b + m) * 255).toString(16);
     return toHex.utils.pAL(r, g, b, a);
   },
-
   RgbA(color) {
     const rgba = REG_S.rgbA.exec(color);
     const r = parseInt(rgba[2], 10).toString(16),
-          g = parseInt(rgba[3], 10).toString(16),
-          b = parseInt(rgba[4], 10).toString(16),
-          a = rgba[5];
+      g = parseInt(rgba[3], 10).toString(16),
+      b = parseInt(rgba[4], 10).toString(16),
+      a = rgba[5];
     return toHex.utils.pAL(r, g, b, a);
   },
-
   utils: {
     pAL(r, g, b, a) {
       if (r.length == 1) r = '0' + r;
       if (g.length == 1) g = '0' + g;
       if (b.length == 1) b = '0' + b;
-
       if (typeof a !== 'undefined') {
         a = Math.round(parseInt(a) * 255).toString(16);
         if (a.length == 1) a = '0' + a;
         return '#' + r + g + b + a;
       }
-
       return '#' + r + g + b;
     }
-
   }
 };
 const REG_S = {
@@ -239,8 +198,8 @@ const REG_S = {
   hslA: /(hsl)a?\(\s*?(\d+),?\s*?(\d+)%,?\s*?(\d+)%,?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
   rgbA: /(rgb)a?\(\s*?(\d+),?\s*?(\d+),?\s*?(\d+),?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
   semiDesignTokens: /(\w+)?-?(\w+)-?(\d)?/
-}; // From src/components/palette.js
-
+};
+// From src/components/palette.js
 const SEMI_DESIGN_TOKENS = {
   // No sequence
   ALONG: ["black", "white"],

package/lib/cjs/radio/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.radioGroupClasses = exports.radioClasses = exports.numbers = void 0;
-
 var _constants = require("../base/constants");
-
 const radioClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-radio`,
   INNER: `${_constants.BASE_CLASS_PREFIX}-radio-inner`,

package/lib/cjs/radio/radioFoundation.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _warning = _interopRequireDefault(require("../utils/warning"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class RadioFoundation extends _foundation.default {
   constructor() {
     super(...arguments);
-
     this.handleFocusVisible = event => {
       const {
         target
       } = event;
-
       try {
         if (target.matches(':focus-visible')) {
           this._adapter.setFocusVisible(true);
@@ -28,12 +22,10 @@ class RadioFoundation extends _foundation.default {
         (0, _warning.default)(true, 'Warning: [Semi Radio] The current browser does not support the focus-visible');
       }
     };
-
     this.handleBlur = () => {
       this._adapter.setFocusVisible(false);
     };
   }
-
   init() {
     const {
       children,
@@ -41,24 +33,18 @@ class RadioFoundation extends _foundation.default {
       extraId,
       addonId
     } = this._adapter.getProps();
-
     if (children && !addonId) {
       this._adapter.setAddonId();
     }
-
     if (extra && !extraId) {
       this._adapter.setExtraId();
     }
   }
-
   setHover(hover) {
     this._adapter.setHover(hover);
   }
-
   setChecked(checked) {
     this._adapter.setChecked(checked);
   }
-
 }
-
 exports.default = RadioFoundation;

package/lib/cjs/radio/radioGroupFoundation.js

@@ -4,38 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class RadioGroupFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     const displayValue = this._getDisplayValue();
-
     this._setValue(displayValue);
   }
-
   _getDisplayValue() {
     const {
       value,
       defaultValue
     } = this.getProps();
     let displayValue;
-
     if ('value' in this.getProps()) {
       displayValue = value;
     } else if ('defaultValue' in this.getProps()) {
       displayValue = defaultValue;
     }
-
     return displayValue;
   }
-
   handleChange(evt) {
     const mode = this.getProp('mode');
     const lastValue = this.getState('value');
@@ -43,19 +34,15 @@ class RadioGroupFoundation extends _foundation.default {
       checked,
       value
     } = evt.target;
-
     const isControlledComponent = this._adapter.isInProps('value');
-
     const cbValue = Object.assign(Object.assign({}, evt), {
       target: Object.assign(Object.assign({}, evt.target), {
         value
       })
     });
-
     if (mode === 'advanced' && !checked) {
       cbValue.target.value = undefined;
     }
-
     if (!isControlledComponent) {
       if (mode === 'advanced' && !checked) {
         this._setValue(undefined);
@@ -63,24 +50,18 @@ class RadioGroupFoundation extends _foundation.default {
         this._setValue(value);
       }
     }
-
     if (mode === 'advanced' || lastValue !== value) {
       this._adapter.notifyChange(cbValue);
     }
-  } // call when prop.value change
-
-
+  }
+  // call when prop.value change
   handlePropValueChange(propValue) {
     this._setValue(propValue);
   }
-
   _setValue(value) {
     this._adapter.setValue(value);
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
 }
-
 exports.default = RadioGroupFoundation;

package/lib/cjs/radio/radioInnerFoundation.js

@@ -4,46 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class RadioInnerFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     const checked = this._adapter.getProp('checked');
-
     const defaultChecked = this._adapter.getProp('defaultChecked');
-
     this.setChecked(checked || defaultChecked);
   }
-
   setChecked(checked) {
     this._adapter.setNativeControlChecked(checked);
   }
-
   getChecked() {
     return this._adapter.getProp('checked');
   }
-
   handleChange(e) {
     const isControlledMode = ('checked' in this.getProps());
     const {
       checked
     } = e.target;
-
     const stopPropagation = () => {
       e.stopPropagation();
     };
-
     const preventDefault = () => {
       e.preventDefault();
     };
-
     const cbValue = {
       target: Object.assign(Object.assign({}, this.getProps()), {
         checked
@@ -51,19 +39,14 @@ class RadioInnerFoundation extends _foundation.default {
       stopPropagation,
       preventDefault
     };
-
     if (isControlledMode) {
       this._adapter.notifyChange(cbValue);
     } else {
       this.setChecked(checked);
-
       this._adapter.notifyChange(cbValue);
     }
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
 }
-
 exports.default = RadioInnerFoundation;

package/lib/cjs/rating/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-rating`
 };