linkmore-design 1.1.13-alpha.0 → 1.1.13-alpha.10

package/lib/Select/index.js

@@ -15,10 +15,14 @@ var _select = _interopRequireDefault(require("antd/es/select"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _Button = _interopRequireDefault(require("../Button"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
 
+var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -37,13 +41,23 @@ var CLMSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       className = props.className,
       customizeSize = props.size,
+      customDisabled = props.disabled,
       dropdownClassName = props.dropdownClassName,
       options = props.options,
       value = props.value,
       defaultLabel = props.defaultLabel,
-      others = __rest(props, ["children", "className", "size", "dropdownClassName", "options", "value", "defaultLabel"]);
+      suffix = props.suffix,
+      icon = props.icon,
+      iconClick = props.iconClick,
+      rest = __rest(props // ===================== Size =====================
+  , ["children", "className", "size", "disabled", "dropdownClassName", "options", "value", "defaultLabel", "suffix", "icon", "iconClick"]); // ===================== Size =====================
+
+
+  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle'; // ===================== Disabled =====================
 
-  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle'; // 当前值是否存于选项中
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled; // 当前值是否存于选项中
 
   var hasOption = (0, _react.useMemo)(function () {
     var flag = false;
@@ -62,24 +76,50 @@ var CLMSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     if (options) {
       flag = !!options.some(function (v) {
-        return v.value === value;
+        var _a, _b;
+
+        return v[(_b = (_a = props.fieldNames) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'value'] === value;
       });
     }
 
     return flag;
-  }, [children, value, options]); // 重组value: 传入value但找不到options项时，展示默认label
+  }, [children, value, options, props.fieldNames]); // 重组value: 传入value但找不到options项时，展示默认label
 
   var resetValue = (0, _react.useMemo)(function () {
     if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
     return value;
-  }, [value, hasOption]);
+  }, [value, defaultLabel, hasOption]);
+
+  if (icon) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'lm_select_has_icon',
+      style: props.style
+    }, /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
+      className: (0, _classnames.default)(className, prefixCls),
+      size: size,
+      ref: ref,
+      value: resetValue,
+      options: options,
+      disabled: mergedDisabled || undefined
+    }, rest, {
+      dropdownClassName: (0, _classnames.default)('lm_select_dropdown', dropdownClassName)
+    }), children), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      size: size,
+      onClick: iconClick,
+      className: 'lm_select_icon_button',
+      disabled: mergedDisabled || undefined,
+      icon: icon
+    }));
+  }
+
   return /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls),
     size: size,
     ref: ref,
     value: resetValue,
-    options: options
-  }, others, {
+    options: options,
+    disabled: mergedDisabled || undefined
+  }, rest, {
     dropdownClassName: (0, _classnames.default)('lm_select_dropdown', dropdownClassName)
   }), children);
 });

package/lib/Select/style/index.css

@@ -512,6 +512,7 @@ p {
 }
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
   box-shadow: none;
@@ -525,3 +526,30 @@ p {
 .lm_select_dropdown .ant-select-item-option-disabled {
   color: var(--disabled-font-color);
 }
+.lm_select_has_icon {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+}
+.lm_select_has_icon .ant-select {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  z-index: 3;
+}
+.lm_select_has_icon .ant-select .ant-select-selector {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.lm_select_has_icon .lm_select_icon_button {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  z-index: 2;
+}
+.lm_select_has_icon .lm_select_icon_button:hover,
+.lm_select_has_icon .lm_select_icon_button:focus {
+  z-index: 5;
+}

package/lib/Select/style/variables.css

@@ -1,5 +1,6 @@
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
   box-shadow: none;
@@ -13,3 +14,30 @@
 .lm_select_dropdown .ant-select-item-option-disabled {
   color: var(--disabled-font-color);
 }
+.lm_select_has_icon {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+}
+.lm_select_has_icon .ant-select {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  z-index: 3;
+}
+.lm_select_has_icon .ant-select .ant-select-selector {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.lm_select_has_icon .lm_select_icon_button {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  z-index: 2;
+}
+.lm_select_has_icon .lm_select_icon_button:hover,
+.lm_select_has_icon .lm_select_icon_button:focus {
+  z-index: 5;
+}

package/lib/TreeSelect/index.js

@@ -15,6 +15,10 @@ var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -33,8 +37,19 @@ var CLMTreeSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       treeData = props.treeData,
       value = props.value,
       defaultLabel = props.defaultLabel,
-      resetProps = __rest(props, ["children", "treeData", "value", "defaultLabel"]);
+      customDisabled = props.disabled,
+      customizeSize = props.size,
+      resetProps = __rest(props // ===================== Disabled =====================
+  , ["children", "treeData", "value", "defaultLabel", "disabled", "size"]); // ===================== Disabled =====================
+
+
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
+
+  var size = _react.default.useContext(_SizeContext.default);
 
+  var mergeSize = customizeSize || size;
   var deepChildren = (0, _react.useCallback)(function (arr) {
     var flag = false;
 
@@ -83,7 +98,11 @@ var CLMTreeSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [value, hasOption]);
   return /*#__PURE__*/_react.default.createElement(_treeSelect.default, Object.assign({
     ref: ref,
-    value: resetValue
+    className: 'lm_tree_select',
+    value: resetValue,
+    size: mergeSize,
+    disabled: mergedDisabled,
+    treeData: treeData
   }, resetProps), children);
 });
 var LMTreeSelect = CLMTreeSelect;

package/lib/TreeSelect/style/index.css

@@ -510,3 +510,6 @@ html {
 p {
   margin-bottom: 0;
 }
+.lm_tree_select .ant-select-selection-placeholder {
+  font-size: 12px;
+}

package/lib/TreeSelect/style/variables.css

@@ -0,0 +1,3 @@
+.lm_tree_select .ant-select-selection-placeholder {
+  font-size: 12px;
+}

package/lib/index.d.ts

@@ -51,6 +51,7 @@ export type { TooltipProps } from './Tooltip';
 export { default as Form } from './Form';
 export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
+export type { TLmEditTable, CountdownHandle } from './LmEditTable/EditTable';
 export { default as List } from './List';
 export { default as LMQuickMenu } from './QuickMenu';
 export { default as DatePicker } from './DatePicker';
@@ -125,3 +126,4 @@ export { default as CropImg } from './CropImg';
 export type { CropImgProps } from './CropImg';
 export { default as ImageViewer } from './ImageViewer';
 export type { ImageViewerProps } from './ImageViewer';
+export * from './LmDrag';

package/lib/index.js

@@ -776,4 +776,18 @@ Object.keys(_LmImgList).forEach(function (key) {
 
 var _CropImg = _interopRequireDefault(require("./CropImg"));
 
-var _ImageViewer = _interopRequireDefault(require("./ImageViewer"));
+var _ImageViewer = _interopRequireDefault(require("./ImageViewer"));
+
+var _LmDrag = require("./LmDrag");
+
+Object.keys(_LmDrag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _LmDrag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LmDrag[key];
+    }
+  });
+});