@alifd/chat 0.1.12 → 0.1.14

package/es/core/variables.scss

@@ -31,3 +31,5 @@ $color-line1-2: var(--color-line1-2, #dcdee3) !default;
 $color-line1-3: var(--color-line1-3, #c4c6cf) !default;
 /// 重
 $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
+
+

package/es/feedback/index.js

@@ -12,7 +12,7 @@ import Good from './view/good';
  * @when 需要获取用户针对显示内容的赞同或否定意见时
  */
 function Feedback(props) {
-    const { className, order = ['good', 'bad'], size, direction = 'hoz', defaultValue, value: _value, onChange: _onChange, renderItem } = props, rests = __rest(props, ["className", "order", "size", "direction", "defaultValue", "value", "onChange", "renderItem"]);
+    const { className, order = ['bad', 'good'], size, direction = 'hoz', defaultValue, value: _value, onChange: _onChange, renderItem } = props, rests = __rest(props, ["className", "order", "size", "direction", "defaultValue", "value", "onChange", "renderItem"]);
     const cls = `${PREFIX_DEFAULT}feedback`;
     const [value, onChange] = useControlable(props);
     const defaultRenderItem = useCallback((status) => {

package/es/feedback/main.scss

@@ -7,6 +7,9 @@
         padding: 0 4px;
         display: flex;
         flex-direction: row;
+        button:first-child {
+            margin-right: 16px;
+        }
     }
     &-item {
         background-color: transparent;
@@ -15,10 +18,10 @@
         display: inline-flex;
         justify-content: center;
         align-items: center;
-        padding: 0 4px;
         cursor: pointer;
-        color: inherit;
+        color: $color-line1-3;
         font-size: inherit;
+        padding: 0px;
         transition:
             color 0.15s,
             opacity 0.15s;
@@ -35,7 +38,7 @@
             line-height: 1;
 
             &--bad {
-                transform: rotate(180deg);
+                transform: rotateX(180deg);
             }
         }
     }

package/es/feedback/view/good.js

@@ -1,7 +1,7 @@
 import React from 'react';
 function Good(props) {
     return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024" }, props),
-        React.createElement("path", { fill: "currentColor", d: "M832 364.8H684.8s19.2-64 32-179.2C723.2 128 678.4 70.4 614.4 64h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6L960 499.2c6.4-70.4-6.4-134.4-128-134.4zM256 902.4H128v-480h128v480zm640-409.6L844.8 800C832 857.6 832 902.4 768 902.4H320v-480c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" })));
+        React.createElement("path", { fill: "currentColor", d: "M925.2352 425.472h-215.7568c14.6432-52.3776 32.9216-134.656 21.9648-220.7232-7.3216-71.1168-47.5648-123.4944-106.0864-145.92-43.8784-14.9504-87.7568-7.4752-113.3568 18.688-29.2352 29.952-43.8784 89.8048-58.5216 149.6576-10.9568 41.1648-18.2784 82.2784-32.9216 104.7552C384 395.52 303.616 421.6832 288.9216 425.4208H182.784c-21.9136 0-36.5568 15.0016-36.5568 37.4272v523.776c0 22.4256 14.6432 37.376 36.5568 37.376h625.408C950.784 1024 1024 567.6032 1024 541.3888c0-67.328-51.2-115.968-98.7648-115.968z m-116.992 519.9872h-588.8V500.224H307.2c25.6-7.4752 124.3648-44.9024 171.8784-127.1808 18.2784-29.952 29.2864-74.8544 40.2432-123.4944 10.9568-44.8512 21.9136-100.9664 40.2432-115.968 3.6352-3.7376 21.9136-7.4752 43.8784 0 18.2784 3.7376 47.5136 22.4768 54.8352 78.592 14.6432 119.7056-36.5568 235.6736-36.5568 235.6736-3.6864 11.2128-3.6864 26.1632 3.6352 37.376 7.3216 11.264 18.2784 18.7392 29.2864 18.7392h270.592c7.3216 0 29.2864 14.9504 29.2864 37.376-3.6864 78.592-95.0784 404.0704-146.2784 404.0704zM36.5568 425.4208C14.6432 425.472 0 440.4224 0 462.848v523.776c0 22.4256 14.6432 37.376 36.5568 37.376 21.9648 0 36.608-14.9504 36.608-37.376V462.848c0-22.4256-14.6432-37.376-36.608-37.376z" })));
 }
 Good.displayName = 'FeedbackGood';
 export default Good;

package/es/float-button/hooks/useDragable.js

@@ -15,14 +15,8 @@ function parsePosition(position, element) {
         const [widthRatio, heightRatio] = position;
         const { width, height } = getScreenSize();
         const rect = element.getBoundingClientRect();
-        console.log('getScreenSize', getScreenSize());
-        console.log('position', position);
-        debugger;
         const maxLeft = width - rect.width;
         const maxTop = height - rect.height;
-        console.log('maxLeft', maxLeft);
-        console.log('maxTop', maxTop);
-        debugger;
         return {
             transform: `translate(${Math.min(maxLeft, normalizePositionRatio(widthRatio) * width)}px, ${Math.min(maxTop, normalizePositionRatio(heightRatio) * height)}px)`,
             left: 0,
@@ -35,7 +29,6 @@ function normalizePositionStyle(position) {
     if (!position) {
         return undefined;
     }
-    debugger;
     return {
         transform: `translate(${position.left}px, ${position.top}px)`,
         left: 0,
@@ -78,10 +71,8 @@ export function useDragable(dom, options) {
             }
             e.preventDefault();
             isMoving = true;
-            debugger;
             // do update dom position
             const position = Object.assign({ left: e.clientX + leftOffset, top: e.clientY + topOffset }, domSize);
-            debugger;
             const adjustPosition = adjustBySafeAreaMargin(position, domRect, optionsRef.current.safeAreaMargin);
             const { left, top } = adjustPosition || position;
             if (lastPosition && lastPosition.left === left && lastPosition.top === top) {
@@ -129,7 +120,6 @@ export function useDragable(dom, options) {
             window.removeEventListener('up', up);
         };
     }, [dom, options.enable]);
-    debugger;
     return {
         className: '',
         style: (position ? normalizePositionStyle(position) : undefined) ||

package/es/float-button/main.scss

@@ -27,6 +27,7 @@
         }
         &-inner-start {
             flex: 1;
+            overflow: hidden;
         }
         &-inner-end {
             flex: none;

package/es/index.js

@@ -5,4 +5,4 @@ export { default as FloatButton } from './float-button';
 export { default as Text } from './text';
 export { default as Tag } from './tag';
 export { default as Tab } from './tab';
-export const version = '0.1.10';
+export const version = '0.1.13';

package/lib/core/variables.scss

@@ -31,3 +31,5 @@ $color-line1-2: var(--color-line1-2, #dcdee3) !default;
 $color-line1-3: var(--color-line1-3, #c4c6cf) !default;
 /// 重
 $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
+
+

package/lib/feedback/index.js

@@ -14,7 +14,7 @@ const good_1 = tslib_1.__importDefault(require("./view/good"));
  * @when 需要获取用户针对显示内容的赞同或否定意见时
  */
 function Feedback(props) {
-    const { className, order = ['good', 'bad'], size, direction = 'hoz', defaultValue, value: _value, onChange: _onChange, renderItem } = props, rests = tslib_1.__rest(props, ["className", "order", "size", "direction", "defaultValue", "value", "onChange", "renderItem"]);
+    const { className, order = ['bad', 'good'], size, direction = 'hoz', defaultValue, value: _value, onChange: _onChange, renderItem } = props, rests = tslib_1.__rest(props, ["className", "order", "size", "direction", "defaultValue", "value", "onChange", "renderItem"]);
     const cls = `${utils_1.PREFIX_DEFAULT}feedback`;
     const [value, onChange] = (0, utils_1.useControlable)(props);
     const defaultRenderItem = (0, react_1.useCallback)((status) => {

package/lib/feedback/main.scss

@@ -7,6 +7,9 @@
         padding: 0 4px;
         display: flex;
         flex-direction: row;
+        button:first-child {
+            margin-right: 16px;
+        }
     }
     &-item {
         background-color: transparent;
@@ -15,10 +18,10 @@
         display: inline-flex;
         justify-content: center;
         align-items: center;
-        padding: 0 4px;
         cursor: pointer;
-        color: inherit;
+        color: $color-line1-3;
         font-size: inherit;
+        padding: 0px;
         transition:
             color 0.15s,
             opacity 0.15s;
@@ -35,7 +38,7 @@
             line-height: 1;
 
             &--bad {
-                transform: rotate(180deg);
+                transform: rotateX(180deg);
             }
         }
     }

package/lib/feedback/view/good.js

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 function Good(props) {
     return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024" }, props),
-        react_1.default.createElement("path", { fill: "currentColor", d: "M832 364.8H684.8s19.2-64 32-179.2C723.2 128 678.4 70.4 614.4 64h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6L960 499.2c6.4-70.4-6.4-134.4-128-134.4zM256 902.4H128v-480h128v480zm640-409.6L844.8 800C832 857.6 832 902.4 768 902.4H320v-480c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" })));
+        react_1.default.createElement("path", { fill: "currentColor", d: "M925.2352 425.472h-215.7568c14.6432-52.3776 32.9216-134.656 21.9648-220.7232-7.3216-71.1168-47.5648-123.4944-106.0864-145.92-43.8784-14.9504-87.7568-7.4752-113.3568 18.688-29.2352 29.952-43.8784 89.8048-58.5216 149.6576-10.9568 41.1648-18.2784 82.2784-32.9216 104.7552C384 395.52 303.616 421.6832 288.9216 425.4208H182.784c-21.9136 0-36.5568 15.0016-36.5568 37.4272v523.776c0 22.4256 14.6432 37.376 36.5568 37.376h625.408C950.784 1024 1024 567.6032 1024 541.3888c0-67.328-51.2-115.968-98.7648-115.968z m-116.992 519.9872h-588.8V500.224H307.2c25.6-7.4752 124.3648-44.9024 171.8784-127.1808 18.2784-29.952 29.2864-74.8544 40.2432-123.4944 10.9568-44.8512 21.9136-100.9664 40.2432-115.968 3.6352-3.7376 21.9136-7.4752 43.8784 0 18.2784 3.7376 47.5136 22.4768 54.8352 78.592 14.6432 119.7056-36.5568 235.6736-36.5568 235.6736-3.6864 11.2128-3.6864 26.1632 3.6352 37.376 7.3216 11.264 18.2784 18.7392 29.2864 18.7392h270.592c7.3216 0 29.2864 14.9504 29.2864 37.376-3.6864 78.592-95.0784 404.0704-146.2784 404.0704zM36.5568 425.4208C14.6432 425.472 0 440.4224 0 462.848v523.776c0 22.4256 14.6432 37.376 36.5568 37.376 21.9648 0 36.608-14.9504 36.608-37.376V462.848c0-22.4256-14.6432-37.376-36.608-37.376z" })));
 }
 Good.displayName = 'FeedbackGood';
 exports.default = Good;

package/lib/float-button/hooks/useDragable.js

@@ -18,14 +18,8 @@ function parsePosition(position, element) {
         const [widthRatio, heightRatio] = position;
         const { width, height } = (0, util_1.getScreenSize)();
         const rect = element.getBoundingClientRect();
-        console.log('getScreenSize', (0, util_1.getScreenSize)());
-        console.log('position', position);
-        debugger;
         const maxLeft = width - rect.width;
         const maxTop = height - rect.height;
-        console.log('maxLeft', maxLeft);
-        console.log('maxTop', maxTop);
-        debugger;
         return {
             transform: `translate(${Math.min(maxLeft, normalizePositionRatio(widthRatio) * width)}px, ${Math.min(maxTop, normalizePositionRatio(heightRatio) * height)}px)`,
             left: 0,
@@ -38,7 +32,6 @@ function normalizePositionStyle(position) {
     if (!position) {
         return undefined;
     }
-    debugger;
     return {
         transform: `translate(${position.left}px, ${position.top}px)`,
         left: 0,
@@ -81,10 +74,8 @@ function useDragable(dom, options) {
             }
             e.preventDefault();
             isMoving = true;
-            debugger;
             // do update dom position
             const position = Object.assign({ left: e.clientX + leftOffset, top: e.clientY + topOffset }, domSize);
-            debugger;
             const adjustPosition = (0, util_1.adjustBySafeAreaMargin)(position, domRect, optionsRef.current.safeAreaMargin);
             const { left, top } = adjustPosition || position;
             if (lastPosition && lastPosition.left === left && lastPosition.top === top) {
@@ -132,7 +123,6 @@ function useDragable(dom, options) {
             window.removeEventListener('up', up);
         };
     }, [dom, options.enable]);
-    debugger;
     return {
         className: '',
         style: (position ? normalizePositionStyle(position) : undefined) ||

package/lib/float-button/main.scss

@@ -27,6 +27,7 @@
         }
         &-inner-start {
             flex: 1;
+            overflow: hidden;
         }
         &-inner-end {
             flex: none;

package/lib/index.js

@@ -18,4 +18,4 @@ var tag_1 = require("./tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(tag_1).default; } });
 var tab_1 = require("./tab");
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });
-exports.version = '0.1.10';
+exports.version = '0.1.13';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",