@douyinfe/semi-foundation 2.89.2-alpha.3 → 2.90.0

package/aiChatInput/aiChatInput.scss

@@ -523,6 +523,7 @@ $module: #{$prefix}-aiChatInput;
     
             .input-slot {
                 display: inline-block;
+                box-sizing: content-box;
                 background-color: $color-aiChatInput_rich_text-input_slot-bg;
                 border-radius: $radius-aiChatInput_rich_text-input_slot;
                 padding: $spacing-aiChatInput_rich_text-input_slot-paddingY $spacing-aiChatInput_rich_text-input_slot-paddingX;

package/aiChatInput/constants.ts

@@ -10,7 +10,11 @@ const strings = {
     ZERO_WIDTH_CHAR: '\uFEFF',
     PIC_PREFIX: 'image/',
     PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'],
-    DELETABLE: 'skipCustomTransactionPlugin'
+    DELETABLE: 'skipCustomTransactionPlugin',
+    SEND_HOTKEY: {
+        'ENTER': 'enter' as const,
+        'SHIFT_ENTER': 'shift+enter' as const,
+    }
 };
 
 const numbers = {

package/aiChatInput/foundation.ts

@@ -1,7 +1,7 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { Attachment, BaseSkill, Suggestion, Reference, Content, LeftMenuChangeProps, MessageContent } from './interface';
 import { get, isNumber, isString } from 'lodash';
-import { cssClasses } from './constants';
+import { cssClasses, strings } from './constants';
 import { findSkillSlotInString, getSkillSlotString, transformJSONResult } from './utils';
 
 export interface AIChatInputAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
@@ -338,6 +338,7 @@ export default class AIChatInputFoundation extends BaseFoundation<AIChatInputAda
 
     handRichTextArealKeyDown = (view: any, event: KeyboardEvent) => {
         // console.log('outer key down handle');
+        const { sendHotKey } = this.getProps();
         const { suggestionVisible, skillVisible } = this.getStates();
         /**
          * 当建议/技能面板可见时候，上下按键，enter 按键被用于操作面板选项的 active 项，或做选中操作的，
@@ -351,11 +352,11 @@ export default class AIChatInputFoundation extends BaseFoundation<AIChatInputAda
         }
         const editor = this._adapter.getEditor() ?? {};
         const allowHotKeySend = get(editor, 'storage.SemiAIChatInput.allowHotKeySend');
-        if (event.key === 'Enter' && !event.shiftKey && allowHotKeySend) {
+        if (event.key === 'Enter' && (sendHotKey === strings.SEND_HOTKEY.ENTER ? !event.shiftKey : event.shiftKey) && allowHotKeySend) {
             this.handleSend();
             return true;
         }
-        if (event.key === 'Enter' && event.shiftKey) {
+        if (event.key === 'Enter' && (sendHotKey === strings.SEND_HOTKEY.ENTER ? event.shiftKey : !event.shiftKey)) {
             /**
              * Tiptap 默认情况下 Enter + Shift 时候是使用 <br /> 实现换行
              * 为保证自定义的一些逻辑生效（比如零宽字符的插入），Enter + Shift 希望实现通过新建 p 标签的方式完成换行

package/chat/inputboxFoundation.ts

@@ -60,7 +60,12 @@ export default class InputBoxFoundation <P = Record<string, any>, S = Record<str
 
     getDisableSend = () => {
         const { content, attachment } = this.getStates();
-        const { disableSend: disableSendInProps } = this.getProps();
+        const { disableSend: disableSendInProps, canSend } = this.getProps();
+        // 如果用户设置了 canSend API，则使用 canSend 值
+        // If the user has configured the canSend API, then the canSend value will be used.
+        if (typeof canSend === 'boolean') {
+            return !canSend;
+        }
         /** 不能发送的条件：（满足任1）
          *  1. props 中禁止发送；2. 没有文本输入，且没有上传文件； 3.上传文件中有状态不为 success 的
          *  Conditions under which content cannot be sent: (any one of the following conditions must be met)

package/getBabelConfig.js

@@ -0,0 +1,24 @@
+module.exports = ({ isESM }) => {
+    return {
+        presets: [
+            [
+                '@babel/preset-env',
+                {
+                    modules: isESM ? false : 'commonjs',
+                    targets: {
+                        browsers: [
+                            "> 0.5%",
+                            "last 2 versions",
+                            "Firefox ESR",
+                            "not dead",
+                            "not IE 11"
+                        ]
+                    }
+                },
+            ],
+        ],
+        plugins: [
+            'lodash',
+        ]
+    };
+};

package/gulpfile.js

@@ -0,0 +1,107 @@
+const path = require('path');
+const { Buffer } = require('buffer');
+const through2 = require('through2');
+const gulp = require('gulp');
+const merge2 = require('merge2');
+const gulpTS = require('gulp-typescript');
+const gulpBabel = require('gulp-babel');
+const sass = require('gulp-sass')(require('sass'));
+const del = require('del');
+const tsConfig = require('./tsconfig.json');
+const getBabelConfig = require('./getBabelConfig');
+
+gulp.task('cleanLib', function cleanLib() {
+    return del(['lib/**/*']);
+});
+
+function compileTS(isESM) {
+    const targetDir = isESM ? 'lib/es' : 'lib/cjs';
+    const tsStream = gulp.src(['**/*.ts', '!node_modules/**/*.*'])
+        .pipe(gulpTS(tsConfig.compilerOptions));
+    const jsStream = tsStream.js
+        .pipe(gulpBabel(getBabelConfig({ isESM })))
+        .pipe(gulp.dest(targetDir));
+    const dtsStream = tsStream.dts.pipe(gulp.dest(targetDir));
+    return merge2([jsStream, dtsStream]);
+}
+
+gulp.task('compileTSForESM', function compileTSForESM() {
+    return compileTS(true);
+});
+
+gulp.task('compileTSForCJS', function compileTSForCJS() {
+    return compileTS(false);
+});
+
+const excludeScss = [
+    '!**/button/splitButtonGroup.scss',
+    '!**/steps/bacisSteps.scss',
+    '!**/steps/fillSteps.scss',
+    '!**/steps/navSteps.scss',
+    '!**/table/operationPanel.scss',
+    '!**/tooltip/arrow.scss',
+    '!**/autoComplete/option.scss',
+    '!**/select/option.scss',
+];
+gulp.task('compileScss', function compileScss() {
+    return gulp.src(['**/*.scss', '!node_modules/**/*.*', '!**/rtl.scss', '!**/variables.scss', "!**/animation.scss", ...excludeScss])
+        .pipe(through2.obj(
+            function (chunk, enc, cb) {
+                const rootPath = path.join(__dirname, '../../');
+                const scssVarStr = `@import "${rootPath}/packages/semi-theme-default/scss/index.scss";\n`;
+                let scssRaw = chunk.contents.toString('utf-8');
+                if (scssRaw.startsWith("@use")) {
+                    const scssRawSplit = scssRaw.split("\n");
+                    const codeStartIndex = scssRawSplit.findIndex(item => !item.startsWith("@use"));
+                    scssRawSplit.splice(codeStartIndex, 0, scssVarStr);
+                    scssRaw = scssRawSplit.join("\n");
+                } else {
+                    scssRaw = `${scssVarStr}\n${scssRaw}`;
+                }
+                chunk.contents = Buffer.from(scssRaw, 'utf-8');
+                cb(null, chunk);
+            }
+        ))
+        .pipe(sass({
+            charset: false
+        }).on('error', sass.logError))
+        .pipe(gulp.dest('lib/es'))
+        .pipe(gulp.dest('lib/cjs'));
+});
+
+gulp.task('moveScss', function moveScss() {
+    return gulp.src(['**/*.scss', '!node_modules/**/*.*'])
+        .pipe(gulp.dest('lib/es'))
+        .pipe(gulp.dest('lib/cjs'));
+});
+
+gulp.task('compileLib',
+    gulp.series(
+        [
+            'cleanLib', 'compileScss',
+            'moveScss',
+            gulp.parallel('compileTSForESM', 'compileTSForCJS'),
+        ]
+    )
+);
+
+gulp.task('findDupCSSVariables', function findDupCSSVariables() {
+    return gulp.src(['**/variable?.scss', '!node_modules/**/*.*'])
+        .pipe(through2.obj((chunk, enc, cb) => {
+            const fileStr = chunk.contents.toString(enc);
+            const lines = fileStr.split('\n');
+            const variables = new Set();
+            for (let line of lines) {
+                if (/\$[a-z]+(-[a-z0-9_]+)+/.test(line)) {
+                    const variable = line.split(':')[0];
+                    if (variables.has(variable)) {
+                        console.error(`❌ ${variable} dup`);
+                    } else {
+                        variables.add(variable);
+                    }
+                }
+            }
+            cb();
+        }));
+});
+

package/jsonViewer/script/build.js

@@ -0,0 +1,51 @@
+const esbuild = require('esbuild');
+const path = require('path');
+const fs = require('fs');
+
+
+
+
+const compileWorker = async ()=>{
+    const workerEntry = path.join(__dirname, "..", "core/src/worker/json.worker.ts");
+
+    const result = await esbuild.build({
+        entryPoints: [workerEntry],
+        bundle: true,
+        write: false,
+    });
+    return result.outputFiles[0].text;
+};
+
+
+const buildMain = async ()=>{
+    const mainEntry = path.join(__dirname, "..", "core/src/index.ts");
+
+    const result = await esbuild.build({
+        entryPoints: [mainEntry],
+        bundle: true,
+        packages: 'external',
+        write: false,
+        format: 'esm'
+    });
+    return result.outputFiles[0].text;
+
+};
+
+
+
+const compile = async ()=>{
+    const workerRaw = await compileWorker();
+
+    const mainRaw = await buildMain();
+
+    const finalRaw = mainRaw.replaceAll("%WORKER_RAW%", encodeURIComponent(workerRaw));
+
+    const saveDir = path.join(__dirname, "..", "core/lib");
+
+    if (!fs.existsSync(saveDir)) {
+        fs.mkdirSync(saveDir);
+    }
+    fs.writeFileSync(path.join(saveDir, "index.js"), finalRaw, 'utf8');
+};
+
+compile();

package/lib/cjs/aiChatInput/aiChatInput.css

@@ -428,6 +428,7 @@
 }
 .semi-aiChatInput-editor-content .tiptap .input-slot {
   display: inline-block;
+  box-sizing: content-box;
   background-color: var(--semi-color-primary-light-default);
   border-radius: 4px;
   padding: 2px 4px;

package/lib/cjs/aiChatInput/aiChatInput.scss

@@ -523,6 +523,7 @@ $module: #{$prefix}-aiChatInput;
     
             .input-slot {
                 display: inline-block;
+                box-sizing: content-box;
                 background-color: $color-aiChatInput_rich_text-input_slot-bg;
                 border-radius: $radius-aiChatInput_rich_text-input_slot;
                 padding: $spacing-aiChatInput_rich_text-input_slot-paddingY $spacing-aiChatInput_rich_text-input_slot-paddingX;

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

@@ -7,6 +7,10 @@ declare const strings: {
     PIC_PREFIX: string;
     PIC_SUFFIX_ARRAY: string[];
     DELETABLE: string;
+    SEND_HOTKEY: {
+        ENTER: "enter";
+        SHIFT_ENTER: "shift+enter";
+    };
 };
 declare const numbers: {
     SCROLL_AMOUNT: number;

package/lib/cjs/aiChatInput/constants.js

@@ -13,7 +13,11 @@ const strings = exports.strings = {
   ZERO_WIDTH_CHAR: '\uFEFF',
   PIC_PREFIX: 'image/',
   PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'],
-  DELETABLE: 'skipCustomTransactionPlugin'
+  DELETABLE: 'skipCustomTransactionPlugin',
+  SEND_HOTKEY: {
+    'ENTER': 'enter',
+    'SHIFT_ENTER': 'shift+enter'
+  }
 };
 const numbers = exports.numbers = {
   SCROLL_AMOUNT: 300,

package/lib/cjs/aiChatInput/foundation.js

@@ -325,6 +325,9 @@ class AIChatInputFoundation extends _foundation.default {
     this.handRichTextArealKeyDown = (view, event) => {
       var _a;
       // console.log('outer key down handle');
+      const {
+        sendHotKey
+      } = this.getProps();
       const {
         suggestionVisible,
         skillVisible
@@ -341,11 +344,11 @@ class AIChatInputFoundation extends _foundation.default {
       }
       const editor = (_a = this._adapter.getEditor()) !== null && _a !== void 0 ? _a : {};
       const allowHotKeySend = (0, _get2.default)(editor, 'storage.SemiAIChatInput.allowHotKeySend');
-      if (event.key === 'Enter' && !event.shiftKey && allowHotKeySend) {
+      if (event.key === 'Enter' && (sendHotKey === _constants.strings.SEND_HOTKEY.ENTER ? !event.shiftKey : event.shiftKey) && allowHotKeySend) {
         this.handleSend();
         return true;
       }
-      if (event.key === 'Enter' && event.shiftKey) {
+      if (event.key === 'Enter' && (sendHotKey === _constants.strings.SEND_HOTKEY.ENTER ? event.shiftKey : !event.shiftKey)) {
         /**
          * Tiptap 默认情况下 Enter + Shift 时候是使用 <br /> 实现换行
          * 为保证自定义的一些逻辑生效（比如零宽字符的插入），Enter + Shift 希望实现通过新建 p 标签的方式完成换行

package/lib/cjs/chat/inputboxFoundation.js

@@ -75,8 +75,14 @@ class InputBoxFoundation extends _foundation.default {
         attachment
       } = this.getStates();
       const {
-        disableSend: disableSendInProps
+        disableSend: disableSendInProps,
+        canSend
       } = this.getProps();
+      // 如果用户设置了 canSend API，则使用 canSend 值
+      // If the user has configured the canSend API, then the canSend value will be used.
+      if (typeof canSend === 'boolean') {
+        return !canSend;
+      }
       /** 不能发送的条件：（满足任1）
        *  1. props 中禁止发送；2. 没有文本输入，且没有上传文件； 3.上传文件中有状态不为 success 的
        *  Conditions under which content cannot be sent: (any one of the following conditions must be met)

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

@@ -33,6 +33,7 @@ declare class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
      */
     handleInputChange: (e: TagInputChangeEvent) => void;
     handleInputCompositionStart: (e: any) => void;
+    _splitArray: (originString: string, separators: string | string[] | null) => any;
     handleInputCompositionEnd: (e: any) => void;
     /**
      * check whether the input change is legal

package/lib/cjs/tagInput/foundation.js

@@ -49,6 +49,15 @@ class TagInputFoundation extends _foundation.default {
       }
       this._adapter.setEntering(true);
     };
+    this._splitArray = (originString, separators) => {
+      const {
+        split
+      } = this.getProps();
+      if ((0, _isFunction2.default)(split)) {
+        return split(originString, separators);
+      }
+      return (0, _getSplitedArray.default)(originString, separators);
+    };
     this.handleInputCompositionEnd = e => {
       const {
         value
@@ -63,7 +72,7 @@ class TagInputFoundation extends _foundation.default {
       }
       this._adapter.setEntering(false);
       let allowChange = true;
-      const inputArr = (0, _getSplitedArray.default)(value, separator);
+      const inputArr = this._splitArray(value, separator);
       let index = 0;
       for (; index < inputArr.length; index++) {
         if (inputArr[index].length > maxLength) {
@@ -100,8 +109,8 @@ class TagInputFoundation extends _foundation.default {
       } = this._adapter.getStates();
       let allowChange = true;
       if ((0, _isNumber2.default)(maxLength)) {
-        const valueArr = (0, _getSplitedArray.default)(value, separator);
-        const inputArr = (0, _getSplitedArray.default)(inputValue, separator);
+        const valueArr = this._splitArray(value, separator);
+        const inputArr = this._splitArray(inputValue, separator);
         const maxLen = Math.max(valueArr.length, inputArr.length);
         for (let i = 0; i < maxLen; i++) {
           // When the input length is increasing
@@ -154,7 +163,7 @@ class TagInputFoundation extends _foundation.default {
       inputValue,
       tagsArray
     } = this._adapter.getStates();
-    let addTags = (0, _getSplitedArray.default)(inputValue, separator);
+    let addTags = this._splitArray(inputValue, separator);
     addTags = addTags.filter((item, idx) => {
       // If allowDuplicates is false, then filter duplicates
       if (!allowDuplicates) {

package/lib/es/aiChatInput/aiChatInput.css

@@ -428,6 +428,7 @@
 }
 .semi-aiChatInput-editor-content .tiptap .input-slot {
   display: inline-block;
+  box-sizing: content-box;
   background-color: var(--semi-color-primary-light-default);
   border-radius: 4px;
   padding: 2px 4px;

package/lib/es/aiChatInput/aiChatInput.scss

@@ -523,6 +523,7 @@ $module: #{$prefix}-aiChatInput;
     
             .input-slot {
                 display: inline-block;
+                box-sizing: content-box;
                 background-color: $color-aiChatInput_rich_text-input_slot-bg;
                 border-radius: $radius-aiChatInput_rich_text-input_slot;
                 padding: $spacing-aiChatInput_rich_text-input_slot-paddingY $spacing-aiChatInput_rich_text-input_slot-paddingX;

package/lib/es/aiChatInput/constants.d.ts

@@ -7,6 +7,10 @@ declare const strings: {
     PIC_PREFIX: string;
     PIC_SUFFIX_ARRAY: string[];
     DELETABLE: string;
+    SEND_HOTKEY: {
+        ENTER: "enter";
+        SHIFT_ENTER: "shift+enter";
+    };
 };
 declare const numbers: {
     SCROLL_AMOUNT: number;

package/lib/es/aiChatInput/constants.js

@@ -7,7 +7,11 @@ const strings = {
   ZERO_WIDTH_CHAR: '\uFEFF',
   PIC_PREFIX: 'image/',
   PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'],
-  DELETABLE: 'skipCustomTransactionPlugin'
+  DELETABLE: 'skipCustomTransactionPlugin',
+  SEND_HOTKEY: {
+    'ENTER': 'enter',
+    'SHIFT_ENTER': 'shift+enter'
+  }
 };
 const numbers = {
   SCROLL_AMOUNT: 300,

package/lib/es/aiChatInput/foundation.js

@@ -2,7 +2,7 @@ import _isString from "lodash/isString";
 import _isNumber from "lodash/isNumber";
 import _get from "lodash/get";
 import BaseFoundation from '../base/foundation';
-import { cssClasses } from './constants';
+import { cssClasses, strings } from './constants';
 import { findSkillSlotInString, getSkillSlotString, transformJSONResult } from './utils';
 const prefixCls = cssClasses.PREFIX;
 export default class AIChatInputFoundation extends BaseFoundation {
@@ -318,6 +318,9 @@ export default class AIChatInputFoundation extends BaseFoundation {
     this.handRichTextArealKeyDown = (view, event) => {
       var _a;
       // console.log('outer key down handle');
+      const {
+        sendHotKey
+      } = this.getProps();
       const {
         suggestionVisible,
         skillVisible
@@ -334,11 +337,11 @@ export default class AIChatInputFoundation extends BaseFoundation {
       }
       const editor = (_a = this._adapter.getEditor()) !== null && _a !== void 0 ? _a : {};
       const allowHotKeySend = _get(editor, 'storage.SemiAIChatInput.allowHotKeySend');
-      if (event.key === 'Enter' && !event.shiftKey && allowHotKeySend) {
+      if (event.key === 'Enter' && (sendHotKey === strings.SEND_HOTKEY.ENTER ? !event.shiftKey : event.shiftKey) && allowHotKeySend) {
         this.handleSend();
         return true;
       }
-      if (event.key === 'Enter' && event.shiftKey) {
+      if (event.key === 'Enter' && (sendHotKey === strings.SEND_HOTKEY.ENTER ? event.shiftKey : !event.shiftKey)) {
         /**
          * Tiptap 默认情况下 Enter + Shift 时候是使用 <br /> 实现换行
          * 为保证自定义的一些逻辑生效（比如零宽字符的插入），Enter + Shift 希望实现通过新建 p 标签的方式完成换行

package/lib/es/chat/inputboxFoundation.js

@@ -68,8 +68,14 @@ export default class InputBoxFoundation extends BaseFoundation {
         attachment
       } = this.getStates();
       const {
-        disableSend: disableSendInProps
+        disableSend: disableSendInProps,
+        canSend
       } = this.getProps();
+      // 如果用户设置了 canSend API，则使用 canSend 值
+      // If the user has configured the canSend API, then the canSend value will be used.
+      if (typeof canSend === 'boolean') {
+        return !canSend;
+      }
       /** 不能发送的条件：（满足任1）
        *  1. props 中禁止发送；2. 没有文本输入，且没有上传文件； 3.上传文件中有状态不为 success 的
        *  Conditions under which content cannot be sent: (any one of the following conditions must be met)

package/lib/es/tagInput/foundation.d.ts

@@ -33,6 +33,7 @@ declare class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
      */
     handleInputChange: (e: TagInputChangeEvent) => void;
     handleInputCompositionStart: (e: any) => void;
+    _splitArray: (originString: string, separators: string | string[] | null) => any;
     handleInputCompositionEnd: (e: any) => void;
     /**
      * check whether the input change is legal

package/lib/es/tagInput/foundation.js

@@ -42,6 +42,15 @@ class TagInputFoundation extends BaseFoundation {
       }
       this._adapter.setEntering(true);
     };
+    this._splitArray = (originString, separators) => {
+      const {
+        split
+      } = this.getProps();
+      if (_isFunction(split)) {
+        return split(originString, separators);
+      }
+      return getSplitedArray(originString, separators);
+    };
     this.handleInputCompositionEnd = e => {
       const {
         value
@@ -56,7 +65,7 @@ class TagInputFoundation extends BaseFoundation {
       }
       this._adapter.setEntering(false);
       let allowChange = true;
-      const inputArr = getSplitedArray(value, separator);
+      const inputArr = this._splitArray(value, separator);
       let index = 0;
       for (; index < inputArr.length; index++) {
         if (inputArr[index].length > maxLength) {
@@ -93,8 +102,8 @@ class TagInputFoundation extends BaseFoundation {
       } = this._adapter.getStates();
       let allowChange = true;
       if (_isNumber(maxLength)) {
-        const valueArr = getSplitedArray(value, separator);
-        const inputArr = getSplitedArray(inputValue, separator);
+        const valueArr = this._splitArray(value, separator);
+        const inputArr = this._splitArray(inputValue, separator);
         const maxLen = Math.max(valueArr.length, inputArr.length);
         for (let i = 0; i < maxLen; i++) {
           // When the input length is increasing
@@ -147,7 +156,7 @@ class TagInputFoundation extends BaseFoundation {
       inputValue,
       tagsArray
     } = this._adapter.getStates();
-    let addTags = getSplitedArray(inputValue, separator);
+    let addTags = this._splitArray(inputValue, separator);
     addTags = addTags.filter((item, idx) => {
       // If allowDuplicates is false, then filter duplicates
       if (!allowDuplicates) {

package/package.json

@@ -1,30 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.89.2-alpha.3",
+    "version": "2.90.0",
     "description": "",
     "scripts": {
-        "clean": "rimraf lib",
         "build:lib": "node ./scripts/compileLib.js",
-        "prepublishOnly": "npm run clean && npm run build:lib"
-    },
-    "files": [
-        "lib/*",
-        "**/*.ts",
-        "**/*.scss",
-        "!**/node_modules/**",
-        "!**/*.test.ts",
-        "!**/*.spec.ts"
-    ],
-    "typesVersions": {
-        "*": {
-            "*": [
-                "lib/es/*"
-            ]
-        }
+        "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.89.2-alpha.3",
-        "@douyinfe/semi-json-viewer-core": "2.89.2-alpha.3",
+        "@douyinfe/semi-animation": "2.90.0",
+        "@douyinfe/semi-json-viewer-core": "2.90.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -45,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "0a1865d842669766e3a183d62f8bff1226387917",
+    "gitHead": "a8f13664fba5c558e4ab14ecb3f12006eba22319",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
@@ -61,7 +45,6 @@
         "gulp-sass": "^5.0.0",
         "gulp-typescript": "^6.0.0-alpha.1",
         "merge2": "^1.4.1",
-        "rimraf": "^3.0.2",
         "through2": "^4.0.2"
     }
 }

package/scripts/compileLib.js

@@ -0,0 +1,13 @@
+const gulp = require('gulp');
+require('../gulpfile');
+
+function compileLib() {
+    const taskInstance = gulp.task('compileLib');
+    if (taskInstance === undefined) {
+        console.error('no task named compileLib registered');
+        return;
+    }
+    taskInstance.apply(gulp);
+}
+
+compileLib();

package/tagInput/foundation.ts

@@ -73,6 +73,14 @@ class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
         this._adapter.setEntering(true);
     }
 
+    _splitArray = (originString: string, separators: string | string[] | null) => {
+        const { split } = this.getProps();
+        if (isFunction(split)) {
+            return split(originString, separators);
+        }
+        return getSplitedArray(originString, separators);
+    }
+
     handleInputCompositionEnd = (e: any) => {
         const { value } = e.target;
         const {
@@ -85,7 +93,7 @@ class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
         }
         this._adapter.setEntering(false);
         let allowChange = true;
-        const inputArr = getSplitedArray(value, separator);
+        const inputArr = this._splitArray(value, separator);
         let index = 0;
         for (; index < inputArr.length; index++) {
             if (inputArr[index].length > maxLength) {
@@ -121,8 +129,8 @@ class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
         const { inputValue } = this._adapter.getStates();
         let allowChange = true;
         if (isNumber(maxLength)) {
-            const valueArr = getSplitedArray(value, separator);
-            const inputArr = getSplitedArray(inputValue, separator);
+            const valueArr = this._splitArray(value, separator);
+            const inputArr = this._splitArray(inputValue, separator);
             const maxLen = Math.max(valueArr.length, inputArr.length);
             for (let i = 0; i < maxLen; i++) {
                 // When the input length is increasing
@@ -174,7 +182,7 @@ class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
             inputValue,
             tagsArray
         } = this._adapter.getStates();
-        let addTags = getSplitedArray(inputValue, separator);
+        let addTags = this._splitArray(inputValue, separator);
 
         addTags = addTags.filter((item, idx) => {
             // If allowDuplicates is false, then filter duplicates

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "target": "ES2015",
+        "baseUrl": "./",
+        "outDir": "lib",
+        "sourceMap": true,
+        "allowJs": true,
+        "module": "es6",
+        "lib": ["esnext", "dom"],
+        "moduleResolution": "node",
+        "noImplicitAny": false,
+        "forceConsistentCasingInFileNames": true,
+        "allowSyntheticDefaultImports": true,
+        "experimentalDecorators": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "declaration": true,
+        "strict": true
+    },
+    "include": ["**/*.ts"],
+    "exclude": ["node_modules"]
+}