@kdcloudjs/kdesign 1.8.34 → 1.8.35

package/es/city-picker/city-picker.js

@@ -487,7 +487,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   var popperProps = _extends(_extends({}, selectProps), {
     prefixCls: classNames("".concat(selectPrefixCls, "-dropdown"), rtlCls),
-    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
+    placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,

package/es/color-picker/color-picker-panel.js

@@ -82,6 +82,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     prefixCls = _useContext.prefixCls,
     locale = _useContext.locale,
     direction = _useContext.direction;
+  var colorPickerLangMsg = locale.getCompLangMsg({
+    componentName: 'ColorPicker'
+  });
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
   var panelCls = classNames("".concat(colorPickerPrefixCls, "-panel"));
   var panelChromePickerCls = classNames("".concat(colorPickerPrefixCls, "-panel-chrome"), (_classNames = {}, _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-box"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox)), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-hue"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue)), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-opacity"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity)), _classNames));
@@ -430,7 +433,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     onClick: handleClearClick
   }), React.createElement("span", {
     className: panelClearColorText
-  }, "\u65E0\u989C\u8272\u586B\u5145")), functionalColor && showSwitch && React.createElement("div", {
+  }, colorPickerLangMsg === null || colorPickerLangMsg === void 0 ? void 0 : colorPickerLangMsg.noColor)), functionalColor && showSwitch && React.createElement("div", {
     className: panelFollowThemeCls
   }, React.createElement("span", null, (switchName === null || switchName === void 0 ? void 0 : switchName.internationalName) && locale.getLangMsg('ColorPicker', switchName.internationalName) || switchName.name), React.createElement(Switch, {
     checked: isFollow,
@@ -497,7 +500,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     className: historicalColorBoxCls
   }, React.createElement("div", {
     className: historicalColorBoxTitleCls
-  }, "\u6700\u8FD1\u4F7F\u7528\u989C\u8272"), React.createElement("div", {
+  }, colorPickerLangMsg === null || colorPickerLangMsg === void 0 ? void 0 : colorPickerLangMsg.recentColor), React.createElement("div", {
     className: historicalColorBoxContainerCls
   }, checkUserPresetColor(historicalColor) && _mapInstanceProperty(_context4 = presetColorToHEX(historicalColor)).call(_context4, function (colorValue, i) {
     return React.createElement("li", {
@@ -517,7 +520,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     className: colorBoxCls
   }, historicalColor && (historicalColor === null || historicalColor === void 0 ? void 0 : historicalColor.length) > 0 && React.createElement("div", {
     className: colorBoxTitleCls
-  }, "\u63A8\u8350\u8272"), React.createElement("div", {
+  }, colorPickerLangMsg === null || colorPickerLangMsg === void 0 ? void 0 : colorPickerLangMsg.recommendColor), React.createElement("div", {
     className: colorBoxContainerCls
   }, _mapInstanceProperty(_context5 = checkUserPresetColor(presetColor) && presetColorToHEX(presetColor) || systemPresetColor).call(_context5, function (colorValue, i) {
     return React.createElement("li", {

package/es/color-picker/style/index.css

@@ -714,6 +714,9 @@
 .kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n + 12) {
   margin-top: 0;
 }
+.kd-color-picker-rtl.kd-color-picker-container-pure .kd-input-wrapper.kd-color-picker-input .kd-input-prefix {
+  margin: 0;
+}
 .kd-color-picker-rtl .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:first-child > div {
   margin-right: 4px !important;
   margin-left: 0 !important;

package/es/color-picker/style/index.less

@@ -675,6 +675,13 @@
       }
     }
   }
+  &.@{color-picker-prefix-cls}-container-pure {
+    .@{kd-prefix}-input-wrapper.@{color-picker-prefix-cls}-input {
+      .@{kd-prefix}-input-prefix {
+        margin: 0;
+      }
+    }
+  }
   .@{color-picker-prefix-cls}-panel {
     &-chrome {
       & > div:last-child {

package/es/dropdown/dropdown.js

@@ -135,7 +135,7 @@ var Dropdown = React.forwardRef(function (props, ref) {
       animation: 'none'
     }, popperStyle),
     onVisibleChange: handleVisibleChange,
-    placement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft')
+    placement: typeof props.placement !== 'undefined' ? placement : direction === 'rtl' ? 'bottomRight' : placement
   });
   return usePopper(child, menuElement, popperProps);
 });

package/es/locale/en-US.d.ts

@@ -65,6 +65,9 @@ declare const locale: {
     'CityPicker.tabsInternation': string;
     'CityPicker.title': string;
     'ColorPicker.followFunctionalColor': string;
+    'ColorPicker.noColor': string;
+    'ColorPicker.recentColor': string;
+    'ColorPicker.recommendColor': string;
     'Search.placeholder': string;
     'Search.desc': string[];
     'Search.nplDesc': string;

package/es/locale/en-US.js

@@ -65,6 +65,9 @@ var locale = {
   'CityPicker.tabsInternation': 'International/China HK-MO-TW',
   'CityPicker.title': 'City',
   'ColorPicker.followFunctionalColor': 'Follow theme color',
+  'ColorPicker.noColor': 'No color fill',
+  'ColorPicker.recentColor': 'Recently used color',
+  'ColorPicker.recommendColor': 'Recommended color',
   'Search.placeholder': 'Please enter search content',
   'Search.desc': ["Space means 'or', Enter means 'and'"],
   'Search.nplDesc': 'Smart search',

package/es/locale/locale.d.ts

@@ -72,6 +72,9 @@ declare class LocaleCache {
         'CityPicker.tabsInternation': string;
         'CityPicker.title': string;
         'ColorPicker.followFunctionalColor': string;
+        'ColorPicker.noColor': string;
+        'ColorPicker.recentColor': string;
+        'ColorPicker.recommendColor': string;
         'Search.placeholder': string;
         'Search.desc': string[];
         'Search.nplDesc': string;

package/es/locale/zh-CN.d.ts

@@ -44,6 +44,9 @@ declare const locale: {
     'CityPicker.tabsInternation': string;
     'CityPicker.title': string;
     'ColorPicker.followFunctionalColor': string;
+    'ColorPicker.noColor': string;
+    'ColorPicker.recentColor': string;
+    'ColorPicker.recommendColor': string;
     'Search.placeholder': string;
     'Search.desc': string[];
     'Search.nplDesc': string;

package/es/locale/zh-CN.js

@@ -48,6 +48,9 @@ var locale = _extends(_extends({
   'CityPicker.tabsInternation': '国际/中国港澳台',
   'CityPicker.title': '城市',
   'ColorPicker.followFunctionalColor': '跟随功能色',
+  'ColorPicker.noColor': '无颜色填充',
+  'ColorPicker.recentColor': '最近使用颜色',
+  'ColorPicker.recommendColor': '推荐色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',

package/es/select/select.js

@@ -908,7 +908,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   var popperProps = _extends(_extends({}, selectProps), {
     prefixCls: _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = "".concat(selectPrefixCls, "-dropdown-panel")).call(_context6, isMultiple ? " ".concat(selectPrefixCls, "-multiple-dropdown-panel") : '', " ")).call(_context5, rtlCls),
-    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
+    placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,

package/lib/city-picker/city-picker.js

@@ -499,7 +499,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   var popperProps = (0, _extends2.default)((0, _extends2.default)({}, selectProps), {
     prefixCls: (0, _classnames.default)("".concat(selectPrefixCls, "-dropdown"), rtlCls),
-    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
+    placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,

package/lib/color-picker/color-picker-panel.js

@@ -94,6 +94,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     prefixCls = _useContext.prefixCls,
     locale = _useContext.locale,
     direction = _useContext.direction;
+  var colorPickerLangMsg = locale.getCompLangMsg({
+    componentName: 'ColorPicker'
+  });
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
   var panelCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel"));
   var panelChromePickerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-chrome"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-box"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox)), (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-hue"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue)), (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-opacity"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity)), _classNames));
@@ -442,7 +445,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     onClick: handleClearClick
   }), _react.default.createElement("span", {
     className: panelClearColorText
-  }, "\u65E0\u989C\u8272\u586B\u5145")), functionalColor && showSwitch && _react.default.createElement("div", {
+  }, colorPickerLangMsg === null || colorPickerLangMsg === void 0 ? void 0 : colorPickerLangMsg.noColor)), functionalColor && showSwitch && _react.default.createElement("div", {
     className: panelFollowThemeCls
   }, _react.default.createElement("span", null, (switchName === null || switchName === void 0 ? void 0 : switchName.internationalName) && locale.getLangMsg('ColorPicker', switchName.internationalName) || switchName.name), _react.default.createElement(_index.Switch, {
     checked: isFollow,
@@ -509,7 +512,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     className: historicalColorBoxCls
   }, _react.default.createElement("div", {
     className: historicalColorBoxTitleCls
-  }, "\u6700\u8FD1\u4F7F\u7528\u989C\u8272"), _react.default.createElement("div", {
+  }, colorPickerLangMsg === null || colorPickerLangMsg === void 0 ? void 0 : colorPickerLangMsg.recentColor), _react.default.createElement("div", {
     className: historicalColorBoxContainerCls
   }, checkUserPresetColor(historicalColor) && (0, _map.default)(_context4 = (0, _colorFormat.presetColorToHEX)(historicalColor)).call(_context4, function (colorValue, i) {
     return _react.default.createElement("li", {
@@ -529,7 +532,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     className: colorBoxCls
   }, historicalColor && (historicalColor === null || historicalColor === void 0 ? void 0 : historicalColor.length) > 0 && _react.default.createElement("div", {
     className: colorBoxTitleCls
-  }, "\u63A8\u8350\u8272"), _react.default.createElement("div", {
+  }, colorPickerLangMsg === null || colorPickerLangMsg === void 0 ? void 0 : colorPickerLangMsg.recommendColor), _react.default.createElement("div", {
     className: colorBoxContainerCls
   }, (0, _map.default)(_context5 = checkUserPresetColor(presetColor) && (0, _colorFormat.presetColorToHEX)(presetColor) || _systemPresetColor.systemPresetColor).call(_context5, function (colorValue, i) {
     return _react.default.createElement("li", {

package/lib/color-picker/style/index.css

@@ -714,6 +714,9 @@
 .kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n + 12) {
   margin-top: 0;
 }
+.kd-color-picker-rtl.kd-color-picker-container-pure .kd-input-wrapper.kd-color-picker-input .kd-input-prefix {
+  margin: 0;
+}
 .kd-color-picker-rtl .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:first-child > div {
   margin-right: 4px !important;
   margin-left: 0 !important;

package/lib/color-picker/style/index.less

@@ -675,6 +675,13 @@
       }
     }
   }
+  &.@{color-picker-prefix-cls}-container-pure {
+    .@{kd-prefix}-input-wrapper.@{color-picker-prefix-cls}-input {
+      .@{kd-prefix}-input-prefix {
+        margin: 0;
+      }
+    }
+  }
   .@{color-picker-prefix-cls}-panel {
     &-chrome {
       & > div:last-child {

package/lib/dropdown/dropdown.js

@@ -147,7 +147,7 @@ var Dropdown = React.forwardRef(function (props, ref) {
       animation: 'none'
     }, popperStyle),
     onVisibleChange: handleVisibleChange,
-    placement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft')
+    placement: typeof props.placement !== 'undefined' ? placement : direction === 'rtl' ? 'bottomRight' : placement
   });
   return (0, _usePopper.default)(child, menuElement, popperProps);
 });

package/lib/locale/en-US.d.ts

@@ -65,6 +65,9 @@ declare const locale: {
     'CityPicker.tabsInternation': string;
     'CityPicker.title': string;
     'ColorPicker.followFunctionalColor': string;
+    'ColorPicker.noColor': string;
+    'ColorPicker.recentColor': string;
+    'ColorPicker.recommendColor': string;
     'Search.placeholder': string;
     'Search.desc': string[];
     'Search.nplDesc': string;

package/lib/locale/en-US.js

@@ -71,6 +71,9 @@ var locale = {
   'CityPicker.tabsInternation': 'International/China HK-MO-TW',
   'CityPicker.title': 'City',
   'ColorPicker.followFunctionalColor': 'Follow theme color',
+  'ColorPicker.noColor': 'No color fill',
+  'ColorPicker.recentColor': 'Recently used color',
+  'ColorPicker.recommendColor': 'Recommended color',
   'Search.placeholder': 'Please enter search content',
   'Search.desc': ["Space means 'or', Enter means 'and'"],
   'Search.nplDesc': 'Smart search',

package/lib/locale/locale.d.ts

@@ -72,6 +72,9 @@ declare class LocaleCache {
         'CityPicker.tabsInternation': string;
         'CityPicker.title': string;
         'ColorPicker.followFunctionalColor': string;
+        'ColorPicker.noColor': string;
+        'ColorPicker.recentColor': string;
+        'ColorPicker.recommendColor': string;
         'Search.placeholder': string;
         'Search.desc': string[];
         'Search.nplDesc': string;

package/lib/locale/zh-CN.d.ts

@@ -44,6 +44,9 @@ declare const locale: {
     'CityPicker.tabsInternation': string;
     'CityPicker.title': string;
     'ColorPicker.followFunctionalColor': string;
+    'ColorPicker.noColor': string;
+    'ColorPicker.recentColor': string;
+    'ColorPicker.recommendColor': string;
     'Search.placeholder': string;
     'Search.desc': string[];
     'Search.nplDesc': string;

package/lib/locale/zh-CN.js

@@ -55,6 +55,9 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'CityPicker.tabsInternation': '国际/中国港澳台',
   'CityPicker.title': '城市',
   'ColorPicker.followFunctionalColor': '跟随功能色',
+  'ColorPicker.noColor': '无颜色填充',
+  'ColorPicker.recentColor': '最近使用颜色',
+  'ColorPicker.recommendColor': '推荐色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',

package/lib/select/select.js

@@ -920,7 +920,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   var popperProps = (0, _extends2.default)((0, _extends2.default)({}, selectProps), {
     prefixCls: (0, _concat.default)(_context5 = (0, _concat.default)(_context6 = "".concat(selectPrefixCls, "-dropdown-panel")).call(_context6, isMultiple ? " ".concat(selectPrefixCls, "-multiple-dropdown-panel") : '', " ")).call(_context5, rtlCls),
-    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
+    placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.8.34",
+  "version": "1.8.35",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [