@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.0

package/dist/cjs/card/pro-card/TabPane/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _Card = _interopRequireDefault(require("../Card"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["key", "tab", "tabKey", "disabled", "destroyInactiveTabPane", "children", "className", "style", "cardProps"];
+/**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/components/TabPane/index.tsx
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies.
+ * See docs/maintenance/pro-card-port.md.
+ */
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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; }
+/**
+ * 旧式 `Card.TabPane` 标记组件。`tabs` 模式下 Card 读取其子元素的 props 转换为 items(见 Card/useLegacyItems),
+ * 并不渲染本组件;单独渲染时回退为 antd `Tabs.TabPane`。
+ *
+ * @deprecated 请使用 `tabs.items`。
+ */
+var TabPane = function TabPane(props) {
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var key = props.key,
+    tab = props.tab,
+    tabKey = props.tabKey,
+    disabled = props.disabled,
+    destroyInactiveTabPane = props.destroyInactiveTabPane,
+    children = props.children,
+    className = props.className,
+    style = props.style,
+    cardProps = props.cardProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var prefixCls = getPrefixCls('pro-card-tabpane');
+  var tabPaneClassName = (0, _classnames.default)(prefixCls, className);
+  var AntdTabPane = _antd.Tabs.TabPane;
+  if (!AntdTabPane) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, _objectSpread(_objectSpread({}, cardProps), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AntdTabPane, _objectSpread(_objectSpread({
+    tabKey: tabKey,
+    tab: tab,
+    className: tabPaneClassName,
+    style: style,
+    disabled: disabled,
+    destroyInactiveTabPane: destroyInactiveTabPane
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, _objectSpread(_objectSpread({}, cardProps), {}, {
+      children: children
+    }))
+  }), key);
+};
+if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production') {
+  TabPane.displayName = 'DeprecatedTabPane';
+}
+var _default = exports.default = TabPane;

package/dist/cjs/card/pro-card/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/ProCard.tsx
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies.
+ * See docs/maintenance/pro-card-port.md.
+ */
+import type { PropsWithChildren } from 'react';
+import Divider from './Divider';
+import TabPane from './TabPane';
+import type { CardProps, CardType } from './typing';
+export type { CardProps, ProCardTabsProps } from './typing';
+export type ProCardProps = CardProps;
+export type ProCardType = CardType & {
+    isProCard: boolean;
+    Divider: typeof Divider;
+    TabPane: typeof TabPane;
+    Group: typeof Group;
+};
+declare const Group: (props: PropsWithChildren<CardProps>) => import("react").JSX.Element;
+declare const ProCard: ProCardType;
+export default ProCard;

package/dist/cjs/card/pro-card/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Card = _interopRequireDefault(require("./Card"));
+var _Divider = _interopRequireDefault(require("./Divider"));
+var _TabPane = _interopRequireDefault(require("./TabPane"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); } /**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/ProCard.tsx
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies.
+ * See docs/maintenance/pro-card-port.md.
+ */
+var Group = function Group(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, _objectSpread({
+    bodyStyle: {
+      padding: 0
+    }
+  }, props));
+};
+
+// 当前不对底层 Card 做封装，仅挂载子组件，直接导出
+var ProCard = _Card.default;
+ProCard.isProCard = true;
+ProCard.Divider = _Divider.default;
+ProCard.TabPane = _TabPane.default;
+ProCard.Group = Group;
+var _default = exports.default = ProCard;

package/dist/cjs/card/pro-card/typing.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/typing.ts
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies.
+ * See docs/maintenance/pro-card-port.md.
+ */
+import type { FormItemProps, TabsProps } from 'antd';
+import type { ReactNode } from 'react';
+export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type Gutter = number | Partial<Record<Breakpoint, number>>;
+export type ColSpanType = number | string;
+type CollapsibleType = 'icon' | 'header' | boolean;
+type CardPropsBase = {
+    /** 标题样式 */
+    headStyle?: React.CSSProperties;
+    /** 内容样式 */
+    bodyStyle?: React.CSSProperties;
+    /** 页头是否有分割线 */
+    headerBordered?: boolean;
+    /** 卡片标题 */
+    title?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 标题说明 */
+    tooltip?: FormItemProps['tooltip'];
+    /** 右上角自定义区域 */
+    extra?: React.ReactNode;
+    /** 布局，center 代表垂直居中 */
+    layout?: 'default' | 'center';
+    /** 卡片类型 */
+    type?: 'default' | 'inner';
+    /** 指定 Flex 方向，仅在嵌套子卡片时有效 */
+    direction?: 'column' | 'row';
+    /** 是否自动换行，仅在嵌套子卡片时有效 */
+    wrap?: boolean;
+    /** 尺寸 */
+    size?: 'default' | 'small';
+    /** 加载中 */
+    loading?: boolean | ReactNode;
+    /** 栅格布局宽度，24 栅格，支持指定宽度或百分，需要支持响应式 colSpan={{ xs: 12, sm: 6 }} */
+    colSpan?: ColSpanType | Partial<Record<Breakpoint, ColSpanType>>;
+    colStyle?: React.CSSProperties;
+    /** 栅格间距 */
+    gutter?: Gutter | Gutter[];
+    /** 操作按钮 */
+    actions?: React.ReactNode[] | React.ReactNode;
+    /** 拆分卡片方式 */
+    split?: 'vertical' | 'horizontal';
+    /** 是否有边框 */
+    bordered?: boolean;
+    /**
+     * 鼠标移过时可浮起
+     *
+     * @default false
+     */
+    hoverable?: boolean;
+    /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
+    ghost?: boolean;
+    /** 是否可折叠 */
+    collapsible?: CollapsibleType;
+    /** 受控 collapsed 属性 */
+    collapsed?: boolean;
+    /** 折叠按钮自定义节点 */
+    collapsibleIconRender?: ({ collapsed }: {
+        collapsed: boolean;
+    }) => React.ReactNode;
+    /** 配置默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 收起卡片的事件 */
+    onCollapse?: (collapsed: boolean) => void;
+    /** 前缀 */
+    prefixCls?: string;
+    /** ProCard 的 ref */
+    ref?: React.Ref<HTMLDivElement | undefined>;
+    /** 是否展示选中样式 */
+    checked?: boolean;
+    /** 选中改变 */
+    onChecked?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /** card的阴影 */
+    boxShadow?: boolean;
+};
+export type ProCardTabsProps = {
+    cardProps?: CardPropsBase;
+} & TabsProps;
+export type CardProps = {
+    /** 标签栏配置 */
+    tabs?: ProCardTabsProps;
+} & CardPropsBase & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>;
+export type ProCardTabPaneProps = {
+    /** Key */
+    key?: string;
+    /** ProCard 相关属性透传 */
+    cardProps?: CardProps;
+    /** 页签标题 */
+    tab?: React.ReactNode;
+    tabKey?: string;
+    disabled?: boolean;
+    destroyInactiveTabPane?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    [key: string]: unknown;
+};
+export type CardType = React.ForwardRefExoticComponent<CardProps>;
+export {};

package/dist/cjs/card/pro-card/typing.js

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