@nokecy/qc-ui 0.8.8 → 0.9.0

package/dist/esm/fullScreenAlert/index.js

@@ -0,0 +1,41 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useRef, useEffect } from 'react';
+import "./index.less";
+
+/**
+ * 全部闪烁警告
+ * @param props
+ * @returns
+ */
+var FullScreenAlert = function FullScreenAlert(props) {
+  var activeProps = props.active,
+    type = props.type,
+    onChange = props.onChange;
+  var clearRef = useRef();
+  var _useState = useState(activeProps ? activeProps : false),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  useEffect(function () {
+    if (clearRef.current) {
+      clearTimeout(clearRef.current);
+    }
+    if (activeProps) {
+      setActive(activeProps);
+      clearRef.current = setTimeout(function () {
+        setActive(false);
+        onChange && onChange(false);
+      }, 1000 * 3);
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: active ? "alertOverlay alert-active ".concat(type == 'error' ? 'errorOverlay' : '') : ''
+  }, props));
+};
+export default FullScreenAlert;

package/dist/esm/fullScreenAlert/index.less

@@ -0,0 +1,133 @@
+:root {
+	--alert-size: 120px;
+}
+
+.successOverlay::before,
+.successOverlay::after {
+	position: absolute;
+	width: var(--alert-size);
+	height: 100%;
+	content: '';
+}
+
+.successOverlay > div::before,
+.successOverlay > div::after {
+	position: absolute;
+	width: 100%;
+	height: var(--alert-size);
+	content: '';
+}
+
+.successOverlay::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to right, green, transparent);
+	transform: rotate(0deg);
+}
+
+.successOverlay::after {
+	top: 0%;
+	left: 100%;
+	background: linear-gradient(to left, green, transparent);
+	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
+}
+
+.successOverlay > div::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to top, green, transparent);
+	transform: rotate(180deg);
+}
+
+.successOverlay > div::after {
+	top: 100%;
+	left: 0;
+	background: linear-gradient(to top, green, transparent);
+	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
+}
+
+.successOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	opacity: 1;
+	transition: opacity 0.5s;
+	pointer-events: none;
+}
+
+.errorOverlay::before,
+.errorOverlay::after {
+	position: absolute;
+	width: var(--alert-size);
+	height: 100%;
+	content: '';
+}
+
+.errorOverlay > div::before,
+.errorOverlay > div::after {
+	position: absolute;
+	width: 100%;
+	height: var(--alert-size);
+	content: '';
+}
+
+.errorOverlay::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to right, red, transparent);
+	transform: rotate(0deg);
+}
+
+.errorOverlay::after {
+	top: 0%;
+	left: 100%;
+	background: linear-gradient(to left, red, transparent);
+	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
+}
+
+.errorOverlay > div::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to top, red, transparent);
+	transform: rotate(180deg);
+}
+
+.errorOverlay > div::after {
+	top: 100%;
+	left: 0;
+	background: linear-gradient(to top, red, transparent);
+	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
+}
+
+.errorOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	opacity: 1;
+	transition: opacity 0.5s;
+	pointer-events: none;
+}
+
+.alert-active {
+	animation: blink 0.75s infinite;
+}
+
+@keyframes blink {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0.5;
+	}
+	100% {
+		opacity: 0;
+	}
+}

package/dist/esm/importModal/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * 通用导入弹出框
+ * @param props
+ * @returns
+ */
+declare const ImportModal: (props: any) => React.JSX.Element;
+export default ImportModal;

package/dist/esm/importModal/index.js

@@ -0,0 +1,75 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Alert, Button, message, Modal, Upload } from 'antd';
+import { InboxOutlined, ImportOutlined } from '@ant-design/icons';
+import React from 'react';
+import { useBoolean } from 'ahooks';
+
+/**
+ * 通用导入弹出框
+ * @param props 
+ * @returns 
+ */
+var ImportModal = function ImportModal(props) {
+  var onAfterSubmit = props.onAfterSubmit,
+    title = props.title,
+    downUrl = props.downUrl,
+    uploadUrl = props.uploadUrl,
+    children = props.children,
+    id = props.id,
+    downloadBlob = props.downloadBlob,
+    serverUrl = props.serverUrl;
+  var _useBoolean = useBoolean(false),
+    _useBoolean2 = _slicedToArray(_useBoolean, 2),
+    visible = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(ImportOutlined, null),
+    onClick: setTrue
+  }, children || "导入"), /*#__PURE__*/React.createElement(Modal, {
+    title: "\u6279\u91CF\u5BFC\u5165".concat(title),
+    open: visible,
+    onCancel: setFalse,
+    destroyOnClose: true
+  }, /*#__PURE__*/React.createElement(Alert, {
+    message: /*#__PURE__*/React.createElement("span", null, "\u70B9\u51FB\u4E0B\u8F7D", ' ', /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        downloadBlob(downUrl, "\u6279\u91CF\u4E0A\u4F20".concat(title, "\u6A21\u7248.xlsx"));
+      }
+    }, "\u6A21\u7248")),
+    type: 'info'
+  }), /*#__PURE__*/React.createElement(Upload.Dragger, {
+    style: {
+      marginTop: 10
+    },
+    multiple: false,
+    action: id && id.length > 0 ? "".concat(serverUrl()).concat(uploadUrl, "?id=").concat(id || '') : "".concat(serverUrl()).concat(uploadUrl),
+    onChange: function onChange(info) {
+      if (info.file.status === 'done') {
+        message.success('导入成功');
+        setFalse();
+        if (onAfterSubmit) onAfterSubmit(info.file.response);
+      }
+      if (info.file.status === 'error') {
+        var _info$file;
+        Modal.info({
+          title: '导入失败,原因如下:',
+          closable: true,
+          width: 1000,
+          content: info === null || info === void 0 || (_info$file = info.file) === null || _info$file === void 0 || (_info$file = _info$file.response) === null || _info$file === void 0 || (_info$file = _info$file.error) === null || _info$file === void 0 ? void 0 : _info$file.message
+        });
+      }
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "ant-upload-drag-icon"
+  }, /*#__PURE__*/React.createElement(InboxOutlined, null)), /*#__PURE__*/React.createElement("p", {
+    className: "ant-upload-text"
+  }, "\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u8BE5\u533A\u57DF\u4E0A\u4F20"))));
+};
+export default ImportModal;

package/dist/esm/index.d.ts

@@ -11,4 +11,8 @@ import { FormDesigner } from "./formDesigner";
 import { FormProLayout } from "./formPro";
 import { FormProContext } from "./formPro/context/formProContext";
 import QueryBuilder from "./queryBuilder";
-export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, QueryBuilder, };
+import ToolBar from "./toolBar";
+import ImportModal from "./importModal";
+import FullScreenAlert from "./fullScreenAlert";
+import ConfirmPro from "./ConfirmPro";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro };

package/dist/esm/index.js

@@ -11,4 +11,8 @@ import { FormDesigner } from "./formDesigner";
 import { FormProLayout } from "./formPro";
 import { FormProContext } from "./formPro/context/formProContext";
 import QueryBuilder from "./queryBuilder";
-export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, QueryBuilder };
+import ToolBar from "./toolBar";
+import ImportModal from "./importModal";
+import FullScreenAlert from "./fullScreenAlert";
+import ConfirmPro from "./ConfirmPro";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro };