@mi-avalon/libs 0.0.9 → 0.0.11

package/dist/components/index.d.ts

@@ -1,9 +1,6 @@
 export { default as ItemRow } from './ItemsRow';
 export { default as MBreadcrumb } from './MBreadcrumb';
 export { default as MDescriptions } from './MDescriptions';
-export * from './MForm';
-export { default as MForm } from './MForm';
 export { default as MiModal } from './MiModal';
-export { default as MSearch } from './MSearch';
 export { default as MTable } from './MTable';
 export * from './ThemeContext';

package/dist/libs.cjs.development.js

@@ -8,7 +8,6 @@ var antd = require('antd');
 var React = require('react');
 var React__default = _interopDefault(React);
 var ReactDOMClient = require('react-dom/client');
-var icons = require('@ant-design/icons');
 
 var CMX = function CMX() {
   /**
@@ -925,225 +924,6 @@ var DetailDescriptions = function DetailDescriptions(props) {
 };
 DetailDescriptions.displayName = 'DetailDescriptions';
 
-var css_248z$1 = ".m-form-item-wrapper {\n  max-width: 480px;\n}\n.m-form .error-message {\n  color: red;\n  font-size: 12px;\n  margin-top: 4px;\n}";
-styleInject(css_248z$1);
-
-(function (MFormItemTypeEnum) {
-  MFormItemTypeEnum["Input"] = "input";
-  MFormItemTypeEnum["InputNumber"] = "inputNumber";
-  MFormItemTypeEnum["Text"] = "text";
-  MFormItemTypeEnum["Password"] = "password";
-  MFormItemTypeEnum["Radio"] = "radio";
-  MFormItemTypeEnum["Select"] = "select";
-  MFormItemTypeEnum["Checkbox"] = "checkbox";
-  MFormItemTypeEnum["DatePicker"] = "datePicker";
-  MFormItemTypeEnum["RangePicker"] = "rangePicker";
-  MFormItemTypeEnum["Upload"] = "upload";
-  MFormItemTypeEnum["Mentions"] = "mentions";
-  MFormItemTypeEnum["Cascader"] = "cascader";
-  MFormItemTypeEnum["TreeSelect"] = "treeSelect";
-  MFormItemTypeEnum["Slider"] = "slider";
-})(exports.MFormItemTypeEnum || (exports.MFormItemTypeEnum = {}));
-
-var RangePicker = antd.DatePicker.RangePicker;
-var MFormItemConst = /*#__PURE__*/function () {
-  function MFormItemConst() {}
-  MFormItemConst.getDefaultArrayPlaceholder = function getDefaultArrayPlaceholder(item) {
-    var placeholder;
-    switch (item.type) {
-      case 'rangePicker':
-        placeholder = ['开始时间', '结束时间'];
-        break;
-    }
-    return placeholder;
-  };
-  MFormItemConst.getDefaultPlaceholder = function getDefaultPlaceholder(item) {
-    var placeholder;
-    switch (item.type) {
-      case exports.MFormItemTypeEnum.Input:
-      case exports.MFormItemTypeEnum.Password:
-      case exports.MFormItemTypeEnum.InputNumber:
-      case exports.MFormItemTypeEnum.Text:
-      case exports.MFormItemTypeEnum.Mentions:
-        placeholder = "\u8BF7\u8F93\u5165" + item.label;
-        break;
-      case exports.MFormItemTypeEnum.Select:
-      case exports.MFormItemTypeEnum.Checkbox:
-      case exports.MFormItemTypeEnum.Radio:
-      case exports.MFormItemTypeEnum.DatePicker:
-      case exports.MFormItemTypeEnum.RangePicker:
-      case exports.MFormItemTypeEnum.Cascader:
-      case exports.MFormItemTypeEnum.Upload:
-      case exports.MFormItemTypeEnum.TreeSelect:
-        placeholder = "\u8BF7\u9009\u62E9" + item.label;
-        break;
-    }
-    return placeholder;
-  };
-  return MFormItemConst;
-}();
-MFormItemConst.labelCol = {
-  span: 7
-};
-MFormItemConst.wrapperCol = {
-  span: 17
-};
-MFormItemConst.defaultRowGutter = 24;
-MFormItemConst.input = function (item) {
-  return React__default.createElement(antd.Input, Object.assign({
-    disabled: item.disabled,
-    maxLength: item.maxLength
-  }, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.password = function (item) {
-  return React__default.createElement(antd.Input.Password, Object.assign({
-    disabled: item.disabled
-  }, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.text = function (item) {
-  return React__default.createElement(antd.Input.TextArea, Object.assign({
-    disabled: item.disabled,
-    maxLength: item.maxLength
-  }, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.inputNumber = function (item) {
-  return React__default.createElement(antd.InputNumber, Object.assign({
-    disabled: item.disabled,
-    maxLength: item.maxLength
-  }, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.datePicker = function (item) {
-  return React__default.createElement(antd.DatePicker, Object.assign({
-    disabled: item.disabled
-  }, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.rangePicker = function (item) {
-  return React__default.createElement(RangePicker, Object.assign({
-    disabled: item.disabled
-  }, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultArrayPlaceholder(item)
-  }));
-};
-MFormItemConst.select = function (item) {
-  return React__default.createElement(antd.Select, Object.assign({}, item.props, {
-    disabled: item.disabled,
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.radio = function (item) {
-  return React__default.createElement(antd.Radio.Group, Object.assign({
-    disabled: item.disabled
-  }, item.props));
-};
-MFormItemConst.checkbox = function (item) {
-  return React__default.createElement(antd.Checkbox.Group, Object.assign({
-    disabled: item.disabled
-  }, item.props));
-};
-MFormItemConst.upload = function (item) {
-  return React__default.createElement(antd.Upload, Object.assign({
-    defaultFileList: item.initialValue
-  }, item.props), item.children || React__default.createElement(antd.Button, null, React__default.createElement(icons.UploadOutlined, null), " \u70B9\u51FB\u4E0A\u4F20"));
-};
-MFormItemConst.mentions = function (item) {
-  return React__default.createElement(antd.Mentions, Object.assign({}, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.cascader = function (item) {
-  return React__default.createElement(antd.Cascader, Object.assign({}, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.treeSelect = function (item) {
-  return React__default.createElement(antd.TreeSelect, Object.assign({}, item.props, {
-    placeholder: item.placeholder || MFormItemConst.getDefaultPlaceholder(item)
-  }));
-};
-MFormItemConst.slider = function (item) {
-  return React__default.createElement(antd.Slider, Object.assign({}, item.props));
-};
-
-var classname$2 = function classname(n) {
-  if (n === void 0) {
-    n = '';
-  }
-  var cn = 'm-form';
-  return getClassName(cn, n);
-};
-function MForm(props) {
-  var formProps = props.formProps,
-    _props$formItems = props.formItems,
-    formItems = _props$formItems === void 0 ? [] : _props$formItems,
-    _props$column = props.column,
-    column = _props$column === void 0 ? 1 : _props$column,
-    form = props.form,
-    itemLayout = props.itemLayout,
-    formRowProps = props.formRowProps;
-  var renderItem = function renderItem(item, form) {
-    if (item.render) {
-      return item.render(form);
-    }
-    var func = MFormItemConst[item.type];
-    if (item && item.type && func) {
-      var renderFunc = func;
-      return renderFunc(item);
-    }
-    return React__default.createElement("div", {
-      className: "error-message"
-    }, "Invalid form item configuration");
-  };
-  var renderFormItem = function renderFormItem(item) {
-    var _item$show = item.show,
-      show = _item$show === void 0 ? true : _item$show;
-    if (!show) return null;
-    var rules = [].concat(item.rules || []);
-    if (item.required) {
-      rules.push({
-        required: true,
-        message: item.required
-      });
-    }
-    var formItemLayout = _extends({
-      labelCol: MFormItemConst.labelCol,
-      wrapperCol: MFormItemConst.wrapperCol
-    }, itemLayout, item.itemLayout);
-    return React__default.createElement(antd.Col, {
-      key: "col-" + item.id,
-      span: item.span || 24 / column
-    }, React__default.createElement("div", {
-      className: classname$2('item-wrapper')
-    }, React__default.createElement(antd.Form.Item, Object.assign({
-      label: item.label,
-      name: item.id,
-      rules: rules,
-      initialValue: item.initialValue
-    }, formItemLayout, item.formItemProps), renderItem(item, form))));
-  };
-  return React__default.createElement(CompThemeProvider, null, React__default.createElement(antd.Form, Object.assign({
-    form: form
-  }, formProps, {
-    className: classname$2() + " " + (formProps == null ? void 0 : formProps.className)
-  }), React__default.createElement(antd.Row, Object.assign({
-    gutter: MFormItemConst.defaultRowGutter
-  }, formRowProps, {
-    className: classname$2('grid') + " " + (formRowProps == null ? void 0 : formRowProps.className)
-  }), formItems.map(function (e) {
-    return renderFormItem(e);
-  }))));
-}
-MForm.displayName = 'MForm';
-
 // 全局状态管理
 var globalMode = 'default';
 var modalInstances = [];
@@ -1234,118 +1014,6 @@ MiModal.open = function (props) {
   return instance;
 };
 
-var css_248z$2 = ".m-search {\n  position: relative;\n  border-radius: 8px;\n}\n.m-search .ant-card {\n  margin: 0;\n  padding: 16px 0;\n}\n.m-search .ant-card .ant-card-body {\n  padding: 0;\n  border-radius: 0;\n}\n.m-search-form {\n  position: relative;\n  margin-right: 20px;\n}\n.m-search-btn-wrapper {\n  display: inline-block;\n}\n.m-search-collapsed .m-search-btn-wrapper {\n  position: absolute;\n  right: 0px;\n  top: 0;\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n.m-search .ant-form-item {\n  margin-bottom: 10px;\n}\n.m-search-collapsed .ant-form-item {\n  margin-bottom: 0;\n}\n.m-search-footer {\n  text-align: right;\n  padding: 10px 20px;\n}\n.m-search-btn {\n  margin-left: 10px;\n}\n.m-search-btn-collapse {\n  display: inline-block;\n  cursor: pointer;\n}\n.m-search .ant-calendar-picker {\n  width: auto !important;\n}";
-styleInject(css_248z$2);
-
-var ENTER_KEY_CODE = 13; // 回车键的值为13
-var classname$3 = function classname(n) {
-  if (n === void 0) {
-    n = '';
-  }
-  var cn = 'm-search';
-  return getClassName(cn, n);
-};
-var MSearch = function MSearch(props) {
-  var className = props.className,
-    _props$searchItems = props.searchItems,
-    searchItems = _props$searchItems === void 0 ? [] : _props$searchItems,
-    onSearch = props.onSearch,
-    _props$defaultShowAll = props.defaultShowAll,
-    defaultShowAll = _props$defaultShowAll === void 0 ? false : _props$defaultShowAll,
-    _props$customButtons = props.customButtons,
-    customButtons = _props$customButtons === void 0 ? [] : _props$customButtons,
-    propsForm = props.form;
-  var _useState = React.useState(defaultShowAll),
-    showAll = _useState[0],
-    setShowAll = _useState[1];
-  var _Form$useForm = antd.Form.useForm(),
-    curForm = _Form$useForm[0];
-  var searchWrap = React.useRef(null);
-  var form = propsForm != null ? propsForm : curForm;
-  // 键盘按下事件处理
-  var onEnterKeySearch = function onEnterKeySearch(keyObj) {
-    var keyCode = keyObj.keyCode;
-    if (keyCode === ENTER_KEY_CODE) {
-      search();
-    }
-  };
-  // 添加和移除事件监听
-  React.useEffect(function () {
-    var currentWrap = searchWrap.current;
-    currentWrap == null || currentWrap.addEventListener('keydown', onEnterKeySearch);
-    return function () {
-      currentWrap == null || currentWrap.removeEventListener('keydown', onEnterKeySearch);
-    };
-  }, []);
-  // 重置表单
-  var reset = function reset() {
-    form == null || form.resetFields();
-    search(true);
-  };
-  // 搜索函数
-  var search = function search(isReset) {
-    if (isReset === void 0) {
-      isReset = false;
-    }
-    form == null || form.validateFields().then(function (values) {
-      removeNull(values);
-      onSearch == null || onSearch(values, isReset);
-    });
-  };
-  // 渲染搜索按钮
-  var renderSearchButtons = function renderSearchButtons() {
-    var hasMore = searchItems.length > 2;
-    return React__default.createElement("div", {
-      className: classname$3('btn-wrapper')
-    }, (customButtons == null ? void 0 : customButtons.length) > 0 ? React__default.createElement(React__default.Fragment, null, customButtons.map(function (buttonProps, index) {
-      return React__default.createElement(antd.Button, Object.assign({
-        key: "custom-btn-" + index,
-        className: classname$3('btn')
-      }, buttonProps), buttonProps.children);
-    })) : React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Button, {
-      className: classname$3('btn btn-reset'),
-      onClick: reset
-    }, "\u91CD\u7F6E"), React__default.createElement(antd.Button, {
-      className: classname$3('btn btn-search'),
-      onClick: function onClick() {
-        return search();
-      },
-      type: "primary"
-    }, "\u641C\u7D22")), hasMore && React__default.createElement("div", {
-      className: classname$3('btn btn-collapse'),
-      onClick: function onClick() {
-        return setShowAll(!showAll);
-      }
-    }, React__default.createElement("span", null, showAll ? '收起' : '展开'), showAll ? React__default.createElement(icons.CaretUpOutlined, null) : React__default.createElement(icons.CaretDownOutlined, null)));
-  };
-  // 处理搜索项显示/隐藏
-  var processedSearchItems = searchItems.map(function (item, idx) {
-    var newItem = _extends({}, item);
-    if (searchItems.length > 2 && idx >= 2 && !showAll) {
-      var _item$formItemProps;
-      newItem.formItemProps = _extends({}, item.formItemProps, {
-        style: _extends({}, (_item$formItemProps = item.formItemProps) == null ? void 0 : _item$formItemProps.style, {
-          display: 'none'
-        })
-      });
-    }
-    return newItem;
-  });
-  var hasMore = searchItems.length > 2;
-  return React__default.createElement(CompThemeProvider, null, React__default.createElement("div", {
-    className: classname$3('') + " " + (showAll ? '' : classname$3('collapsed')) + " " + (className || ''),
-    ref: searchWrap
-  }, React__default.createElement(antd.Card, null, React__default.createElement("div", {
-    className: classname$3('form')
-  }, React__default.createElement(MForm, {
-    form: form,
-    formItems: processedSearchItems,
-    column: 3
-  }), (!hasMore || hasMore && !showAll) && renderSearchButtons()), hasMore && showAll && React__default.createElement("div", {
-    className: classname$3('footer')
-  }, renderSearchButtons()))));
-};
-
 function MTable(props) {
   var _props$columns$map, _props$columns;
   var columns = (_props$columns$map = (_props$columns = props.columns) == null ? void 0 : _props$columns.map(function (e) {
@@ -2101,9 +1769,6 @@ exports.DATE_FORMAT = DATE_FORMAT;
 exports.ItemRow = ItemsRow;
 exports.MBreadcrumb = MBreadcrumb;
 exports.MDescriptions = DetailDescriptions;
-exports.MForm = MForm;
-exports.MFormItemConst = MFormItemConst;
-exports.MSearch = MSearch;
 exports.MTable = MTable;
 exports.MiModal = MiModal;
 exports.MiThemeProvider = MiThemeProvider;