ls-pro-common 3.0.30 → 3.0.32

package/lib/components/IconSelector.js

@@ -1,46 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-require("antd/es/card/style");
-var _card = _interopRequireDefault(require("antd/es/card"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _lsProForm = require("ls-pro-form");
-var _icons = require("@ant-design/icons");
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import "antd/es/card/style";
+import _Card from "antd/es/card";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["readonly", "allowClear", "title", "modalWidth", "name", "isInput", "modalProps", "defaultValue"];
+import React from "react";
+import { useMemo, useState, useContext, useEffect, useRef } from 'react';
+import { ProFormText, ProFormContext } from 'ls-pro-form';
+import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
 var iconList = ['icon-Menu1', 'icon-Menu2', 'icon-Menu3', 'icon-Menu4', 'icon-Menu5', 'icon-Menu6', 'icon-Menu7', 'icon-Menu8', 'icon-Menu9', 'icon-Menu10', 'icon-Menu11', 'icon-Menu12', 'icon-Menu13', 'icon-Menu14', 'icon-Menu15', 'icon-Menu16', 'icon-Menu17', 'icon-Menu18', 'icon-Menu19', 'icon-Menu20', 'icon-Menu21', 'icon-Menu22', 'icon-Menu23', 'icon-Menu24', 'icon-Menu25', 'icon-Menu26', 'icon-Menu27', 'icon-Menu28', 'icon-Menu29', 'icon-Menu30', 'icon-Menu31', 'icon-Menu32', 'icon-Menu33', 'icon-Menu34', 'icon-Menu35', 'icon-Menu36', 'icon-Menu37', 'icon-Menu38', 'icon-Menu39', 'icon-Menu40', 'icon-Menu41', 'icon-Menu42', 'icon-Menu43', 'icon-Menu44', 'icon-Menu45', 'icon-Menu46', 'icon-Menu47'];
 function IconSelector(prop) {
   //@ts-ignore?
-  var _useContext = (0, _react.useContext)(_lsProForm.ProFormContext),
+  var _useContext = useContext(ProFormContext),
     formRef = _useContext.formRef;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
     icon = _useState4[0],
     setIcon = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchKey = _useState6[0],
     setSearchKey = _useState6[1];
-  var inputRef = (0, _react.useRef)();
-  var list = (0, _react.useMemo)(function () {
+  var inputRef = useRef();
+  var list = useMemo(function () {
     if (!searchKey) return [].concat(iconList);
     return iconList.filter(function (o) {
       return o.includes(searchKey);
@@ -59,20 +52,20 @@ function IconSelector(prop) {
     isInput = _prop$isInput === void 0 ? true : _prop$isInput,
     modalProps = prop.modalProps,
     defaultValue = prop.defaultValue,
-    rest = (0, _objectWithoutProperties2.default)(prop, _excluded);
-  (0, _react.useEffect)(function () {
+    rest = _objectWithoutProperties(prop, _excluded);
+  useEffect(function () {
     var _formRef$current;
     var val = (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue();
     if (val && val[name]) {
       setIcon(val[name]);
     }
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (defaultValue) {
       setIcon(defaultValue);
     }
   }, [defaultValue]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var _rest$fieldProps;
     if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.disabled)) return;
     try {
@@ -97,13 +90,13 @@ function IconSelector(prop) {
       setIcon('');
       var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue();
       formValue[name] = '';
-      formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
+      formRef.current.setFieldsValue(_objectSpread({}, formValue));
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_lsProForm.ProFormText, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFormText, _extends({
     name: name
-  }, rest), isInput ? /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
-    addonAfter: icon ? /*#__PURE__*/_react.default.createElement("span", {
+  }, rest), isInput ? /*#__PURE__*/React.createElement(_Input, _extends({
+    addonAfter: icon ? /*#__PURE__*/React.createElement("span", {
       style: {
         fontSize: '14px'
       },
@@ -112,7 +105,7 @@ function IconSelector(prop) {
       onClick: function onClick() {
         return showSelector(true);
       }
-    }) : /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, {
+    }) : /*#__PURE__*/React.createElement(PlusOutlined, {
       title: title,
       onClick: function onClick() {
         return showSelector(true);
@@ -123,7 +116,7 @@ function IconSelector(prop) {
     allowClear: allowClear,
     ref: inputRef,
     onChange: clearValue
-  })) : icon ? /*#__PURE__*/_react.default.createElement("span", {
+  })) : icon ? /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: '14px'
     },
@@ -132,20 +125,20 @@ function IconSelector(prop) {
     onClick: function onClick() {
       return showSelector(true);
     }
-  }) : /*#__PURE__*/_react.default.createElement("a", {
+  }) : /*#__PURE__*/React.createElement("a", {
     title: title,
     onClick: function onClick() {
       return showSelector(true);
     }
-  }, "\u8BF7\u9009\u62E9")), /*#__PURE__*/_react.default.createElement(_modal.default, (0, _extends2.default)({
-    title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
+  }, "\u8BF7\u9009\u62E9")), /*#__PURE__*/React.createElement(_Modal, _extends({
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("span", {
       style: {
         display: 'inline-block',
         width: 230,
         marginLeft: 30
       }
-    }, /*#__PURE__*/_react.default.createElement(_input.default, {
-      suffix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
+    }, /*#__PURE__*/React.createElement(_Input, {
+      suffix: /*#__PURE__*/React.createElement(SearchOutlined, null),
       placeholder: "\u56FE\u6807\u540D\u79F0",
       onPressEnter: function onPressEnter(e) {
         setSearchKey(e.target.value || '');
@@ -162,10 +155,10 @@ function IconSelector(prop) {
     getContainer: function getContainer() {
       return document.body;
     },
-    footer: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
       onClick: function onClick() {
         var formVal = formRef.current.getFieldsValue();
-        var val = (0, _objectSpread2.default)({}, formVal);
+        var val = _objectSpread({}, formVal);
         //@ts-ignore
         val[name] = '';
         formRef.current.setFieldsValue(val);
@@ -173,12 +166,12 @@ function IconSelector(prop) {
         setVisible(false);
       }
     }, "\u6E05\u7A7A"))
-  }, modalProps), /*#__PURE__*/_react.default.createElement("div", {
+  }, modalProps), /*#__PURE__*/React.createElement("div", {
     style: {
       minHeight: '120px'
     }
   }, list.map(function (o) {
-    return /*#__PURE__*/_react.default.createElement(_card.default, {
+    return /*#__PURE__*/React.createElement(_Card, {
       hoverable: true,
       style: {
         width: '125px',
@@ -197,7 +190,7 @@ function IconSelector(prop) {
           return;
         }
         var formVal = formRef.current.getFieldsValue();
-        var val = (0, _objectSpread2.default)({}, formVal);
+        var val = _objectSpread({}, formVal);
         //@ts-ignore
         val[name] = o;
         formRef.current.setFieldsValue(val);
@@ -205,11 +198,11 @@ function IconSelector(prop) {
         setVisible(false);
       },
       key: o
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         height: 80
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       title: o,
       style: {
         paddingTop: '20px',
@@ -217,7 +210,7 @@ function IconSelector(prop) {
         fontSize: '20px'
       },
       className: o
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       style: {
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis',
@@ -226,5 +219,4 @@ function IconSelector(prop) {
     }, o));
   }))));
 }
-var _default = IconSelector;
-exports.default = _default;
+export default IconSelector;

package/lib/components/IconText.d.ts

@@ -1,5 +1,3 @@
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-declare const IconText: (props: Partial<CustomIconComponentProps> & {
-    onClick?: ((e: any) => any) | undefined;
-}) => JSX.Element;
+import { LsIconProps } from './IconBack';
+declare const IconText: (props: LsIconProps) => JSX.Element;
 export default IconText;

package/lib/components/IconText.js

@@ -1,38 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("@ant-design/icons"));
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import Icon from '@ant-design/icons/es/components/Icon';
 var Svg = function Svg() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 16 20",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M10 1.13196C10 0.855816 9.77614 0.631958 9.5 0.631958C9.22386 0.631958 9 0.855816 9 1.13196V3.13196C9 3.4081 9.22386 3.63196 9.5 3.63196C9.77614 3.63196 10 3.4081 10 3.13196V1.13196Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M14.5607 2.07125C14.756 2.26651 14.756 2.5831 14.5607 2.77836L12.4394 4.89968C12.2441 5.09494 11.9275 5.09494 11.7323 4.89968C11.537 4.70442 11.537 4.38783 11.7323 4.19257L13.8536 2.07125C14.0488 1.87599 14.3654 1.87599 14.5607 2.07125Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M1 17.9856C1 18.2508 1.18051 18.3679 1.28893 18.3679H11.7111C11.8195 18.3679 12 18.2508 12 17.9856V11.3679H13V17.9856C13 18.6949 12.4741 19.3679 11.7111 19.3679H1.28893C0.525921 19.3679 0 18.6949 0 17.9856V4.75027C0 4.04091 0.525921 3.36792 1.28893 3.36792H6.5C6.77614 3.36792 7 3.59178 7 3.86792C7 4.14406 6.77614 4.36792 6.5 4.36792H1.28893C1.18051 4.36792 1 4.48501 1 4.75027V17.9856Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M3.5 7.63196C3.22386 7.63196 3 7.85582 3 8.13196C3 8.4081 3.22386 8.63196 3.5 8.63196H9.5C9.77614 8.63196 10 8.4081 10 8.13196C10 7.85582 9.77614 7.63196 9.5 7.63196H3.5Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M3 12.132C3 11.8558 3.22386 11.632 3.5 11.632H7.5C7.77614 11.632 8 11.8558 8 12.132C8 12.4081 7.77614 12.632 7.5 12.632H3.5C3.22386 12.632 3 12.4081 3 12.132Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M13.5 6.63196C13.2239 6.63196 13 6.85582 13 7.13196C13 7.4081 13.2239 7.63196 13.5 7.63196H15.5C15.7761 7.63196 16 7.4081 16 7.13196C16 6.85582 15.7761 6.63196 15.5 6.63196H13.5Z"
   }));
 };
 var IconText = function IconText(props) {
-  return /*#__PURE__*/_react.default.createElement(_icons.default, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Icon, _extends({
     component: Svg
   }, props));
 };
-var _default = IconText;
-exports.default = _default;
+export default IconText;