@douyinfe/semi-foundation 2.88.1 → 2.88.2-alpha.0

package/aiChatInput/constants.ts

@@ -9,7 +9,8 @@ const strings = {
     TOPS_SLOT_POSITION_DEFAULT: "top",
     ZERO_WIDTH_CHAR: '\uFEFF',
     PIC_PREFIX: 'image/',
-    PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp']
+    PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'],
+    DELETABLE: 'skipCustomTransactionPlugin'
 };
 
 const numbers = {

package/aiChatInput/utils.ts

@@ -145,7 +145,7 @@ export function getCustomSlotAttribute() {
 
 export function findSkillSlotInString(content: string) {
     const reg = /<skill-slot\s+([^>]*)><\/skill-slot>/i;
-    const attrReg = /([\w-]+)=["']?([^"'\s>]+)["']?/g;
+    const attrReg = /([\w-]+)=["']([^"']*)["']/g;
     const match = reg.exec(content);
     if (match) {
         const attrsStr = match[1];
@@ -175,8 +175,8 @@ function omitUndefinedFromObj(obj: { [key: string]: any }) {
 
 export function getSkillSlotString(skill: BaseSkill) {
     let skillParams = '';
-    skill.label && (skillParams += ` data-label=${skill.label}`);
-    skill.value && (skillParams += ` data-value=${skill.value}`);
+    skill.label && (skillParams += ` data-label="${skill.label}"`);
+    skill.value && (skillParams += ` data-value="${skill.value}"`);
     (typeof skill.hasTemplate === 'boolean') && (skillParams += ` data-template=${skill.hasTemplate}`);
-    return `<skill-slot ${skillParams}"></skill-slot>`;
+    return `<skill-slot ${skillParams}></skill-slot>`;
 }

package/image/image.scss

@@ -19,6 +19,13 @@ $module: #{$prefix}-image;
         max-width: none;
     }
 
+    &-tooltip-children-wrapper {
+        display: inline-flex;
+        width: fit-content;
+        height: fit-content;
+        vertical-align: middle;
+    }
+
     &-img {
         vertical-align: top;
         border-radius: inherit;

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

@@ -6,6 +6,7 @@ declare const strings: {
     ZERO_WIDTH_CHAR: string;
     PIC_PREFIX: string;
     PIC_SUFFIX_ARRAY: string[];
+    DELETABLE: string;
 };
 declare const numbers: {
     SCROLL_AMOUNT: number;

package/lib/cjs/aiChatInput/constants.js

@@ -12,7 +12,8 @@ const strings = exports.strings = {
   TOPS_SLOT_POSITION_DEFAULT: "top",
   ZERO_WIDTH_CHAR: '\uFEFF',
   PIC_PREFIX: 'image/',
-  PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp']
+  PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'],
+  DELETABLE: 'skipCustomTransactionPlugin'
 };
 const numbers = exports.numbers = {
   SCROLL_AMOUNT: 300,

package/lib/cjs/aiChatInput/utils.js

@@ -177,7 +177,7 @@ function getCustomSlotAttribute() {
 }
 function findSkillSlotInString(content) {
   const reg = /<skill-slot\s+([^>]*)><\/skill-slot>/i;
-  const attrReg = /([\w-]+)=["']?([^"'\s>]+)["']?/g;
+  const attrReg = /([\w-]+)=["']([^"']*)["']/g;
   const match = reg.exec(content);
   if (match) {
     const attrsStr = match[1];
@@ -205,8 +205,8 @@ function omitUndefinedFromObj(obj) {
 }
 function getSkillSlotString(skill) {
   let skillParams = '';
-  skill.label && (skillParams += ` data-label=${skill.label}`);
-  skill.value && (skillParams += ` data-value=${skill.value}`);
+  skill.label && (skillParams += ` data-label="${skill.label}"`);
+  skill.value && (skillParams += ` data-value="${skill.value}"`);
   typeof skill.hasTemplate === 'boolean' && (skillParams += ` data-template=${skill.hasTemplate}`);
-  return `<skill-slot ${skillParams}"></skill-slot>`;
+  return `<skill-slot ${skillParams}></skill-slot>`;
 }

package/lib/cjs/datePicker/monthsGridFoundation.d.ts

@@ -253,6 +253,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
      *  - When yam open type is 'left' or 'right', weeks minHeight should be set
      *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
      */
-    getYAMOpenType(): "none" | "left" | "right" | "both";
+    getYAMOpenType(): "left" | "right" | "none" | "both";
 }
 export {};

package/lib/cjs/image/image.css

@@ -15,6 +15,12 @@
   */
   max-width: none;
 }
+.semi-image-tooltip-children-wrapper {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  vertical-align: middle;
+}
 .semi-image-img {
   vertical-align: top;
   border-radius: inherit;

package/lib/cjs/image/image.scss

@@ -19,6 +19,13 @@ $module: #{$prefix}-image;
         max-width: none;
     }
 
+    &-tooltip-children-wrapper {
+        display: inline-flex;
+        width: fit-content;
+        height: fit-content;
+        vertical-align: middle;
+    }
+
     &-img {
         vertical-align: top;
         border-radius: inherit;

package/lib/cjs/navigation/navigation.css

@@ -49,6 +49,11 @@
   transition: opacity 0.2s cubic-bezier(0.5, -0.1, 1, 0.4);
   opacity: 0;
 }
+.semi-navigation-collapsed-wrapper {
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+}
 .semi-navigation-sub-wrap .semi-navigation-sub-title, .semi-navigation-item {
   cursor: pointer;
   display: flex;

package/lib/cjs/navigation/navigation.scss

@@ -65,6 +65,12 @@ $module: #{$prefix}-navigation;
             transition: $motion-navigation_collapsed_opacity;
             opacity: 0;
         }
+
+        &-wrapper {
+            display: flex;
+            width: fit-content;
+            height: fit-content;
+        }
     }
 
     // 对于普通item和二级sub-title，都是font-weight normal

package/lib/cjs/rating/foundation.js

@@ -174,10 +174,11 @@ class RatingFoundation extends _foundation.default {
     const {
       count,
       allowHalf,
-      preventScroll
+      preventScroll,
+      tooltips
     } = this.getProps();
     const index = Math.ceil(value) - 1;
-    const starElement = [...event.currentTarget.childNodes].map(item => item.childNodes[0].childNodes);
+    const starElement = [...event.currentTarget.childNodes].map(item => tooltips ? item.childNodes[0].childNodes[0].childNodes : item.childNodes[0].childNodes);
     if (index < 0) {
       starElement[count][0].focus({
         preventScroll

package/lib/cjs/rating/rating.css

@@ -51,6 +51,11 @@
   height: 24px;
   font-size: 24px;
 }
+.semi-rating-star-outer {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+}
 .semi-rating-star-wrapper {
   position: relative;
   overflow: hidden;

package/lib/cjs/rating/rating.scss

@@ -68,6 +68,12 @@ $module: #{$prefix}-rating;
             font-size: $font-rating_item_default-fontSize;
         }
 
+        &-outer {
+            display: inline-flex;
+            width: fit-content;
+            height: fit-content;
+        }
+
         &-wrapper {
             position: relative;
             overflow: hidden;

package/lib/cjs/upload/upload.css

@@ -5,6 +5,12 @@
   display: flex;
   flex-wrap: wrap;
 }
+.semi-upload-tooltip-children-wrapper {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  vertical-align: middle;
+}
 .semi-upload-disabled {
   cursor: not-allowed;
 }

package/lib/cjs/upload/upload.scss

@@ -6,6 +6,13 @@ $module: #{$prefix}-upload;
     display: flex;
     flex-wrap: wrap;
 
+    &-tooltip-children-wrapper {
+        display: inline-flex;
+        width: fit-content;
+        height: fit-content;
+        vertical-align: middle;
+    }
+
     &-disabled {
         cursor: not-allowed;
 

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

@@ -6,6 +6,7 @@ declare const strings: {
     ZERO_WIDTH_CHAR: string;
     PIC_PREFIX: string;
     PIC_SUFFIX_ARRAY: string[];
+    DELETABLE: string;
 };
 declare const numbers: {
     SCROLL_AMOUNT: number;

package/lib/es/aiChatInput/constants.js

@@ -6,7 +6,8 @@ const strings = {
   TOPS_SLOT_POSITION_DEFAULT: "top",
   ZERO_WIDTH_CHAR: '\uFEFF',
   PIC_PREFIX: 'image/',
-  PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp']
+  PIC_SUFFIX_ARRAY: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'],
+  DELETABLE: 'skipCustomTransactionPlugin'
 };
 const numbers = {
   SCROLL_AMOUNT: 300,

package/lib/es/aiChatInput/utils.js

@@ -160,7 +160,7 @@ export function getCustomSlotAttribute() {
 }
 export function findSkillSlotInString(content) {
   const reg = /<skill-slot\s+([^>]*)><\/skill-slot>/i;
-  const attrReg = /([\w-]+)=["']?([^"'\s>]+)["']?/g;
+  const attrReg = /([\w-]+)=["']([^"']*)["']/g;
   const match = reg.exec(content);
   if (match) {
     const attrsStr = match[1];
@@ -188,8 +188,8 @@ function omitUndefinedFromObj(obj) {
 }
 export function getSkillSlotString(skill) {
   let skillParams = '';
-  skill.label && (skillParams += ` data-label=${skill.label}`);
-  skill.value && (skillParams += ` data-value=${skill.value}`);
+  skill.label && (skillParams += ` data-label="${skill.label}"`);
+  skill.value && (skillParams += ` data-value="${skill.value}"`);
   typeof skill.hasTemplate === 'boolean' && (skillParams += ` data-template=${skill.hasTemplate}`);
-  return `<skill-slot ${skillParams}"></skill-slot>`;
+  return `<skill-slot ${skillParams}></skill-slot>`;
 }

package/lib/es/datePicker/monthsGridFoundation.d.ts

@@ -253,6 +253,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
      *  - When yam open type is 'left' or 'right', weeks minHeight should be set
      *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
      */
-    getYAMOpenType(): "none" | "left" | "right" | "both";
+    getYAMOpenType(): "left" | "right" | "none" | "both";
 }
 export {};

package/lib/es/image/image.css

@@ -15,6 +15,12 @@
   */
   max-width: none;
 }
+.semi-image-tooltip-children-wrapper {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  vertical-align: middle;
+}
 .semi-image-img {
   vertical-align: top;
   border-radius: inherit;

package/lib/es/image/image.scss

@@ -19,6 +19,13 @@ $module: #{$prefix}-image;
         max-width: none;
     }
 
+    &-tooltip-children-wrapper {
+        display: inline-flex;
+        width: fit-content;
+        height: fit-content;
+        vertical-align: middle;
+    }
+
     &-img {
         vertical-align: top;
         border-radius: inherit;

package/lib/es/navigation/navigation.css

@@ -49,6 +49,11 @@
   transition: opacity 0.2s cubic-bezier(0.5, -0.1, 1, 0.4);
   opacity: 0;
 }
+.semi-navigation-collapsed-wrapper {
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+}
 .semi-navigation-sub-wrap .semi-navigation-sub-title, .semi-navigation-item {
   cursor: pointer;
   display: flex;

package/lib/es/navigation/navigation.scss

@@ -65,6 +65,12 @@ $module: #{$prefix}-navigation;
             transition: $motion-navigation_collapsed_opacity;
             opacity: 0;
         }
+
+        &-wrapper {
+            display: flex;
+            width: fit-content;
+            height: fit-content;
+        }
     }
 
     // 对于普通item和二级sub-title，都是font-weight normal

package/lib/es/rating/foundation.js

@@ -167,10 +167,11 @@ export default class RatingFoundation extends BaseFoundation {
     const {
       count,
       allowHalf,
-      preventScroll
+      preventScroll,
+      tooltips
     } = this.getProps();
     const index = Math.ceil(value) - 1;
-    const starElement = [...event.currentTarget.childNodes].map(item => item.childNodes[0].childNodes);
+    const starElement = [...event.currentTarget.childNodes].map(item => tooltips ? item.childNodes[0].childNodes[0].childNodes : item.childNodes[0].childNodes);
     if (index < 0) {
       starElement[count][0].focus({
         preventScroll

package/lib/es/rating/rating.css

@@ -51,6 +51,11 @@
   height: 24px;
   font-size: 24px;
 }
+.semi-rating-star-outer {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+}
 .semi-rating-star-wrapper {
   position: relative;
   overflow: hidden;

package/lib/es/rating/rating.scss

@@ -68,6 +68,12 @@ $module: #{$prefix}-rating;
             font-size: $font-rating_item_default-fontSize;
         }
 
+        &-outer {
+            display: inline-flex;
+            width: fit-content;
+            height: fit-content;
+        }
+
         &-wrapper {
             position: relative;
             overflow: hidden;

package/lib/es/upload/upload.css

@@ -5,6 +5,12 @@
   display: flex;
   flex-wrap: wrap;
 }
+.semi-upload-tooltip-children-wrapper {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  vertical-align: middle;
+}
 .semi-upload-disabled {
   cursor: not-allowed;
 }

package/lib/es/upload/upload.scss

@@ -6,6 +6,13 @@ $module: #{$prefix}-upload;
     display: flex;
     flex-wrap: wrap;
 
+    &-tooltip-children-wrapper {
+        display: inline-flex;
+        width: fit-content;
+        height: fit-content;
+        vertical-align: middle;
+    }
+
     &-disabled {
         cursor: not-allowed;
 

package/navigation/navigation.scss

@@ -65,6 +65,12 @@ $module: #{$prefix}-navigation;
             transition: $motion-navigation_collapsed_opacity;
             opacity: 0;
         }
+
+        &-wrapper {
+            display: flex;
+            width: fit-content;
+            height: fit-content;
+        }
     }
 
     // 对于普通item和二级sub-title，都是font-weight normal

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.88.1",
+    "version": "2.88.2-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.88.1",
-        "@douyinfe/semi-json-viewer-core": "2.88.1",
+        "@douyinfe/semi-animation": "2.88.2-alpha.0",
+        "@douyinfe/semi-json-viewer-core": "2.88.2-alpha.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "e08d049ae7cbf936679b53146fd9041577c9422b",
+    "gitHead": "e5068303441ac4ad0711cd48420a5b1434eca45a",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/rating/foundation.ts

@@ -146,9 +146,11 @@ export default class RatingFoundation<P = Record<string, any>, S = Record<string
     }
 
     changeFocusStar(value: number, event: any) {
-        const { count, allowHalf, preventScroll } = this.getProps();
+        const { count, allowHalf, preventScroll, tooltips } = this.getProps();
         const index = Math.ceil(value) - 1;
-        const starElement = [...event.currentTarget.childNodes].map(item => item.childNodes[0].childNodes);
+        const starElement = [...event.currentTarget.childNodes].map(item => 
+            tooltips ? item.childNodes[0].childNodes[0].childNodes : item.childNodes[0].childNodes
+        );
         if (index < 0) {
             starElement[count][0].focus({ preventScroll });
         } else {

package/rating/rating.scss

@@ -68,6 +68,12 @@ $module: #{$prefix}-rating;
             font-size: $font-rating_item_default-fontSize;
         }
 
+        &-outer {
+            display: inline-flex;
+            width: fit-content;
+            height: fit-content;
+        }
+
         &-wrapper {
             position: relative;
             overflow: hidden;

package/upload/upload.scss

@@ -6,6 +6,13 @@ $module: #{$prefix}-upload;
     display: flex;
     flex-wrap: wrap;
 
+    &-tooltip-children-wrapper {
+        display: inline-flex;
+        width: fit-content;
+        height: fit-content;
+        vertical-align: middle;
+    }
+
     &-disabled {
         cursor: not-allowed;