dlt-for-react 1.1.16 → 1.1.18

package/lib/components/HqCheckButton/index.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _dropdown = require("antd/lib/dropdown");
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _menu = require("antd/lib/menu");
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require("antd/lib/dropdown/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/menu/style");
+
+require("antd/lib/button/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+require("../../../assets/HqCheckButton/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * @Description: 选择按钮-多选、单选
+ * @Author: lisenlin
+ * @Date: 2021-01-20 13:45:00
+ * @LastEditTime: 2022-05-26 19:18:52
+ */
+var HqCheckButton = function (_React$Component) {
+  (0, _inherits3.default)(HqCheckButton, _React$Component);
+
+  function HqCheckButton(props) {
+    (0, _classCallCheck3.default)(this, HqCheckButton);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqCheckButton.__proto__ || (0, _getPrototypeOf2.default)(HqCheckButton)).call(this, props));
+
+    _this.onChange = function (v) {
+      var _this$props = _this.props,
+          single = _this$props.single,
+          disabled = _this$props.disabled;
+
+      var value = [].concat((0, _toConsumableArray3.default)(_this.state.value));
+      var optionIndex = _this.state.value.indexOf(v);
+      if (disabled) {
+        //禁用
+        return;
+      }
+      if (optionIndex === -1) {
+        if (single) {
+          value = [v];
+        } else {
+          value.push(v);
+        }
+      } else {
+        value.splice(optionIndex, 1);
+      }
+
+      _this.setState({ value: value });
+      var onChange = _this.props.onChange;
+      if (onChange) {
+        onChange(value);
+      }
+    };
+
+    _this.handleVisibleChange = function (flag) {
+      _this.setState({ visible: flag });
+    };
+
+    _this.BuildCheckButton = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+      if (!_this.props.showItems) {
+        return _this.buildOptions(options);
+      } else {
+        var num = parseInt(_this.props.showItems);
+        var optionsBk = [].concat((0, _toConsumableArray3.default)(options));
+        var checkOptions = optionsBk.slice(0, num);
+        var moreOptions = optionsBk.splice(num, options.length);
+        var DomHtml = [];
+        DomHtml.push(_this.buildOptions(checkOptions));
+        moreOptions.length > 0 && DomHtml.push(_this.buildMoreDrop(moreOptions));
+
+        // const menu = (
+        //     <Menu onClick={this.handleMenuClick}>
+        //       <Menu.Item key="1">Clicking me will not close the menu.</Menu.Item>
+        //       <Menu.Item key="2">Clicking me will not close the menu also.</Menu.Item>
+        //       <Menu.Item key="3">Clicking me will close the menu</Menu.Item>
+        //     </Menu>
+        //   );
+        // let moreTest = (
+        //     <Dropdown
+        //         overlay={menu}
+        //         onVisibleChange={this.handleVisibleChange}
+        //         visible={this.state.visible}
+        //     >
+        //         <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
+        //         更多 <Icon type="down" />
+        //         </a>
+        //     </Dropdown>
+        // )
+        // DomHtml.push(moreTest)
+        return DomHtml;
+      }
+    };
+
+    _this.buildOptions = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var value = _this.state.value;
+      var disabled = _this.props.disabled;
+
+      var buttonList = [];
+      options.map(function (item) {
+        buttonList.push(_react2.default.createElement(
+          _button2.default,
+          {
+            key: item.value,
+            type: value.indexOf(item.value) >= 0 ? "primary" : "",
+            onClick: function onClick() {
+              return _this.onChange(item.value);
+            },
+            className: (0, _classnames2.default)({ "check-Button-disabled": disabled })
+          },
+          item.label
+        ));
+      });
+      // console.log(buttonList)
+      return buttonList;
+    };
+
+    _this.buildMoreDrop = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+      var MenueItems = [];
+      options.map(function (item) {
+        MenueItems.push(_react2.default.createElement(
+          _menu2.default.Item,
+          { key: item.label },
+          item.label
+        ));
+      });
+      var menu = _react2.default.createElement(
+        _menu2.default,
+        { onClick: function onClick(e) {
+            return _this.onChange(e.key);
+          } },
+        MenueItems
+      );
+      var DropHtml = _react2.default.createElement(
+        _dropdown2.default,
+        {
+          overlay: menu,
+          onVisibleChange: _this.handleVisibleChange,
+          visible: _this.state.visible
+        },
+        _react2.default.createElement(
+          "a",
+          { className: "ant-dropdown-link", onClick: function onClick(e) {
+              return e.preventDefault();
+            } },
+          "\u66F4\u591A ",
+          _react2.default.createElement(_icon2.default, { type: "down" })
+        )
+      );
+      return DropHtml;
+    };
+
+    _this.state = {
+      value: props.value || props.defaultValue || [],
+      options: []
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(HqCheckButton, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.setState({
+        options: this.props.options
+      });
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if ("options" in nextProps && nextProps.options != this.props.options) {
+        this.setState({
+          options: nextProps.options
+        });
+      }
+      if ("value" in nextProps && nextProps.value != this.props.value) {
+        this.setState({
+          value: nextProps.value
+        });
+      }
+    }
+
+    // 改变
+
+  }, {
+    key: "render",
+    value: function render() {
+      var className = this.props.className;
+      var options = this.state.options;
+      var value = this.state.value;
+      // const menu = (
+      //     <Menu onClick={this.handleMenuClick}>
+      //         <Menu.Item key="1">Clicking me will not close the menu.</Menu.Item>
+      //         <Menu.Item key="2">Clicking me will not close the menu also.</Menu.Item>
+      //         <Menu.Item key="3">Clicking me will close the menu</Menu.Item>
+      //     </Menu>
+      // );
+
+      return _react2.default.createElement(
+        "div",
+        { className: (0, _classnames2.default)("check-Button", className) },
+        this.BuildCheckButton(options)
+      );
+    }
+  }]);
+  return HqCheckButton;
+}(_react2.default.Component);
+
+HqCheckButton.defaultProps = {
+  options: [],
+  single: false,
+  disabled: false
+};
+HqCheckButton.propTypes = {
+  single: _propTypes2.default.bool, // 是否单项选择
+  defaultValue: _propTypes2.default.array,
+  value: _propTypes2.default.array,
+  options: _propTypes2.default.array.isRequired, // 需要遍历的数据
+  onChange: _propTypes2.default.func,
+  disabled: _propTypes2.default.bool //是否禁用
+};
+exports.default = HqCheckButton;

package/lib/components/HqConfirm/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof2 = require("babel-runtime/helpers/typeof");
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _modal = require("antd/lib/modal");
+
+var _modal2 = _interopRequireDefault(_modal);
+
+exports.default = HqConfirm;
+
+require("antd/lib/modal/style");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var confirm = _modal2.default.confirm;
+
+//确认对话框
+function HqConfirm(pContent, pOnOk, pType, pOnCancel, pClassName, pWidth, pZIndex) {
+  var content = undefined;
+  var _onOk = undefined;
+  var type = undefined;
+  var _onCancel = undefined;
+  var className = undefined;
+  var width = undefined;
+  var zIndex = undefined;
+  if (typeof pContent === "string") {
+    content = pContent ? pContent : "请填写内容描述";
+    type = pType ? pType : "normal";
+    _onOk = pOnOk ? pOnOk : function () {};
+    _onCancel = pOnCancel ? pOnCancel : function () {};
+    className = pClassName;
+    width = pWidth;
+    zIndex = pZIndex;
+  } else {
+    var params = pContent;
+    content = params.content ? params.content : "请填写内容描述";
+    type = params.type ? params.type : "normal";
+    _onOk = params.onOk ? params.onOk : function () {};
+    _onCancel = params.onCancel ? params.onCancel : function () {};
+    className = params.className;
+    width = params.width;
+    zIndex = params.zIndex;
+  }
+
+  var title = (typeof pContent === "undefined" ? "undefined" : (0, _typeof3.default)(pContent)) === "object" ? pContent.title || "提示" : "提示";
+  var okType = "primary"; //默认确认按钮类型
+  var iconType = "question-circle"; //问号
+  if (type === "warn") {
+    //警告类型操作提示
+    okType = "danger";
+    iconType = "info-circle";
+  } else if (type === "danger") {
+    //危险类型操作提示
+    okType = "danger";
+    iconType = "exclamation-circle";
+  }
+
+  confirm({
+    title: title,
+    content: content,
+    okText: "确定",
+    cancelText: "取消",
+    okType: okType,
+    iconType: iconType,
+    className: className,
+    width: width,
+    zIndex: zIndex,
+    onOk: function onOk() {
+      _onOk();
+    },
+    onCancel: function onCancel() {
+      _onCancel();
+    }
+  });
+}

package/lib/components/HqFormItem/FormRules.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var FormRules = {
+    //身份证号验证
+    IDCAR_RULE: {
+        pattern: /^([1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3})|([1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|(\d{3}[X])))$/,
+        message: "请输入正确的身份证号"
+    },
+    NUMBER: { pattern: /^[0-9]*$/, message: "请输入数字" },
+    CN_CHARACTERS: { pattern: /^[\u4e00-\u9fa5]{0,}$/, message: "请输入汉字" },
+    EN_CHARACTERS: { pattern: /^[A-Za-z]+$/, message: "请输入英文" },
+    EN_NUMBER_UNDERLINE: { pattern: /^\\w+$/, message: "请输入英文、数字或下划线" },
+    EN_NUMBER: { pattern: /^[A-Za-z0-9]+$/, message: "请输入英文或数字" },
+    EMAIL: { pattern: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, message: "请输入正确的邮箱地址" },
+    MOBILE_PHONE_NUMBER: {
+        pattern: /^[1]\\d{10}$/,
+        message: "请输入正确的手机号码"
+    },
+    PHONE_NUMBER: { pattern: /\d{3}-\d{8}|\d{4}-\d{7}/, message: "请输入正确的电话号码" },
+    QQ: { pattern: /[1-9][0-9]{4,}/, message: "请输入正确的QQ号" },
+    POSTAL_CODE: { pattern: /^[0-9]\\d{5}$/, message: "请输入正确的邮政编码" }
+
+};
+exports.default = FormRules;

package/lib/components/HqFormItem/index.js

@@ -0,0 +1,309 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+require("antd/lib/tooltip/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/form/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHCore = require("../../utils/NHCore");
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _form2.default.Item;
+
+/**
+ * 封装FormItem
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-03-01 16:09:31
+ * Version: 1.0
+ * Modify log:
+ *  2018-03-01：1、优化封装；2、添加自定义校验、支持多校验规则
+ *  2019-11-02：1、增加hideLabel属性
+ */
+
+var HqFormItem = function (_React$Component) {
+  (0, _inherits3.default)(HqFormItem, _React$Component);
+
+  function HqFormItem(props) {
+    (0, _classCallCheck3.default)(this, HqFormItem);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqFormItem.__proto__ || (0, _getPrototypeOf2.default)(HqFormItem)).call(this, props));
+
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass3.default)(HqFormItem, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          id = _props.id,
+          required = _props.required,
+          hasFeedback = _props.hasFeedback,
+          form = _props.form,
+          extra = _props.extra,
+          formItemLayout = _props.formItemLayout,
+          pattern = _props.pattern,
+          valuePropName = _props.valuePropName,
+          validator = _props.validator,
+          validateTrigger = _props.validateTrigger,
+          initialValue = _props.initialValue,
+          showFlag = _props.showFlag,
+          tip = _props.tip,
+          whitespace = _props.whitespace,
+          hideLabel = _props.hideLabel,
+          readOnly = _props.readOnly,
+          otherFormRules = _props.otherFormRules,
+          className = _props.className;
+      var _props2 = this.props,
+          label = _props2.label,
+          colon = _props2.colon;
+      var getFieldDecorator = form.getFieldDecorator;
+
+      //校验规则数组
+
+      var rules = [];
+
+      //如果是必填项
+      if (required) {
+        rules.push({
+          required: required,
+          message: label ? label + "不能为空！" : "该项不能为空！"
+        });
+
+        //用于校验空格问题
+        if (whitespace) {
+          rules.push({
+            whitespace: true,
+            message: label ? label + "不能为空！" : "该项不能为空！"
+          });
+        }
+
+        if (label == "" || hideLabel) {
+          label = "";
+          colon = false;
+        }
+      } else {
+        if (hideLabel) {
+          label = "";
+          colon = false;
+        }
+      }
+
+      //正则校验
+      if (pattern) {
+        rules.push(pattern);
+      }
+
+      //自定义校验
+      if (validator) {
+        rules.push({
+          validator: validator
+        });
+      }
+
+      //补充antd上面的其他的校验规则，详细的可参照antd-Form-校验规则
+      if (otherFormRules) {
+        rules.push(otherFormRules);
+      }
+
+      //是否显示表单项，用于权限控制
+      if (showFlag) {
+        var labelSpan = "";
+
+        if (tip === undefined) {
+          labelSpan = label;
+        } else {
+          if (label == "") {
+            labelSpan = _react2.default.createElement(
+              "span",
+              null,
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: tip },
+                _react2.default.createElement(_icon2.default, { type: "question-circle-o" })
+              )
+            );
+          } else {
+            labelSpan = _react2.default.createElement(
+              "span",
+              null,
+              label,
+              "\xA0",
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: tip },
+                _react2.default.createElement(_icon2.default, { type: "question-circle-o" })
+              )
+            );
+          }
+        }
+
+        if (rules.length > 0) {
+          return readOnly ? _react2.default.createElement(
+            FormItem,
+            (0, _extends3.default)({}, formItemLayout, {
+              label: label,
+              hasFeedback: hasFeedback,
+              colon: colon,
+              extra: extra,
+              className: className
+            }),
+            getFieldDecorator(id, { initialValue: initialValue }),
+            this.props.children
+          ) : _react2.default.createElement(
+            FormItem,
+            (0, _extends3.default)({}, formItemLayout, {
+              label: labelSpan,
+              hasFeedback: hasFeedback,
+              colon: colon,
+              extra: extra,
+              className: className
+            }),
+            getFieldDecorator(id, {
+              valuePropName: valuePropName,
+              rules: rules,
+              initialValue: initialValue,
+              validateTrigger: validateTrigger
+            })(this.props.children)
+          );
+        } else {
+          return readOnly ? _react2.default.createElement(
+            FormItem,
+            (0, _extends3.default)({}, formItemLayout, {
+              label: label,
+              hasFeedback: hasFeedback,
+              colon: colon,
+              extra: extra,
+              className: className
+            }),
+            getFieldDecorator(id, { initialValue: initialValue }),
+            this.props.children
+          ) : _react2.default.createElement(
+            FormItem,
+            (0, _extends3.default)({}, formItemLayout, {
+              label: labelSpan,
+              hasFeedback: hasFeedback,
+              colon: colon,
+              extra: extra,
+              className: className
+            }),
+            getFieldDecorator(id, {
+              valuePropName: valuePropName,
+              initialValue: initialValue,
+              validateTrigger: validateTrigger
+            })(this.props.children)
+          );
+        }
+      } else {
+        return null;
+      }
+    }
+  }]);
+  return HqFormItem;
+}(_react2.default.Component);
+
+exports.default = HqFormItem;
+
+
+HqFormItem.defaultProps = {
+  label: "", //标签的文本
+  id: (0, _NHCore.createUuid)(), //输入控件唯一标志
+  formItemLayout: {
+    labelCol: {
+      xs: { span: 24 },
+      sm: { span: 6 },
+      md: { span: 7 }
+    },
+    wrapperCol: {
+      xs: { span: 24 },
+      sm: { span: 12 },
+      md: { span: 10 }
+    }
+  }, //表单项布局
+  required: false, //是否必选
+  valuePropName: "value", //值属性名称
+  hasFeedback: false, //展示校验状态图标
+  colon: true, //配合 label 属性使用，表示是否显示 label 后面的冒号
+  showFlag: true, //是否显示表单项
+  tip: undefined,
+  whitespace: false,
+  hideLabel: false,
+  readOnly: false
+};
+
+/**
+ * 属性类型检查
+ */
+HqFormItem.propTypes = {
+  id: _propTypes2.default.string.isRequired, //必填输入控件唯一标志，必需
+  label: _propTypes2.default.string, //字段标签，非必需
+  required: _propTypes2.default.bool, //是否必填，非必需
+  hasFeedback: _propTypes2.default.bool, //展示校验状态图标，非必需
+  form: _propTypes2.default.object.isRequired, //this.props.form，必需
+  colon: _propTypes2.default.bool, //是否显示 label 后面的冒号，非必需
+  extra: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]), //额外的提示信息,一般不需要，非必需
+  formItemLayout: _propTypes2.default.object, //自定义的布局，非必需
+  initialValue: _propTypes2.default.any, //初始值
+  pattern: _propTypes2.default.object, //常用正则验证或额外验证，非必需
+  valuePropName: _propTypes2.default.string, //表单项值属性，非必需
+  validator: _propTypes2.default.func, //自定义校验方法，非必需
+  validateTrigger: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.arrayOf(_propTypes2.default.string)]), //表单项自定义校验时机，非必需
+  showFlag: _propTypes2.default.bool, //是否显示表单项，非必需
+  tip: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]), //表单项的提示信息，展示形式是标题后面出现一个？的图标，鼠标放上去后就会显示改提示信息
+  whitespace: _propTypes2.default.bool, //表单校验是否校验空格
+  hideLabel: _propTypes2.default.bool, //是否隐藏label标签
+  readOnly: _propTypes2.default.bool, //是否只读
+  otherFormRules: _propTypes2.default.object, // 补充antd上面的其他的校验规则，详细的可参照antd-Form-校验规则
+  className: _propTypes2.default.string // 类名
+};