@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

package/lib/ProLayout/components/Layout/Notice/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _tipMsg = _interopRequireDefault(require("../../../images/tipMsg.png"));
-var _close = _interopRequireDefault(require("../../../images/close.png"));
-var _locale = _interopRequireDefault(require("../../../../locale"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Notice = props => {
-  var headerHeight = props.headerHeight,
-    notice = props.notice,
-    onCancel = props.onCancel;
-  if (!notice) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "pro-layout-header-notice",
-    style: {
-      top: headerHeight
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: _tipMsg.default,
-      alt: `${_locale.default.ProLayout.tipAlt}`
-    }), " ", notice, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "pro-layout-header-notice-close",
-      onClick: onCancel,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _close.default,
-        alt: `${_locale.default.ProLayout.closeAlt}`
-      })
-    })]
-  });
-};
-var _default = exports.default = Notice;

package/lib/ProLayout/components/Layout/Notice/style/index.less

@@ -1,37 +0,0 @@
-/** 告知区 */
-.pro-layout-header-notice {
-  position: fixed;
-  top: 64px;
-  z-index: 6;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  min-height: 32px;
-  color: var(--zaui-text, #343434);
-  line-height: 32px;
-  text-align: center;
-  background: transparent;
-
-  img {
-    width: 16px;
-    margin-right: var(--zaui-space-size-sm, 8px);
-  }
-  a {
-    color: var(--zaui-brand, #006aff);
-    text-decoration: none;
-  }
-
-  .pro-layout-header-notice-close {
-    position: absolute;
-    right: 0;
-    display: block;
-    padding: 0 var(--zaui-space-size-md, 16px);
-    cursor: pointer;
-
-    img {
-      width: 12px;
-      margin-right: 0;
-    }
-  }
-}

package/lib/ProLayout/components/Layout/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Header } from './Header';
-export { default as Notice } from './Notice';
-export { default as Menu } from './Menu';
-export { default as Icon } from './Icon';

package/lib/ProLayout/components/Layout/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Header", {
-  enumerable: true,
-  get: function get() {
-    return _Header.default;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _Icon.default;
-  }
-});
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function get() {
-    return _Menu.default;
-  }
-});
-Object.defineProperty(exports, "Notice", {
-  enumerable: true,
-  get: function get() {
-    return _Notice.default;
-  }
-});
-var _Header = _interopRequireDefault(require("./Header"));
-var _Notice = _interopRequireDefault(require("./Notice"));
-var _Menu = _interopRequireDefault(require("./Menu"));
-var _Icon = _interopRequireDefault(require("./Icon"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/ProLayout/components/Layout/index.less

@@ -1,4 +0,0 @@
-@import "./Header/style/index.less";
-@import "./Icon/style/index.less";
-@import "./Menu/style/index.less";
-@import "./Notice/style/index.less";

package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts

@@ -1,98 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { CollapseProps, CollapsePanelProps } from 'antd/es/collapse';
-export type levelType = '1' | '2' | '3';
-export interface TitleListType {
-    /**
-    * @description       描述的标题
-    * @default           -
-    */
-    label: string;
-    /**
-    * @description       描述的值
-    * @default           -
-    */
-    value: string | number | undefined | React.ReactNode;
-}
-export interface ProCollapseType {
-    /**
-    * @description       折叠头部标题
-    * @default           -
-    */
-    title?: string | React.ReactNode;
-    /**
-   * @description       展开收起状态
-   * @default           false
-   */
-    collapsed?: boolean;
-    /**
-    * @description     自动适应窗口大小
-    * @default           -
-    */
-    autoHeight?: boolean;
-    /**
-   * @description       标题前图标
-   * @default           -
-   */
-    icon?: React.ReactNode | boolean;
-    /**
-    * @description       折叠头部多个标题
-    * @default           []
-    */
-    titleList?: TitleListType[];
-    /**
-    * @description       id用于锚点定位
-    * @default           -
-    */
-    id?: string;
-    /**
-     * @description       内容区域样式
-     * @default           -
-     */
-    contentStyle?: CSSProperties;
-    /**
-    * @description       折叠等级
-    * @default           1
-    */
-    level?: levelType;
-    /**
-     * @description       二级折叠是否带收起
-     * @default           false
-     */
-    towCollapse?: boolean;
-    /**
-     * @description       三级折叠是否带收起
-     * @default           false
-     */
-    threeCollapse?: boolean;
-    /**
-    * @description      标题右侧扩展信息
-    * @default           -
-    */
-    extra?: React.ReactNode;
-    /**
-    * @description      当有titleList显示的换行的数量
-    * @default           3
-    */
-    column?: number;
-    /**
-   * @description      一级标题是否默认折叠
-   * @default           false
-   */
-    folding?: boolean;
-    /**
-   * @description      控制折叠面板展开状态
-   * @default           -
-   */
-    open?: boolean;
-    /**
-  * @description      antd Collapse属性
-  * @default           -
-  */
-    collapseProps?: CollapseProps;
-    /**
-  * @description      antd  CollapsePanel属性
-  * @default           -
-  */
-    collapsePanelProps?: CollapsePanelProps;
-    [key: string]: any;
-}

package/lib/ProLayout/components/ProCollapse/PropTypes.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/ProLayout/components/ProCollapse/index.d.ts

@@ -1,3 +0,0 @@
-import type { ProCollapseType } from './PropTypes';
-declare const ProCollapse: (props: ProCollapseType) => import("react/jsx-runtime").JSX.Element;
-export default ProCollapse;

package/lib/ProLayout/components/ProCollapse/index.js

@@ -1,200 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
-var _icons = require("@ant-design/icons");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _fold = _interopRequireDefault(require("../../../assets/fold.svg"));
-var _index = _interopRequireDefault(require("../../../ProIcon/index"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var ProCollapse = props => {
-  var title = props.title,
-    id = props.id,
-    _props$contentStyle = props.contentStyle,
-    contentStyle = _props$contentStyle === void 0 ? {} : _props$contentStyle,
-    children = props.children,
-    _props$level = props.level,
-    level = _props$level === void 0 ? '1' : _props$level,
-    _props$towCollapse = props.towCollapse,
-    towCollapse = _props$towCollapse === void 0 ? false : _props$towCollapse,
-    _props$threeCollapse = props.threeCollapse,
-    threeCollapse = _props$threeCollapse === void 0 ? false : _props$threeCollapse,
-    titleList = props.titleList,
-    extra = props.extra,
-    _props$column = props.column,
-    column = _props$column === void 0 ? 3 : _props$column,
-    style = props.style,
-    _props$folding = props.folding,
-    folding = _props$folding === void 0 ? false : _props$folding,
-    _props$collapseProps = props.collapseProps,
-    collapseProps = _props$collapseProps === void 0 ? {} : _props$collapseProps,
-    collapsePanelProps = props.collapsePanelProps,
-    className = props.className,
-    icon = props.icon,
-    _props$autoHeight = props.autoHeight,
-    autoHeight = _props$autoHeight === void 0 ? true : _props$autoHeight,
-    onChange = props.onChange,
-    open = props.open;
-
-  // 当同时设置了open和collapseProps.activeKey时，以collapseProps.activeKey为准
-  // 这样保证了与已有代码的兼容性，并提供了更简便的控制面板展开状态的方式
-  var finalCollapseProps = _objectSpread({}, collapseProps);
-  if (open !== undefined && !('activeKey' in finalCollapseProps)) {
-    finalCollapseProps.activeKey = open ? ['1'] : [];
-  }
-  var cls = (0, _classnames.default)({
-    'pro-collapse': true,
-    'pro-collapse-level2': level === '2',
-    'pro-collapse-level3': level === '3',
-    'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
-    'pro-collapse-no-title': !title,
-    'pro-collapse-no-level1-title': !title && level !== '2' && level !== '3',
-    [`${className}`]: className
-  });
-  var shouldRenderContent = children !== null && children !== undefined;
-  var content = shouldRenderContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "pro-collapse-content",
-    style: contentStyle,
-    children: children
-  }) : null;
-
-  // 生成 Collapse items 配置
-  var getCollapseItems = () => {
-    var _title = title;
-    var panelClassName = 'pro-collapse-panel';
-    var panelProps = {};
-    if (level === '2') {
-      panelClassName = (0, _classnames.default)({
-        'pro-collapse-level2-collapse': towCollapse,
-        'pro-collapse-level2-no-collapse': !towCollapse,
-        'pro-collapse-panel': true
-      });
-      if (!towCollapse) {
-        panelProps.collapsible = 'disabled';
-      }
-    }
-    if (level === '3') {
-      var level3Panel = (0, _classnames.default)({
-        'pro-collapse-level3-collapse': threeCollapse,
-        'pro-collapse-level3-no-collapse': !threeCollapse,
-        'pro-collapse-panel': true
-      });
-      var hasCollapse = {};
-      if (!threeCollapse) {
-        hasCollapse.collapsible = 'disabled';
-      }
-      return [_objectSpread(_objectSpread({
-        key: '1',
-        label: _title,
-        children: content,
-        extra: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "extra-info",
-          children: extra
-        }),
-        className: level3Panel,
-        forceRender: true
-      }, hasCollapse), collapsePanelProps)];
-    }
-    if (icon) {
-      _title = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-        size: 8,
-        align: "center",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "pro-collapse-icon",
-          children: typeof icon === 'boolean' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-            src: _fold.default,
-            actionMap: {
-              fill: []
-            }
-          }) : icon
-        }), title]
-      });
-    }
-    return [_objectSpread(_objectSpread({
-      key: '1',
-      label: _title,
-      children: content,
-      extra: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "extra-info",
-        children: extra
-      }),
-      className: panelClassName,
-      forceRender: true
-    }, panelProps), collapsePanelProps)];
-  };
-  var renderTitleList = () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: cls,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions, {
-        column: column,
-        children: titleList === null || titleList === void 0 ? void 0 : titleList.map(item => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions.Item, {
-            label: item.label,
-            children: item.value || '-'
-          }, item.label);
-        })
-      }), content]
-    });
-  };
-
-  // 当pro-layout-content只存在一个card时，高度动态计算
-  (0, _react.useLayoutEffect)(() => {
-    if (!autoHeight) {
-      return;
-    }
-    var proCollapseContent = document.querySelector('.pro-layout-content');
-    if (!proCollapseContent) {
-      return;
-    }
-    var proCollapseNoTitles = proCollapseContent.querySelectorAll('.pro-collapse-no-level1-title');
-    var proFooterNode = proCollapseContent.querySelector('.pro-footer');
-    var proCollapses = proCollapseContent.querySelectorAll('.pro-collapse');
-    if ((proCollapseNoTitles === null || proCollapseNoTitles === void 0 ? void 0 : proCollapseNoTitles.length) === 1 && proCollapses.length === 1) {
-      var rect = proCollapseNoTitles[0].getBoundingClientRect();
-      if ((rect === null || rect === void 0 ? void 0 : rect.height) < window.innerHeight - rect.top) {
-        proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + 16}px)`;
-      } else {
-        proCollapseNoTitles[0].style.minHeight = 'auto';
-      }
-      if (proFooterNode) {
-        proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + proFooterNode.offsetHeight + 16}px)`;
-      }
-    }
-    return () => {
-      if (proCollapseNoTitles.length === 1 && proCollapses.length === 1) {
-        proCollapseNoTitles[0].style.minHeight = 'auto'; // 移除 minHeight 的设置
-      }
-    };
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    id: id,
-    style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Collapse, _objectSpread({
-      className: cls,
-      bordered: false,
-      expandIcon: _ref => {
-        var isActive = _ref.isActive;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretRightOutlined, {
-          rotate: isActive ? -90 : 90
-        });
-      },
-      expandIconPlacement: "end",
-      defaultActiveKey: folding ? [] : ['1'],
-      onChange: onChange,
-      items: getCollapseItems()
-    }, finalCollapseProps))
-  });
-};
-var _default = exports.default = ProCollapse;