@xfe-repo/web-components 1.6.0 → 1.6.1

package/dist/index.css

@@ -591,10 +591,34 @@
 .index_module_select_wrap .index_module_select_label .ant-select-selector {
   border-right: none !important;
 }
+.index_module_auto_width_wrap {
+  flex: none !important;
+  width: fit-content !important;
+  min-width: 385px;
+}
 .index_module_value_select {
   width: calc(100% - 85px) !important;
   min-width: 0;
 }
+.index_module_auto_width_value_select {
+  flex: none !important;
+  width: auto !important;
+  min-width: 300px;
+}
+.index_module_auto_width_value_select .ant-select-selector {
+  width: auto !important;
+  min-width: 100%;
+}
+.index_module_auto_width_value_select .ant-select-selection-item {
+  flex: none;
+  width: max-content;
+  max-width: none;
+}
+.index_module_auto_width_value_select .ant-select-selection-placeholder {
+  flex: none;
+  width: max-content;
+  max-width: none;
+}
 .index_module_select7 {
   width: auto;
 }

package/dist/index.js

@@ -7359,7 +7359,9 @@ var useReqData = function useReqData(fn, reqParams, dependency) {
 var index_module_default21 = {
     select_wrap: "index_module_select_wrap",
     select_label: "index_module_select_label",
+    auto_width_wrap: "index_module_auto_width_wrap",
     value_select: "index_module_value_select",
+    auto_width_value_select: "index_module_auto_width_value_select",
     select: "index_module_select7"
 };
 // src/EffectLabelSelect/index.tsx
@@ -7368,6 +7370,7 @@ var import_jsx_runtime48 = require("react/jsx-runtime");
 var EffectLabelSelect = (0, import_react52.memo)(function(props) {
     var onChange = props.onChange, className = props.className, value = props.value, disabled = props.disabled, defaultLabel = props.defaultLabel, _props_labelDic = props.labelDic, labelDic = _props_labelDic === void 0 ? defaultLabelDic : _props_labelDic, onFetchData = props.onFetchData, _props_onTransformData = props.onTransformData, onTransformData = _props_onTransformData === void 0 ? defaultTransformDataFn : _props_onTransformData, _props_fetchParams = props.fetchParams, fetchParams = _props_fetchParams === void 0 ? {} : _props_fetchParams, _props_customLabelInValue = props.customLabelInValue, customLabelInValue = _props_customLabelInValue === void 0 ? false : _props_customLabelInValue, optionsDisplayType = props.optionsDisplayType, style = props.style;
     var apiService = useRequestConfig().apiService;
+    var isAutoWidthMode = optionsDisplayType === "labelAndValue";
     var _ref = _sliced_to_array((0, import_react52.useState)(function() {
         var _transformObj2Options_, _transformObj2Options;
         var defaultLabelFromValue = customLabelInValue ? getSelectValue(value, "labelDicKey") : "";
@@ -7437,7 +7440,7 @@ var EffectLabelSelect = (0, import_react52.memo)(function(props) {
         });
     }) : optionsData;
     var selectValueProps = {
-        className: (0, import_classnames16.default)(index_module_default21.value_select, className),
+        className: (0, import_classnames16.default)(index_module_default21.value_select, className, _define_property({}, index_module_default21.auto_width_value_select, isAutoWidthMode)),
         notFoundContent: notFoundContent,
         value: mergedValue,
         options: mergedOptionsData,
@@ -7454,7 +7457,7 @@ var EffectLabelSelect = (0, import_react52.memo)(function(props) {
         filterOption: false
     };
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_antd40.Space.Compact, {
-        className: index_module_default21.select_wrap,
+        className: (0, import_classnames16.default)(index_module_default21.select_wrap, _define_property({}, index_module_default21.auto_width_wrap, isAutoWidthMode)),
         style: style,
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd40.Select, _object_spread({}, selectLabelProps)),

package/dist/index.mjs

@@ -7065,7 +7065,9 @@ var useReqData = function useReqData(fn, reqParams, dependency) {
 var index_module_default21 = {
     select_wrap: "index_module_select_wrap",
     select_label: "index_module_select_label",
+    auto_width_wrap: "index_module_auto_width_wrap",
     value_select: "index_module_value_select",
+    auto_width_value_select: "index_module_auto_width_value_select",
     select: "index_module_select7"
 };
 // src/EffectLabelSelect/index.tsx
@@ -7074,6 +7076,7 @@ import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
 var EffectLabelSelect = memo38(function(props) {
     var onChange = props.onChange, className = props.className, value = props.value, disabled = props.disabled, defaultLabel = props.defaultLabel, _props_labelDic = props.labelDic, labelDic = _props_labelDic === void 0 ? defaultLabelDic : _props_labelDic, onFetchData = props.onFetchData, _props_onTransformData = props.onTransformData, onTransformData = _props_onTransformData === void 0 ? defaultTransformDataFn : _props_onTransformData, _props_fetchParams = props.fetchParams, fetchParams = _props_fetchParams === void 0 ? {} : _props_fetchParams, _props_customLabelInValue = props.customLabelInValue, customLabelInValue = _props_customLabelInValue === void 0 ? false : _props_customLabelInValue, optionsDisplayType = props.optionsDisplayType, style = props.style;
     var apiService = useRequestConfig().apiService;
+    var isAutoWidthMode = optionsDisplayType === "labelAndValue";
     var _useState31 = _sliced_to_array(useState31(function() {
         var _transformObj2Options_, _transformObj2Options;
         var defaultLabelFromValue = customLabelInValue ? getSelectValue(value, "labelDicKey") : "";
@@ -7143,7 +7146,7 @@ var EffectLabelSelect = memo38(function(props) {
         });
     }) : optionsData;
     var selectValueProps = {
-        className: classnames15(index_module_default21.value_select, className),
+        className: classnames15(index_module_default21.value_select, className, _define_property({}, index_module_default21.auto_width_value_select, isAutoWidthMode)),
         notFoundContent: notFoundContent,
         value: mergedValue,
         options: mergedOptionsData,
@@ -7160,7 +7163,7 @@ var EffectLabelSelect = memo38(function(props) {
         filterOption: false
     };
     return /* @__PURE__ */ jsxs20(Space4.Compact, {
-        className: index_module_default21.select_wrap,
+        className: classnames15(index_module_default21.select_wrap, _define_property({}, index_module_default21.auto_width_wrap, isAutoWidthMode)),
         style: style,
         children: [
             /* @__PURE__ */ jsx48(Select12, _object_spread({}, selectLabelProps)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/web-components",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
@@ -61,9 +61,9 @@
     "react-dom": "18.2.0",
     "react-use": "^17.5.1",
     "swr": "^2.2.5",
+    "@xfe-repo/web-router": "1.6.0",
     "@xfe-repo/web-micro": "1.6.0",
     "@xfe-repo/web-service": "1.6.0",
-    "@xfe-repo/web-router": "1.6.0",
     "@xfe-repo/web-utils": "1.6.0"
   },
   "publishConfig": {