@lm_fe/components 0.1.201 → 0.2.5

package/dist/src/a_chunks/SimpleForm.Inner.js

@@ -0,0 +1,318 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["optionsArr", "type"],
+  _excluded2 = ["optionsArr", "value", "onChange"],
+  _excluded3 = ["CustomedComponent", "value", "onChange"],
+  _excluded4 = ["value", "formSchema", "onChange", "title", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Radio, Tabs, Input, InputNumber, Checkbox, TimePicker, DatePicker, Switch, Rate, Slider, Row, Divider, Form, Col } from 'antd';
+import { Select_L } from '@noah-libjs/components';
+import React, { forwardRef, useImperativeHandle } from 'react';
+import { L as LazyAntd, S as SimpleForm$1 } from './index.js';
+import '@lm_fe/env';
+import 'lodash';
+import '@lm_fe/static';
+import '@lm_fe/service';
+import '@lm_fe/provoke';
+import '@lm_fe/utils';
+function SimpleSelect(props) {
+  var optionsArr = props.optionsArr,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'Select' : _props$type,
+    others = _objectWithoutProperties(props, _excluded);
+  if (type === 'Select') return /*#__PURE__*/React.createElement(Select_L, _objectSpread(_objectSpread({}, others), {}, {
+    options: optionsArr.map(function (label, value) {
+      return {
+        label: label,
+        value: value
+      };
+    })
+  }));
+  //@ts-ignore
+  return /*#__PURE__*/React.createElement(Radio.Group, _objectSpread(_objectSpread({}, others), {}, {
+    options: optionsArr.map(function (label, value) {
+      return {
+        label: label,
+        value: value
+      };
+    })
+  }));
+}
+var Tree = LazyAntd.Tree,
+  TreeSelect = LazyAntd.TreeSelect,
+  Select = LazyAntd.Select,
+  Table = LazyAntd.Table,
+  Dropdown = LazyAntd.Dropdown,
+  Pagination = LazyAntd.Pagination;
+function MultiInput(props) {
+  var optionsArr = props.optionsArr,
+    _props$value = props.value,
+    value = _props$value === void 0 ? "" : _props$value,
+    _onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded2);
+  var _value = value ? value.split(',').filter(function (_) {
+    return _;
+  }) : [];
+  return /*#__PURE__*/React.createElement(Select, _objectSpread({
+    mode: "tags",
+    value: _value,
+    onChange: function onChange(v) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange.call(null, v.join(','), []);
+    }
+  }, others));
+}
+function Custom(props) {
+  var CustomedComponent = props.CustomedComponent,
+    value = props.value,
+    onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded3);
+  //@ts-ignore
+  return /*#__PURE__*/React.createElement(CustomedComponent, _objectSpread({
+    value: value,
+    onChange: onChange
+  }, others));
+}
+function SwitchSelect(props) {
+  var value = props.value;
+  return /*#__PURE__*/React.createElement(Select_L, _objectSpread(_objectSpread({}, props), {}, {
+    value: typeof value === 'undefined' ? value : +value,
+    options: ['否', '是'].map(function (_, idx) {
+      return {
+        label: _,
+        value: idx
+      };
+    }),
+    onChange: function onChange(a, b) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, typeof a === 'undefined' ? a : !!a, b);
+    }
+  }));
+}
+function TabForm(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    formSchema = _ref.formSchema,
+    onChange = _ref.onChange,
+    title = _ref.title,
+    style = _ref.style,
+    others = _objectWithoutProperties(_ref, _excluded4);
+  var actions = {
+    add: function add(e) {
+      onChange === null || onChange === void 0 || onChange([].concat(_toConsumableArray(value), [{
+        _id: +new Date()
+      }]));
+    },
+    remove: function remove(_id) {
+      var index = value.findIndex(function (_) {
+        return _._id == _id;
+      });
+      if (index > -1) {
+        var isOk = confirm('确定删除吗？');
+        if (!isOk) return;
+        value.splice(index, 1);
+        onChange === null || onChange === void 0 || onChange(_toConsumableArray(value));
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(Tabs, _objectSpread({
+    size: "small",
+    type: "editable-card",
+    onEdit: function onEdit(e, action) {
+      return actions[action](e);
+    },
+    style: _objectSpread({
+      background: '#fff',
+      border: '1px dashed #ccc',
+      padding: 12
+    }, style)
+  }, others), value.map(function (_, idx) {
+    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+      key: _._id,
+      tab: title + (idx + 1)
+    }, /*#__PURE__*/React.createElement(SimpleForm$1, _objectSpread(_objectSpread({}, formSchema), {}, {
+      onValuesChange: function onValuesChange(a, values) {
+        value.splice(idx, 1, Object.assign(value[idx], values));
+        onChange === null || onChange === void 0 || onChange(_toConsumableArray(value));
+      }
+    })));
+  }));
+}
+var RangePicker = DatePicker.RangePicker;
+var ComponentMapping = {
+  Input: Input,
+  Select: Select_L,
+  Radio: Radio,
+  InputNumber: InputNumber,
+  Checkbox: Checkbox,
+  TimePicker: TimePicker,
+  DatePicker: DatePicker,
+  Switch: Switch,
+  Rate: Rate,
+  Slider: Slider,
+  Color: Input,
+  TextArea: Input.TextArea,
+  CheckboxGroup: Checkbox.Group,
+  Grid: Row,
+  Text: Text,
+  Divider: Divider,
+  // HospitalTreeSelect,
+  SwitchSelect: SwitchSelect,
+  SimpleSelect: SimpleSelect,
+  Custom: Custom,
+  TabForm: TabForm,
+  MultiInput: MultiInput,
+  RangePicker: RangePicker
+};
+var FormItem = Form.Item;
+var targetLayoutType = 2;
+function calcLabelCol(n) {
+  return 24 * targetLayoutType / n;
+}
+function FormItemsInRow(props) {
+  var _items$filter;
+  var items = props.itemsInRow,
+    _props$layoutType = props.layoutType,
+    layoutType = _props$layoutType === void 0 ? 8 : _props$layoutType,
+    disabled = props.disabled;
+  return /*#__PURE__*/React.createElement(Row, {
+    className: "fuck_row"
+  }, items === null || items === void 0 || (_items$filter = items.filter(function (_) {
+    return !!_;
+  })) === null || _items$filter === void 0 ? void 0 : _items$filter.map(function (item) {
+    if (!item) return null;
+    var _item$outerOptions = item.outerOptions,
+      outerOptions = _item$outerOptions === void 0 ? {} : _item$outerOptions,
+      _item$type = item.type,
+      type = _item$type === void 0 ? '' : _item$type,
+      _item$innerOptions = item.innerOptions,
+      innerOptions = _item$innerOptions === void 0 ? {} : _item$innerOptions,
+      customNode = item.customNode,
+      required = item.required;
+    var options = innerOptions;
+    var C = ComponentMapping[type];
+    var hasCustomNode = customNode !== undefined;
+    if (!C && !hasCustomNode) return /*#__PURE__*/React.createElement(Form.Item, {
+      style: {
+        margin: 0
+      }
+    }, 'type error:' + type);
+    var _layoutType = item.layoutType || layoutType;
+    return /*#__PURE__*/React.createElement(Col, {
+      className: "fuck_col",
+      span: _layoutType
+    }, /*#__PURE__*/React.createElement(FormItem, _objectSpread(_objectSpread({
+      className: "fuck_FormItem",
+      rules: required ? [{
+        required: true,
+        message: ''
+      }] : []
+    }, outerOptions), {}, {
+      labelCol: {
+        span: calcLabelCol(_layoutType)
+      }
+    }), hasCustomNode ? customNode : (/*#__PURE__*/React.createElement(C, _objectSpread({
+      disabled: disabled,
+      allowClear: true,
+      style: {},
+      placeholder: "\u8BF7\u8F93\u5165".concat(outerOptions === null || outerOptions === void 0 ? void 0 : outerOptions['label'])
+    }, options)))));
+  }));
+}
+function FormItemCommon(props) {
+  var _items$filter2;
+  var items = props.formItems,
+    disabled = props.disabled;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (items === null || items === void 0 || (_items$filter2 = items.filter(function (_) {
+    return !!_;
+  })) === null || _items$filter2 === void 0 ? void 0 : _items$filter2.map(function (item, itemIndex) {
+    if (!item) return null;
+    var _item$outerOptions2 = item.outerOptions,
+      outerOptions = _item$outerOptions2 === void 0 ? {} : _item$outerOptions2,
+      _item$type2 = item.type,
+      type = _item$type2 === void 0 ? '' : _item$type2,
+      _item$innerOptions2 = item.innerOptions,
+      innerOptions = _item$innerOptions2 === void 0 ? {} : _item$innerOptions2,
+      customNode = item.customNode,
+      required = item.required;
+    var options = innerOptions;
+    var C = ComponentMapping[type];
+    var key = "".concat(itemIndex, "_").concat(type);
+    var innerStyle = options['stlyle'] || {};
+    var hasCustomNode = customNode !== undefined;
+    if (!C && !hasCustomNode) return /*#__PURE__*/React.createElement(Form.Item, {
+      key: key,
+      style: {
+        margin: 0
+      }
+    }, 'type error:' + type);
+    return /*#__PURE__*/React.createElement(FormItem, _objectSpread({
+      key: key,
+      className: "fuck_FormItem",
+      style: _objectSpread({
+        marginBottom: 6
+      }, innerStyle),
+      rules: required ? SimpleForm.requiredRules : []
+    }, outerOptions), hasCustomNode ? customNode : (/*#__PURE__*/React.createElement(C, _objectSpread({
+      disabled: disabled,
+      allowClear: true,
+      style: {},
+      placeholder: "\u8BF7\u8F93\u5165".concat(outerOptions === null || outerOptions === void 0 ? void 0 : outerOptions['label'])
+    }, options))));
+  })) || null);
+}
+var SimpleFormInner = /*#__PURE__*/forwardRef(function SimpleFormRender(_ref2, ref) {
+  var blocks = _ref2.blocks,
+    formItems = _ref2.formItems,
+    disabled = _ref2.disabled,
+    form = _ref2.form,
+    onValuesChange = _ref2.onValuesChange,
+    _ref2$formProps = _ref2.formProps,
+    formProps = _ref2$formProps === void 0 ? {} : _ref2$formProps;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    innerForm = _Form$useForm2[0];
+  useImperativeHandle(ref, function () {
+    return form || innerForm;
+  }, []);
+  return /*#__PURE__*/React.createElement(Form, _objectSpread({
+    form: form || innerForm,
+    onValuesChange: onValuesChange
+  }, formProps), (blocks === null || blocks === void 0 ? void 0 : blocks.map(function (_ref3, blockIndex) {
+    var rows = _ref3.rows,
+      title = _ref3.title;
+    var blockNode = rows.map(function (rowData, rowIndex) {
+      return /*#__PURE__*/React.createElement(FormItemsInRow, _objectSpread({
+        key: "".concat(rowIndex, "_").concat(rowData.label),
+        disabled: disabled
+      }, rowData));
+    });
+    return title ? (/*#__PURE__*/React.createElement("fieldset", {
+      key: "".concat(blockIndex, "_").concat(title),
+      style: {
+        border: '1px solid #ccc',
+        padding: '12px 12px 0 12px',
+        borderRadius: 2
+      }
+    }, /*#__PURE__*/React.createElement("legend", {
+      style: {
+        padding: '0 12px',
+        margin: 0,
+        marginLeft: 12,
+        border: 0,
+        width: 'auto',
+        display: 'inline-block',
+        background: 'transparent',
+        fontSize: 16,
+        color: '#150f55',
+        fontWeight: 'bold'
+      }
+    }, title), blockNode)) : blockNode;
+  })) || null, /*#__PURE__*/React.createElement(FormItemCommon, {
+    formItems: formItems,
+    disabled: disabled
+  }));
+});
+export { SimpleFormInner as default };