@ccs-ui/rc-pro 1.0.0

package/es/modal/open/drag.js

@@ -0,0 +1,104 @@
+var _excluded = ["title"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Modal } from 'antd';
+import classNames from 'classnames';
+import React, { useRef, useState } from 'react';
+import Draggable from 'react-draggable';
+var DragModal = function DragModal(_ref) {
+  var modal = _ref.modal,
+    dragState = _ref.dragState,
+    onDragState = _ref.onDragState;
+  var draggleRef = useRef(null);
+  var _onStart = function onStart(event, uiData) {
+    var _draggleRef$current;
+    var _window$document$docu = window.document.documentElement,
+      clientWidth = _window$document$docu.clientWidth,
+      clientHeight = _window$document$docu.clientHeight;
+    var targetRect = (_draggleRef$current = draggleRef.current) === null || _draggleRef$current === void 0 ? void 0 : _draggleRef$current.getBoundingClientRect();
+    if (!targetRect) {
+      return;
+    }
+    onDragState(function (e) {
+      return _objectSpread(_objectSpread({}, e), {}, {
+        bounds: {
+          left: -targetRect.left + uiData.x,
+          right: clientWidth - (targetRect.right - uiData.x),
+          top: -targetRect.top + uiData.y,
+          bottom: clientHeight - (targetRect.bottom - uiData.y)
+        }
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(Draggable, {
+    disabled: dragState.disabled,
+    bounds: dragState.bounds,
+    onStart: function onStart(event, uiData) {
+      return _onStart(event, uiData);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: draggleRef
+  }, modal));
+};
+export default function InternalDragModal(_ref2) {
+  var title = _ref2.title,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
+  var _useState = useState({
+      disabled: true,
+      bounds: {
+        left: 0,
+        top: 0,
+        bottom: 0,
+        right: 0
+      }
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragState = _useState2[0],
+    setDragState = _useState2[1];
+  return /*#__PURE__*/React.createElement(Modal, _extends({}, restProps, {
+    className: classNames(restProps.className, 'ccs-drag-modal'),
+    title: /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        cursor: 'move'
+      },
+      onMouseOver: function onMouseOver() {
+        if (dragState.disabled) {
+          setDragState(function (e) {
+            return _objectSpread(_objectSpread({}, e), {}, {
+              disabled: false
+            });
+          });
+        }
+      },
+      onMouseOut: function onMouseOut() {
+        setDragState(function (e) {
+          return _objectSpread(_objectSpread({}, e), {}, {
+            disabled: true
+          });
+        });
+      }
+    }, title),
+    closeIcon: null,
+    modalRender: function modalRender(modal) {
+      return /*#__PURE__*/React.createElement(DragModal, {
+        modal: modal,
+        dragState: dragState,
+        onDragState: setDragState
+      });
+    }
+  }));
+}

package/es/modal/open/form.js

@@ -0,0 +1,35 @@
+var _excluded = ["labelCol", "wrapperCol"];
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Form } from 'antd';
+import React from 'react';
+/**
+ * 添加form实例
+ * @returns
+ */
+export default function ModalForm(_ref) {
+  var children = _ref.children,
+    _ref$formProps = _ref.formProps,
+    labelCol = _ref$formProps.labelCol,
+    wrapperCol = _ref$formProps.wrapperCol,
+    restProps = _objectWithoutProperties(_ref$formProps, _excluded);
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  return /*#__PURE__*/React.createElement(Form, _extends({
+    form: form,
+    labelCol: labelCol || {
+      span: 7
+    },
+    wrapperCol: wrapperCol || {
+      span: 14
+    }
+  }, restProps), children);
+}

package/es/modal/open/index.js

@@ -0,0 +1,93 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/* eslint-disable @typescript-eslint/no-use-before-define */
+import { Modal } from 'antd';
+import { render as reactRender, unmount as reactUnmount } from 'rc-util/lib/React/render';
+import React from 'react';
+import FnContent from "../../drawer/open/content";
+import destroyModalFns from "./destory-fns";
+import DragModal from "./drag";
+import ModalForm from "./form";
+export var classPrefix = 'ccs-modal';
+export default function ModalOpen(config) {
+  var container = document.createDocumentFragment();
+  var locationKey = '';
+  var open = config.open,
+    content = config.content,
+    isDrag = config.isDrag;
+  function onAfterClose() {
+    if (config.afterClose) config.afterClose();
+
+    // 关闭，默认销毁组件
+    if (config.destroyOnClose !== false) {
+      // 删除destroyDrawerFns关闭方法
+      for (var i = 0; i < destroyModalFns.length; i++) {
+        var fn = destroyModalFns[i];
+        if (fn === close) {
+          destroyModalFns.splice(i, 1);
+          break;
+        }
+      }
+
+      // 卸载dom
+      reactUnmount(container);
+    }
+  }
+
+  // 添加关闭事件
+  function onDrawerClose(e) {
+    if (config.onCancel) config.onCancel(e);
+    close();
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  var currentConfig = _objectSpread(_objectSpread({}, config), {}, {
+    open: open === false ? false : true,
+    children: content,
+    footer: undefined,
+    afterClose: onAfterClose,
+    onCancel: onDrawerClose
+  });
+  var timeoutId;
+  function render(props) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(function () {
+      var Rc = /*#__PURE__*/React.createElement(FnContent, {
+        form: config.form,
+        close: onDrawerClose,
+        locationKey: locationKey
+      }, isDrag ? /*#__PURE__*/React.createElement(DragModal, props) : /*#__PURE__*/React.createElement(Modal, props));
+      reactRender(config.form ? /*#__PURE__*/React.createElement(ModalForm, {
+        formProps: config.form
+      }, Rc) : Rc, container);
+    });
+  }
+  function close(open) {
+    currentConfig = _objectSpread(_objectSpread({}, currentConfig), {}, {
+      open: open
+    });
+
+    // 改变open状态
+    render(currentConfig);
+  }
+  function update(configUpdate) {
+    if (typeof configUpdate === 'function') {
+      currentConfig = configUpdate(currentConfig);
+    } else {
+      currentConfig = _objectSpread(_objectSpread({}, currentConfig), configUpdate);
+    }
+    render(currentConfig);
+  }
+  render(currentConfig);
+  destroyModalFns.push(close);
+  return {
+    destroy: function destroy() {
+      reactUnmount(container);
+    },
+    update: update
+  };
+}

package/es/pro-grid/context.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var GridContext = /*#__PURE__*/React.createContext({
+  inProGrid: false
+});

package/es/pro-grid/index.js

@@ -0,0 +1,88 @@
+var _excluded = ["title", "titleStyle", "titleExtra", "hideTitle", "bordered", "children"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import classNames from 'classnames';
+import React from 'react';
+import { CCS } from "../";
+import { GridContext } from "./context";
+import "./index.less";
+var GridCol = function GridCol(_ref) {
+  var colSpan = _ref.colSpan,
+    children = _ref.children,
+    title = _ref.title,
+    _ref$titleStyle = _ref.titleStyle,
+    titleStyle = _ref$titleStyle === void 0 ? {} : _ref$titleStyle,
+    titleExtra = _ref.titleExtra,
+    className = _ref.className,
+    style = _ref.style;
+  var renderContent = /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("div", {
+    className: "ccs-pl-title ",
+    style: _objectSpread({
+      display: 'flex',
+      justifyContent: 'space-between',
+      fontSize: 15
+    }, titleStyle)
+  }, /*#__PURE__*/React.createElement("div", null, title), /*#__PURE__*/React.createElement("div", {
+    className: "ccs-pg-extra"
+  }, titleExtra)) : null, children);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classNames('ccs-pg-col', className),
+    style: colSpan ? _objectSpread({
+      width: colSpan,
+      flexShrink: 0
+    }, style) : _objectSpread({
+      display: 'flex',
+      width: 0,
+      flex: 'auto',
+      flexDirection: 'column'
+    }, style)
+  }, renderContent));
+};
+var Grid = function Grid(_ref2) {
+  var title = _ref2.title,
+    _ref2$titleStyle = _ref2.titleStyle,
+    titleStyle = _ref2$titleStyle === void 0 ? {} : _ref2$titleStyle,
+    titleExtra = _ref2.titleExtra,
+    hideTitle = _ref2.hideTitle,
+    bordered = _ref2.bordered,
+    children = _ref2.children,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
+  var IsTabsPage = CCS.GlobalConfig.IsTabsPage;
+  var menu = {
+    nodeName: ''
+  };
+  return /*#__PURE__*/React.createElement(GridContext.Provider, {
+    value: {
+      inProGrid: true
+    }
+  }, /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+    className: classNames({
+      'ccs-pg-border': bordered
+    })
+  }), !hideTitle && (title || IsTabsPage && menu !== null && menu !== void 0 && menu.nodeName) ? /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({
+      display: 'flex',
+      justifyContent: 'space-between'
+    }, titleStyle),
+    className: "ccs-pl-title"
+  }, /*#__PURE__*/React.createElement("div", null, " ", title || (menu === null || menu === void 0 ? void 0 : menu.nodeName)), /*#__PURE__*/React.createElement("div", {
+    className: "ccs-pg-extra"
+  }, titleExtra)) : null, /*#__PURE__*/React.createElement("div", {
+    className: "ccs-pl-table-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      padding: 10
+    }
+  }, children))));
+};
+var ProGrid = Grid;
+ProGrid.Col = GridCol;
+export default ProGrid;

package/es/pro-grid/index.less

@@ -0,0 +1,29 @@
+.ccs-pg {
+  &-col:not(:first-child) {
+    // border-right: 1px solid #f0f0f0;
+    margin-left: 10px;
+  }
+
+  &-col-title {
+    font-size: 15px;
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border: 1px solid #f0f0f0;
+  }
+
+  &-border {
+    border: 1px solid #f0f0f0;
+  }
+
+  &-extra {
+    flex-shrink: 0;
+    overflow: hidden;
+    font-weight: 400;
+    font-size: 14px;
+    white-space: nowrap;
+  }
+}

package/es/pro-grid/useProGrid.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { GridContext } from "./context";
+function useProGrid() {
+  var context = useContext(GridContext);
+  if (context === undefined) {
+    throw new Error('TabsContext must be used within a app page');
+  }
+  return context;
+}
+export default useProGrid;