@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-6CWZXS5B.js

@@ -1,152 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Descriptions.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Descriptions = ({
-  title,
-  extra,
-  bordered = false,
-  column: columnProp = 3,
-  size = "md",
-  layout = "horizontal",
-  colon = true,
-  labelStyle,
-  contentStyle,
-  items = [],
-  className,
-  children,
-  ...props
-}) => {
-  const isResponsive = typeof columnProp === "object" && columnProp !== null;
-  const subscribe = _react.useMemo.call(void 0, () => {
-    if (!isResponsive) {
-      return () => () => {
-      };
-    }
-    return (cb) => {
-      window.addEventListener("resize", cb);
-      return () => window.removeEventListener("resize", cb);
-    };
-  }, [isResponsive]);
-  const getSnapshot = () => window.innerWidth;
-  const getServerSnapshot = () => 1024;
-  const windowWidth = _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getServerSnapshot);
-  const column = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveResponsiveValue.call(void 0, columnProp, windowWidth, 3),
-    [columnProp, windowWidth]
-  );
-  const renderHeader = () => {
-    if (!title && !extra) return null;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.descriptionsHeaderClasses, children: [
-      title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsTitleClasses, children: title }) : null,
-      extra ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsExtraClasses, children: extra }) : null
-    ] });
-  };
-  const renderRow = (rowItems, rowIndex) => {
-    const cells = [];
-    rowItems.forEach((item, itemIndex) => {
-      const span = Math.min(item.span || 1, column);
-      const labelClass = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
-        item.labelClassName
-      );
-      const contentClass = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
-        item.contentClassName
-      );
-      const key = `${rowIndex}-${itemIndex}`;
-      cells.push(
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
-          item.label,
-          colon ? ":" : ""
-        ] }, `${key}-label`)
-      );
-      cells.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "td",
-          {
-            className: contentClass,
-            style: contentStyle,
-            colSpan: span > 1 ? span * 2 - 1 : 1,
-            children: item.content
-          },
-          `${key}-content`
-        )
-      );
-    });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: cells }, rowIndex);
-  };
-  const renderHorizontalLayout = () => {
-    if (items.length === 0 && !children) {
-      return null;
-    }
-    const rows = _tigercatcore.groupItemsIntoRows.call(void 0, items, column);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => renderRow(row, index)) }) });
-  };
-  const renderVerticalItem = (item, index) => {
-    const labelClass = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
-      item.labelClassName
-    );
-    const contentClass = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
-      item.contentClassName
-    );
-    if (bordered) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
-          item.label,
-          colon ? ":" : ""
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: contentClass, style: contentStyle, children: item.content })
-      ] }, index);
-    }
-    const itemClasses = _tigercatcore.getDescriptionsVerticalItemClasses.call(void 0, size);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: itemClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "dt", { className: labelClass, style: labelStyle, children: [
-        item.label,
-        colon ? ":" : ""
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dd", { className: contentClass, style: contentStyle, children: item.content })
-    ] }, index);
-  };
-  const renderVerticalLayout = () => {
-    if (items.length === 0 && !children) {
-      return null;
-    }
-    if (bordered) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: items.map((item, index) => renderVerticalItem(item, index)) }) });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dl", { className: _tigercatcore.descriptionsVerticalWrapperClasses, children: items.map((item, index) => renderVerticalItem(item, index)) });
-  };
-  const descriptionsClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.descriptionsWrapperClasses,
-    _tigercatcore.getDescriptionsClasses.call(void 0, size),
-    className
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: descriptionsClasses, ...props, children: [
-    renderHeader(),
-    layout === "horizontal" ? renderHorizontalLayout() : renderVerticalLayout(),
-    children
-  ] });
-};
-var Descriptions_default = Descriptions;
-
-
-
-
-exports.Descriptions = Descriptions; exports.Descriptions_default = Descriptions_default;

package/dist/chunk-6HDMUF23.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Header.tsx
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Header = ({
-  className,
-  variant = "default",
-  height = "64px",
-  style,
-  children,
-  ...props
-}) => {
-  const headerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getLayoutHeaderClasses.call(void 0, variant), className);
-  const headerStyle = { ...style, height };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { className: headerClasses, style: headerStyle, ...props, children });
-};
-
-
-
-exports.Header = Header;

package/dist/chunk-6OMCHC6W.js

@@ -1,224 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
-
-
-var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-// src/components/Popconfirm.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var createPopconfirmId = _tigercatcore.createFloatingIdFactory.call(void 0, "popconfirm");
-var PopconfirmIcon = ({ type }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: _tigercatcore.popconfirmIconViewBox,
-    strokeWidth: _tigercatcore.popconfirmIconStrokeWidth,
-    stroke: "currentColor",
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "path",
-      {
-        strokeLinecap: _tigercatcore.popconfirmIconPathStrokeLinecap,
-        strokeLinejoin: _tigercatcore.popconfirmIconPathStrokeLinejoin,
-        d: _tigercatcore.getPopconfirmIconPath.call(void 0, type)
-      }
-    )
-  }
-);
-var Popconfirm = ({
-  open,
-  defaultOpen = false,
-  title = "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F",
-  description,
-  icon = "warning",
-  showIcon = true,
-  okText = "\u786E\u5B9A",
-  cancelText = "\u53D6\u6D88",
-  okType = "primary",
-  placement: initialPlacement = "top",
-  offset = 8,
-  disabled = false,
-  className,
-  style,
-  children,
-  titleContent,
-  descriptionContent,
-  onOpenChange,
-  onConfirm,
-  onCancel,
-  ...divProps
-}) => {
-  const popconfirmIdRef = _react.useRef.call(void 0, null);
-  if (!popconfirmIdRef.current) popconfirmIdRef.current = createPopconfirmId();
-  const popconfirmId = popconfirmIdRef.current;
-  const titleId = `${popconfirmId}-title`;
-  const descriptionId = `${popconfirmId}-description`;
-  const describedBy = description || descriptionContent ? descriptionId : void 0;
-  const {
-    currentVisible,
-    setVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    actualPlacement,
-    floatingStyles: baseFloatingStyles
-  } = _chunkJIFSUUGAjs.usePopup.call(void 0, {
-    open,
-    defaultOpen,
-    disabled,
-    placement: initialPlacement,
-    offset,
-    multiTrigger: false,
-    onOpenChange
-  });
-  const handleConfirm = () => {
-    _optionalChain([onConfirm, 'optionalCall', _ => _()]);
-    setVisible(false);
-  };
-  const handleCancel = () => {
-    _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
-    setVisible(false);
-  };
-  const handleTriggerClick = () => {
-    if (disabled) return;
-    setVisible(!currentVisible);
-  };
-  const contentWrapperStyles = _react.useMemo.call(void 0, 
-    () => ({
-      position: "absolute",
-      left: baseFloatingStyles.left,
-      top: baseFloatingStyles.top,
-      transformOrigin: baseFloatingStyles.transformOrigin
-    }),
-    [baseFloatingStyles]
-  );
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopconfirmContainerClasses.call(void 0, ), className),
-    [className]
-  );
-  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmTriggerClasses.call(void 0, disabled), [disabled]);
-  const contentWrapperClasses = "absolute z-50";
-  const arrowClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmArrowClasses.call(void 0, actualPlacement), [actualPlacement]);
-  const contentClasses = _tigercatcore.getPopconfirmContentClasses.call(void 0, );
-  const titleClasses = _tigercatcore.getPopconfirmTitleClasses.call(void 0, );
-  const descriptionClasses = _tigercatcore.getPopconfirmDescriptionClasses.call(void 0, );
-  const iconClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmIconClasses.call(void 0, icon), [icon]);
-  const buttonsClasses = _tigercatcore.getPopconfirmButtonsClasses.call(void 0, );
-  const cancelButtonClasses = _tigercatcore.getPopconfirmCancelButtonClasses.call(void 0, );
-  const okButtonClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmOkButtonClasses.call(void 0, okType), [okType]);
-  if (!children) return null;
-  const resolvedChildren = typeof children === "function" ? children({ open: Boolean(currentVisible) }) : children;
-  const mergedStyle = _tigercatcore.mergeStyleValues.call(void 0, style);
-  const triggerProps = {
-    className: triggerClasses,
-    onClick: (event) => {
-      const target = resolvedChildren;
-      if (_react2.default.isValidElement(target)) {
-        const onChildClick = target.props.onClick;
-        if (typeof onChildClick === "function") {
-          ;
-          onChildClick(event);
-        }
-      }
-      if (event.defaultPrevented) return;
-      handleTriggerClick();
-    },
-    "aria-haspopup": "dialog",
-    "aria-expanded": Boolean(currentVisible),
-    "aria-controls": currentVisible ? popconfirmId : void 0,
-    "data-state": currentVisible ? "open" : "closed"
-  };
-  const triggerNode = (() => {
-    if (_react2.default.isValidElement(resolvedChildren)) {
-      return _react2.default.cloneElement(resolvedChildren, {
-        ...triggerProps,
-        className: _tigercatcore.classNames.call(void 0, resolvedChildren.props.className, triggerProps.className)
-      });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ...triggerProps,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-disabled": disabled,
-        onKeyDown: (event) => {
-          if (disabled) return;
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            handleTriggerClick();
-          }
-        },
-        children: resolvedChildren
-      }
-    );
-  })();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style: mergedStyle, ...divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: triggerRef, children: triggerNode }),
-    _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          ref: floatingRef,
-          className: contentWrapperClasses,
-          style: contentWrapperStyles,
-          hidden: !currentVisible,
-          "aria-hidden": !currentVisible,
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: arrowClasses, "aria-hidden": "true" }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "div",
-              {
-                id: popconfirmId,
-                role: "dialog",
-                "aria-modal": "false",
-                "aria-labelledby": titleId,
-                "aria-describedby": describedBy,
-                className: contentClasses,
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start", children: [
-                    showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopconfirmIcon, { type: icon }) }),
-                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: titleId, className: titleClasses, children: titleContent || title }),
-                      (description || descriptionContent) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: buttonsClasses, children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
-                  ] })
-                ]
-              }
-            )
-          ] })
-        }
-      )
-    )
-  ] });
-};
-
-
-
-exports.Popconfirm = Popconfirm;