@douyinfe/semi-foundation 2.76.1 → 2.77.0-beta.0

package/inputNumber/foundation.ts

@@ -23,7 +23,8 @@ export interface InputNumberAdapter extends DefaultAdapter {
     restoreCursor: (str?: string) => boolean;
     fixCaret: (start: number, end: number) => void;
     setClickUpOrDown: (clicked: boolean) => void;
-    updateStates: (states: BaseInputNumberState, callback?: () => void) => void
+    updateStates: (states: BaseInputNumberState, callback?: () => void) => void;
+    getInputCharacter: (index: number) => string
 }
 
 export interface BaseInputNumberState {
@@ -38,8 +39,13 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     _interval: any;
     _timerHasRegistered: boolean;
     _timer: any;
+    _decimalPointSymbol: string = undefined;
+    _currencySymbol: string = '';
 
     init() {
+        if (this._isCurrency()) {
+            this._setCurrencySymbol();
+        }
         this._setInitValue();
     }
 
@@ -53,6 +59,16 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         return this._isControlledComponent('value');
     }
 
+    _isCurrency() {
+        const { currency } = this.getProps();
+        return currency === true || (typeof currency === 'string' && currency.trim() !== '');
+    }
+
+    _getFinalCurrency() {
+        const { currency } = this.getProps();
+        return currency === true ? this.getProp('defaultCurrency') : currency;
+    }
+
     _doInput(v = '', event: any = null, updateCb: any = null) {
         let notifyVal = v;
         let number = v;
@@ -122,6 +138,28 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         }
     }
 
+    _setCurrencySymbol() {
+        const { localeCode, currencyDisplay } = this.getProps();
+        const parts = new Intl.NumberFormat(localeCode, {
+            style: 'currency',
+            currency: this._getFinalCurrency() || this.getCurrencyByLocaleCode(),
+            currencyDisplay
+        }).formatToParts(1234.5);
+
+        for (const part of parts) {
+            if (part.type === 'decimal') {
+                this._decimalPointSymbol = part.value;
+                console.log('this._decimalPointSymbol: ', this._decimalPointSymbol);
+            }
+            // if (part.type === 'group') {
+            //     groupSeparator = part.value;
+            // }
+            if (part.type === 'currency') {
+                this._currencySymbol = part.value;
+            }
+        }
+    }
+
     handleInputFocus(e: any) {
         const value = this.getState('value');
 
@@ -198,7 +236,7 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
             this._adapter.setNumber(num);
         }
 
-        this._adapter.setValue(this.isControlled() ? formattedNum : this.doFormat(valueAfterParser as unknown as number, false), () => {
+        this._adapter.setValue(this.isControlled() && !this._isCurrency() ? formattedNum : this.doFormat(valueAfterParser as unknown as number, false), () => {
             this._adapter.restoreCursor();
         });
 
@@ -242,7 +280,7 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
                 numHasChanged = true;
             }
 
-            const currentFormattedNum = this.doFormat(currentNumber, true);
+            const currentFormattedNum = this.doFormat(currentNumber, true, true);
 
             if (currentFormattedNum !== currentValue) {
                 willSetVal = currentFormattedNum;
@@ -366,14 +404,15 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         const { defaultValue, value } = this.getProps();
 
         const propsValue = this._isControlledComponent('value') ? value : defaultValue;
-        const tmpNumber = this.doParse(toString(propsValue), false, true, true);
+
+        const tmpNumber = this.doParse(this._isCurrency() ? propsValue : toString(propsValue), false, true, true);
 
         let number = null;
         if (typeof tmpNumber === 'number' && !isNaN(tmpNumber)) {
             number = tmpNumber;
         }
 
-        const formattedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
+        const formattedValue = typeof number === 'number' ? this.doFormat(number, true, true) : '';
 
         this._adapter.setNumber(number);
         this._adapter.setValue(formattedValue);
@@ -417,7 +456,7 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
 
         // console.log('scale: ', scale, 'curNum: ', curNum);
 
-        return this.doFormat(curNum, true);
+        return this.doFormat(curNum, true, true);
     }
 
     minus(step?: number, event?: any): string {
@@ -448,19 +487,43 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         return toString(num);
     }
 
+    formatCurrency(value: number | string) {
+        const { localeCode, minimumFractionDigits, precision, maximumFractionDigits, currencyDisplay, showCurrencySymbol } = this.getProps();
+
+        let formattedValue = value;
+        if (typeof value === 'string' && Number.isNaN(Number(value))) {
+            formattedValue = this.parseInternationalCurrency(value);
+        }
+
+        const formatter = new Intl.NumberFormat(localeCode, {
+            style: 'currency',
+            currency: this._getFinalCurrency() || this.getCurrencyByLocaleCode(),
+            currencyDisplay: currencyDisplay,
+            minimumFractionDigits: minimumFractionDigits || precision || undefined,
+            maximumFractionDigits: maximumFractionDigits || precision || undefined,
+        });
+
+        const formatted = formatter.format(Number(formattedValue)); 
+        return showCurrencySymbol ? formatted : formatted.replace(this._currencySymbol, '').trim();
+    }
+
     /**
      * format number to string
      * @param {string|number} value
      * @param {boolean} needAdjustPrec
      * @returns {string}
      */
-    doFormat(value: string | number = 0, needAdjustPrec = true): string {
+    doFormat(value: string | number = 0, needAdjustPrec = true, needAdjustCurrency = false): string {
         // if (typeof value === 'string') {
         //     return value;
         // }
+        const { formatter } = this.getProps();
         let str;
-        const formatter = this.getProp('formatter');
-        if (needAdjustPrec) {
+
+        // AdjustCurrency conversion is done only in blur situation, otherwise it is just converted to normal string
+        if (this._isCurrency() && needAdjustCurrency) {
+            str = this.formatCurrency(value);
+        } else if (needAdjustPrec) {
             str = this._adjustPrec(value);
         } else {
             str = toString(value);
@@ -487,6 +550,22 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         return current;
     }
 
+    // 将货币模式的货币转化为纯数字
+    // Convert currency in currency mode to pure numbers
+    // eg：￥123456.78 to 123456.78
+    // eg：123456.78 to 123456.78
+    parseInternationalCurrency(currencyString: string) {
+        let cleaned = currencyString
+            .replace(this._currencySymbol, '')
+            .replace(new RegExp(`[^\\d${this._decimalPointSymbol}\\-]`, 'g'), '');
+
+        // Convert the localized decimal point to the standard decimal point
+        if (this._decimalPointSymbol && this._decimalPointSymbol !== '.') {
+            cleaned = cleaned.replace(this._decimalPointSymbol, '.');
+        }
+        return parseFloat(cleaned);
+    }
+      
     /**
      * parse to number
      * @param {string|number} value
@@ -496,6 +575,11 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
      * @returns {number}
      */
     doParse(value: string | number, needCheckPrec = true, needAdjustPrec = false, needAdjustMaxMin = false) {
+
+        if (this._isCurrency() && typeof value === 'string') {
+            value = this.parseInternationalCurrency(value);
+        }
+
         if (typeof value === 'number') {
             if (needAdjustMaxMin) {
                 value = this.fetchMinOrMax(value);
@@ -557,7 +641,11 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
             return value;
         }
         if (typeof value === 'string') {
-            const parser = this.getProp('parser');
+            const { parser } = this.getProps();
+
+            if (this._isCurrency()) {
+                value = this.parseInternationalCurrency(value);
+            }
 
             if (typeof parser === 'function') {
                 value = parser(value);
@@ -630,6 +718,84 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     updateStates(states: BaseInputNumberState, callback?: () => void) {
         this._adapter.updateStates(states, callback);
     }
+
+    /**
+     * Get currency by locale code
+     * @param {string} localeCode
+     * @returns {string}
+     */
+    getCurrencyByLocaleCode() {
+        const { localeCode } = this.getProps();
+
+        // Mapping table of region codes to currency codes
+        const localeToCurrency: Record<string, string> = {
+            // Asia
+            'zh-CN': 'CNY', // China
+            'zh-HK': 'HKD', // Hong Kong
+            'zh-TW': 'TWD', // Taiwan
+            'ja-JP': 'JPY', // Japan
+            'ko-KR': 'KRW', // Korea
+            'th-TH': 'THB', // Thailand
+            'vi-VN': 'VND', // Vietnam
+            'ms-MY': 'MYR', // Malaysia
+            'id-ID': 'IDR', // Indonesia
+            'hi-IN': 'INR', // India
+            'ar-SA': 'SAR', // Saudi Arabia
+        
+            // Europe
+            'en-GB': 'GBP', // United Kingdom
+            'de-DE': 'EUR', // Germany
+            'fr-FR': 'EUR', // France
+            'it-IT': 'EUR', // Italy
+            'es-ES': 'EUR', // Spain
+            'pt-PT': 'EUR', // Portugal
+            'ru-RU': 'RUB', // 俄罗斯
+        
+            // North America
+            'en-US': 'USD', // United States
+            'en-CA': 'CAD', // Canada
+            'es-MX': 'MXN', // Mexico
+        
+            // South America
+            'pt-BR': 'BRL', // Brazil
+            'es-AR': 'ARS', // Argentina
+        
+            // Oceania
+            'en-AU': 'AUD', // Australia
+            'en-NZ': 'NZD', // New Zealand
+        
+            // Africa
+            'en-ZA': 'ZAR', // South Africa
+            'ar-EG': 'EGP', // Egypt
+        };
+    
+        // Try to match the full region code directly
+        if (localeToCurrency[localeCode]) {
+            return localeToCurrency[localeCode];
+        }
+    
+        // If no direct match, try to match the language part (the first two characters)
+        const languageCode = localeCode.split('-')[0];
+        const fallbackMap: Record<string, string> = {
+            'en': 'USD', // English defaults to USD
+            'zh': 'CNY', // Chinese defaults to CNY
+            'es': 'EUR', // Spanish defaults to EUR
+            'fr': 'EUR', // French defaults to EUR
+            'de': 'EUR', // German defaults to EUR
+            'it': 'EUR', // Italian defaults to EUR
+            'ja': 'JPY', // Japanese defaults to JPY
+            'ko': 'KRW', // Korean defaults to KRW
+            'ru': 'RUB', // Russian defaults to RUB
+            'ar': 'SAR', // Arabic defaults to SAR
+        };
+    
+        if (fallbackMap[languageCode]) {
+            return fallbackMap[languageCode];
+        }
+    
+        // If no match, return USD as the default value
+        return 'USD';
+    }
 }
 
 export default InputNumberFoundation;

package/lib/cjs/inputNumber/foundation.d.ts

@@ -19,6 +19,7 @@ export interface InputNumberAdapter extends DefaultAdapter {
     fixCaret: (start: number, end: number) => void;
     setClickUpOrDown: (clicked: boolean) => void;
     updateStates: (states: BaseInputNumberState, callback?: () => void) => void;
+    getInputCharacter: (index: number) => string;
 }
 export interface BaseInputNumberState {
     value?: number | string;
@@ -31,14 +32,19 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     _interval: any;
     _timerHasRegistered: boolean;
     _timer: any;
+    _decimalPointSymbol: string;
+    _currencySymbol: string;
     init(): void;
     destroy(): void;
     isControlled(): boolean;
+    _isCurrency(): boolean;
+    _getFinalCurrency(): any;
     _doInput(v?: string, event?: any, updateCb?: any): void;
     _registerInterval(cb?: (...args: any) => void): void;
     _unregisterInterval(): void;
     _registerTimer(cb: (...args: any[]) => void): void;
     _unregisterTimer(): void;
+    _setCurrencySymbol(): void;
     handleInputFocus(e: any): void;
     /**
      * Input box content update processing
@@ -73,19 +79,21 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
      */
     _getPrecLen(num: string | number): number;
     _adjustPrec(num: string | number): string;
+    formatCurrency(value: number | string): string;
     /**
      * format number to string
      * @param {string|number} value
      * @param {boolean} needAdjustPrec
      * @returns {string}
      */
-    doFormat(value?: string | number, needAdjustPrec?: boolean): string;
+    doFormat(value?: string | number, needAdjustPrec?: boolean, needAdjustCurrency?: boolean): string;
     /**
      *
      * @param {number} current
      * @returns {number}
      */
     fetchMinOrMax(current: number): any;
+    parseInternationalCurrency(currencyString: string): number;
     /**
      * parse to number
      * @param {string|number} value
@@ -116,5 +124,11 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     notifyChange(value: string, e: any): void;
     notifyNumberChange(value: number, e: any): void;
     updateStates(states: BaseInputNumberState, callback?: () => void): void;
+    /**
+     * Get currency by locale code
+     * @param {string} localeCode
+     * @returns {string}
+     */
+    getCurrencyByLocaleCode(): string;
 }
 export default InputNumberFoundation;

package/lib/cjs/inputNumber/foundation.js

@@ -14,7 +14,15 @@ var _constants = require("./constants");
 var _number = require("../utils/number");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class InputNumberFoundation extends _foundation.default {
+  constructor() {
+    super(...arguments);
+    this._decimalPointSymbol = undefined;
+    this._currencySymbol = '';
+  }
   init() {
+    if (this._isCurrency()) {
+      this._setCurrencySymbol();
+    }
     this._setInitValue();
   }
   destroy() {
@@ -25,6 +33,18 @@ class InputNumberFoundation extends _foundation.default {
   isControlled() {
     return this._isControlledComponent('value');
   }
+  _isCurrency() {
+    const {
+      currency
+    } = this.getProps();
+    return currency === true || typeof currency === 'string' && currency.trim() !== '';
+  }
+  _getFinalCurrency() {
+    const {
+      currency
+    } = this.getProps();
+    return currency === true ? this.getProp('defaultCurrency') : currency;
+  }
   _doInput() {
     let v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -86,6 +106,29 @@ class InputNumberFoundation extends _foundation.default {
       this._timer = null;
     }
   }
+  _setCurrencySymbol() {
+    const {
+      localeCode,
+      currencyDisplay
+    } = this.getProps();
+    const parts = new Intl.NumberFormat(localeCode, {
+      style: 'currency',
+      currency: this._getFinalCurrency() || this.getCurrencyByLocaleCode(),
+      currencyDisplay
+    }).formatToParts(1234.5);
+    for (const part of parts) {
+      if (part.type === 'decimal') {
+        this._decimalPointSymbol = part.value;
+        console.log('this._decimalPointSymbol: ', this._decimalPointSymbol);
+      }
+      // if (part.type === 'group') {
+      //     groupSeparator = part.value;
+      // }
+      if (part.type === 'currency') {
+        this._currencySymbol = part.value;
+      }
+    }
+  }
   handleInputFocus(e) {
     const value = this.getState('value');
     if (value !== '') {
@@ -156,7 +199,7 @@ class InputNumberFoundation extends _foundation.default {
     if (!this.isControlled() && (num === null || typeof num === 'number' && !isNaN(num))) {
       this._adapter.setNumber(num);
     }
-    this._adapter.setValue(this.isControlled() ? formattedNum : this.doFormat(valueAfterParser, false), () => {
+    this._adapter.setValue(this.isControlled() && !this._isCurrency() ? formattedNum : this.doFormat(valueAfterParser, false), () => {
       this._adapter.restoreCursor();
     });
     this.notifyChange(notifyVal, event);
@@ -189,7 +232,7 @@ class InputNumberFoundation extends _foundation.default {
         }
         numHasChanged = true;
       }
-      const currentFormattedNum = this.doFormat(currentNumber, true);
+      const currentFormattedNum = this.doFormat(currentNumber, true, true);
       if (currentFormattedNum !== currentValue) {
         willSetVal = currentFormattedNum;
         strHasChanged = true;
@@ -303,12 +346,12 @@ class InputNumberFoundation extends _foundation.default {
       value
     } = this.getProps();
     const propsValue = this._isControlledComponent('value') ? value : defaultValue;
-    const tmpNumber = this.doParse((0, _toString2.default)(propsValue), false, true, true);
+    const tmpNumber = this.doParse(this._isCurrency() ? propsValue : (0, _toString2.default)(propsValue), false, true, true);
     let number = null;
     if (typeof tmpNumber === 'number' && !isNaN(tmpNumber)) {
       number = tmpNumber;
     }
-    const formattedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
+    const formattedValue = typeof number === 'number' ? this.doFormat(number, true, true) : '';
     this._adapter.setNumber(number);
     this._adapter.setValue(formattedValue);
     if ((0, _isString2.default)(formattedValue) && formattedValue !== String(propsValue !== null && propsValue !== void 0 ? propsValue : '')) {
@@ -346,7 +389,7 @@ class InputNumberFoundation extends _foundation.default {
       curNum = max;
     }
     // console.log('scale: ', scale, 'curNum: ', curNum);
-    return this.doFormat(curNum, true);
+    return this.doFormat(curNum, true, true);
   }
   minus(step, event) {
     const pressShift = event && event.shiftKey;
@@ -373,6 +416,29 @@ class InputNumberFoundation extends _foundation.default {
     }
     return (0, _toString2.default)(num);
   }
+  formatCurrency(value) {
+    const {
+      localeCode,
+      minimumFractionDigits,
+      precision,
+      maximumFractionDigits,
+      currencyDisplay,
+      showCurrencySymbol
+    } = this.getProps();
+    let formattedValue = value;
+    if (typeof value === 'string' && Number.isNaN(Number(value))) {
+      formattedValue = this.parseInternationalCurrency(value);
+    }
+    const formatter = new Intl.NumberFormat(localeCode, {
+      style: 'currency',
+      currency: this._getFinalCurrency() || this.getCurrencyByLocaleCode(),
+      currencyDisplay: currencyDisplay,
+      minimumFractionDigits: minimumFractionDigits || precision || undefined,
+      maximumFractionDigits: maximumFractionDigits || precision || undefined
+    });
+    const formatted = formatter.format(Number(formattedValue));
+    return showCurrencySymbol ? formatted : formatted.replace(this._currencySymbol, '').trim();
+  }
   /**
    * format number to string
    * @param {string|number} value
@@ -382,12 +448,18 @@ class InputNumberFoundation extends _foundation.default {
   doFormat() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     let needAdjustPrec = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let needAdjustCurrency = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     // if (typeof value === 'string') {
     //     return value;
     // }
+    const {
+      formatter
+    } = this.getProps();
     let str;
-    const formatter = this.getProp('formatter');
-    if (needAdjustPrec) {
+    // AdjustCurrency conversion is done only in blur situation, otherwise it is just converted to normal string
+    if (this._isCurrency() && needAdjustCurrency) {
+      str = this.formatCurrency(value);
+    } else if (needAdjustPrec) {
       str = this._adjustPrec(value);
     } else {
       str = (0, _toString2.default)(value);
@@ -414,6 +486,18 @@ class InputNumberFoundation extends _foundation.default {
     }
     return current;
   }
+  // 将货币模式的货币转化为纯数字
+  // Convert currency in currency mode to pure numbers
+  // eg：￥123456.78 to 123456.78
+  // eg：123456.78 to 123456.78
+  parseInternationalCurrency(currencyString) {
+    let cleaned = currencyString.replace(this._currencySymbol, '').replace(new RegExp(`[^\\d${this._decimalPointSymbol}\\-]`, 'g'), '');
+    // Convert the localized decimal point to the standard decimal point
+    if (this._decimalPointSymbol && this._decimalPointSymbol !== '.') {
+      cleaned = cleaned.replace(this._decimalPointSymbol, '.');
+    }
+    return parseFloat(cleaned);
+  }
   /**
    * parse to number
    * @param {string|number} value
@@ -426,6 +510,9 @@ class InputNumberFoundation extends _foundation.default {
     let needCheckPrec = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     let needAdjustPrec = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let needAdjustMaxMin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    if (this._isCurrency() && typeof value === 'string') {
+      value = this.parseInternationalCurrency(value);
+    }
     if (typeof value === 'number') {
       if (needAdjustMaxMin) {
         value = this.fetchMinOrMax(value);
@@ -474,7 +561,12 @@ class InputNumberFoundation extends _foundation.default {
       return value;
     }
     if (typeof value === 'string') {
-      const parser = this.getProp('parser');
+      const {
+        parser
+      } = this.getProps();
+      if (this._isCurrency()) {
+        value = this.parseInternationalCurrency(value);
+      }
       if (typeof parser === 'function') {
         value = parser(value);
       }
@@ -542,5 +634,74 @@ class InputNumberFoundation extends _foundation.default {
   updateStates(states, callback) {
     this._adapter.updateStates(states, callback);
   }
+  /**
+   * Get currency by locale code
+   * @param {string} localeCode
+   * @returns {string}
+   */
+  getCurrencyByLocaleCode() {
+    const {
+      localeCode
+    } = this.getProps();
+    // Mapping table of region codes to currency codes
+    const localeToCurrency = {
+      // Asia
+      'zh-CN': 'CNY',
+      'zh-HK': 'HKD',
+      'zh-TW': 'TWD',
+      'ja-JP': 'JPY',
+      'ko-KR': 'KRW',
+      'th-TH': 'THB',
+      'vi-VN': 'VND',
+      'ms-MY': 'MYR',
+      'id-ID': 'IDR',
+      'hi-IN': 'INR',
+      'ar-SA': 'SAR',
+      // Europe
+      'en-GB': 'GBP',
+      'de-DE': 'EUR',
+      'fr-FR': 'EUR',
+      'it-IT': 'EUR',
+      'es-ES': 'EUR',
+      'pt-PT': 'EUR',
+      'ru-RU': 'RUB',
+      // North America
+      'en-US': 'USD',
+      'en-CA': 'CAD',
+      'es-MX': 'MXN',
+      // South America
+      'pt-BR': 'BRL',
+      'es-AR': 'ARS',
+      // Oceania
+      'en-AU': 'AUD',
+      'en-NZ': 'NZD',
+      // Africa
+      'en-ZA': 'ZAR',
+      'ar-EG': 'EGP' // Egypt
+    };
+    // Try to match the full region code directly
+    if (localeToCurrency[localeCode]) {
+      return localeToCurrency[localeCode];
+    }
+    // If no direct match, try to match the language part (the first two characters)
+    const languageCode = localeCode.split('-')[0];
+    const fallbackMap = {
+      'en': 'USD',
+      'zh': 'CNY',
+      'es': 'EUR',
+      'fr': 'EUR',
+      'de': 'EUR',
+      'it': 'EUR',
+      'ja': 'JPY',
+      'ko': 'KRW',
+      'ru': 'RUB',
+      'ar': 'SAR' // Arabic defaults to SAR
+    };
+    if (fallbackMap[languageCode]) {
+      return fallbackMap[languageCode];
+    }
+    // If no match, return USD as the default value
+    return 'USD';
+  }
 }
 var _default = exports.default = InputNumberFoundation;

package/lib/cjs/userGuide/animation.scss

@@ -0,0 +1,2 @@
+$transition_duration-userGuide_spotLight: 200ms; // spotLight 动画持续时间
+$transition_function-userGuide_spotLight: cubic-bezier(0.4, 0, 0.2, 1); // spotLight 过渡曲线

package/lib/cjs/userGuide/constants.d.ts

@@ -0,0 +1,15 @@
+declare const cssClasses: {
+    PREFIX: string;
+    PREFIX_MODAL: string;
+};
+declare const strings: {
+    MODE: string[];
+    POSITION_SET: string[];
+    THEME: string[];
+};
+declare const numbers: {
+    DEFAULT_CURRENT: number;
+    DEFAULT_SPOTLIGHT_PADDING: number;
+    DEFAULT_Z_INDEX: number;
+};
+export { cssClasses, strings, numbers };

package/lib/cjs/userGuide/constants.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.numbers = exports.cssClasses = void 0;
+var _constants = require("../base/constants");
+const cssClasses = exports.cssClasses = {
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-userGuide`,
+  PREFIX_MODAL: `${_constants.BASE_CLASS_PREFIX}-userGuide-modal`
+};
+const strings = exports.strings = {
+  MODE: ['popup', 'modal'],
+  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver'],
+  THEME: ['default', 'primary']
+};
+const numbers = exports.numbers = {
+  DEFAULT_CURRENT: 0,
+  DEFAULT_SPOTLIGHT_PADDING: 5,
+  DEFAULT_Z_INDEX: 1030
+};