@yoka-ui/ui 1.0.10-test

package/dist/es/creative/ButtonWithProgress/index.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/creative/ButtonWithProgress/index.tsx
+import { Button } from "antd";
+import classNames from "classnames";
+import React, { useMemo } from "react";
+import "./index.less";
+var ButtonWithProgress = (_a) => {
+  var _b = _a, {
+    children,
+    progress = 0,
+    progressColor = "#000000",
+    progressing = false,
+    subtitle = "",
+    disabled,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "progress",
+    "progressColor",
+    "progressing",
+    "subtitle",
+    "disabled",
+    "className"
+  ]);
+  const buttonProps = useMemo(() => {
+    return __spreadProps(__spreadValues({}, props), {
+      disabled: disabled || progressing,
+      className: classNames("button-with-progress", className)
+    });
+  }, [props, disabled, progressing, className]);
+  return /* @__PURE__ */ React.createElement(Button, __spreadValues({}, buttonProps), /* @__PURE__ */ React.createElement("div", { className: "button-content" }, children && /* @__PURE__ */ React.createElement("div", { className: "button-main-text" }, children), subtitle && /* @__PURE__ */ React.createElement("div", { className: "button-subtitle" }, subtitle)), progress && progressing ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: classNames("progress-bar", {
+        animate: progressing && !disabled
+      }),
+      style: {
+        backgroundColor: progressColor,
+        animationDuration: `${progress / 1e3}s`
+      }
+    }
+  ) : null);
+};
+var ButtonWithProgress_default = ButtonWithProgress;
+export {
+  ButtonWithProgress_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/creative/ButtonWithProgress/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/creative/ButtonWithProgress/index.tsx"],
+  "sourcesContent": ["import { Button, ButtonProps } from 'antd';\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport './index.less';\n\nexport interface ButtonWithProgressProps extends ButtonProps {\n  progress?: number;\n  progressColor?: string;\n  progressing?: boolean;\n  subtitle?: string;\n}\n\nconst ButtonWithProgress: React.FC<ButtonWithProgressProps> = ({\n  children,\n  progress = 0,\n  progressColor = '#000000',\n  progressing = false,\n  subtitle = '',\n  disabled,\n  className,\n  ...props\n}) => {\n  const buttonProps = useMemo(() => {\n    return {\n      ...props,\n      disabled: disabled || progressing,\n      className: classNames('button-with-progress', className),\n    };\n  }, [props, disabled, progressing, className]);\n\n  return (\n    <Button {...buttonProps}>\n      <div className='button-content'>\n        {children && <div className='button-main-text'>{children}</div>}\n        {subtitle && <div className='button-subtitle'>{subtitle}</div>}\n      </div>\n      {progress && progressing ? (\n        <div\n          className={classNames('progress-bar', {\n            animate: progressing && !disabled,\n          })}\n          style={{\n            backgroundColor: progressColor,\n            animationDuration: `${progress / 1000}s`,\n          }}\n        />\n      ) : null}\n    </Button>\n  );\n};\n\nexport default ButtonWithProgress;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAA2B;AACpC,OAAO,gBAAgB;AACvB,OAAO,SAAS,eAAe;AAC/B,OAAO;AASP,IAAM,qBAAwD,CAAC,OASzD;AATyD,eAC7D;AAAA;AAAA,IACA,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EAnBF,IAY+D,IAQ1D,kBAR0D,IAQ1D;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,iCACF,QADE;AAAA,MAEL,UAAU,YAAY;AAAA,MACtB,WAAW,WAAW,wBAAwB,SAAS;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,aAAa,SAAS,CAAC;AAE5C,SACE,oCAAC,2BAAW,cACV,oCAAC,SAAI,WAAU,oBACZ,YAAY,oCAAC,SAAI,WAAU,sBAAoB,QAAS,GACxD,YAAY,oCAAC,SAAI,WAAU,qBAAmB,QAAS,CAC1D,GACC,YAAY,cACX;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,gBAAgB;AAAA,QACpC,SAAS,eAAe,CAAC;AAAA,MAC3B,CAAC;AAAA,MACD,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB,GAAG,WAAW;AAAA,MACnC;AAAA;AAAA,EACF,IACE,IACN;AAEJ;AAEA,IAAO,6BAAQ;",
+  "names": []
+}

package/dist/es/creative/ButtonWithProgress/index.less

@@ -0,0 +1,66 @@
+.button-with-progress {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: auto !important;
+  overflow: hidden;
+
+  .button-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    line-height: 1.5;
+  }
+
+  .button-main-text {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  .button-subtitle {
+    margin-top: 2px;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 20px;
+  }
+
+  // Primary 类型按钮的副标题颜色
+  &.ant-btn-primary .button-subtitle {
+    color: rgba(255, 255, 255, 0.65);
+  }
+
+  // 默认类型按钮的副标题颜色
+  &.ant-btn-default .button-subtitle {
+    color: rgba(0, 0, 0, 0.45);
+  }
+
+  // 其他类型按钮的副标题颜色
+  &:not(.ant-btn-primary):not(.ant-btn-default) .button-subtitle {
+    color: rgba(0, 0, 0, 0.45);
+  }
+
+  .progress-bar {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 2px;
+
+    &.animate {
+      animation-name: progress-bar;
+      animation-timing-function: linear;
+      animation-fill-mode: forwards;
+    }
+  }
+
+  @keyframes progress-bar {
+    from {
+      width: 0%;
+    }
+    to {
+      width: 100%;
+    }
+  }
+}

package/dist/es/global.less

@@ -0,0 +1,12 @@
+.ant-btn {
+  border-radius: 2px;
+
+  &:not(.ant-btn-sm, .ant-btn-lg) {
+    height: 30px;
+    line-height: 28px;
+  }
+}
+
+.ant-tooltip-inner {
+  border-radius: 2px;
+}

package/dist/es/index.d.ts

@@ -0,0 +1,41 @@
+import 'antd/dist/reset.css';
+export { default as LabelSelect } from './ui/LabelSelect';
+export { default as LogicOperator } from './ui/LogicOperator';
+export { default as YkButton } from './ui/YkButton';
+export { default as YkCard } from './ui/YkCard';
+export { default as YkCheckbox } from './ui/YkCheckbox';
+export { default as YkDescriptions } from './ui/YkDescriptions';
+export { default as YkPagination } from './ui/YkPagination';
+export { default as YkRadio } from './ui/YkRadio';
+export { default as YkRadioBtnSpecial } from './ui/YkRadioBtnSpecial';
+export { default as YkSegmented } from './ui/YkSegmented';
+export { default as YkSelect } from './ui/YkSelect';
+export { default as YkSpin } from './ui/YkSpin';
+export { default as YkStatistic } from './ui/YkStatistic';
+export { default as YkSwitch } from './ui/YkSwitch';
+export { default as YkTabs } from './ui/YkTabs';
+export { default as YkTooltip } from './ui/YkTooltip';
+export { default as DrawerPageInfo } from './business/DrawerPageInfo';
+export { default as Editor } from './business/Editor';
+export { default as Empty } from './business/Empty';
+export { default as ModCommonFilter } from './business/ModCommonFilter';
+export { default as YkPorjectSelect } from './business/YkPorjectSelect';
+export { default as YkDateRangePicker } from './components/YkDateRangePicker';
+export { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';
+export { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';
+export { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';
+export { default as ButtonWithProgress } from './creative/ButtonWithProgress';
+export { default as InputTheme } from './Themes/InputTheme';
+export { default as TableTheme } from './Themes/TableTheme';
+export { default as FlexGrid } from './layout/FlexGrid';
+export { default as YkContainer } from './layout/YkContainer';
+export { default as YkDrawer } from './layout/YkDrawer';
+export { default as Clock } from './components/Clock';
+export { default as DebounceInput } from './components/DebounceInput';
+export { default as MultipleSelect } from './components/MultipleSelect';
+export { default as NumericInput } from './components/NumericInput';
+export { default as RefreshButton } from './components/RefreshButton';
+export { default as SearchWithHistory } from './components/SearchWithHistory';
+export { default as TextWithInput } from './components/TextWithInput';
+export { default as TextWithToolTip } from './components/TextWithToolTip';
+export { default as TreeTransfer } from './components/TreeTransfer';

package/dist/es/index.js

@@ -0,0 +1,85 @@
+// src/index.tsx
+import "antd/dist/reset.css";
+import { default as default2 } from "./ui/LabelSelect";
+import { default as default3 } from "./ui/LogicOperator";
+import { default as default4 } from "./ui/YkButton";
+import { default as default5 } from "./ui/YkCard";
+import { default as default6 } from "./ui/YkCheckbox";
+import { default as default7 } from "./ui/YkDescriptions";
+import { default as default8 } from "./ui/YkPagination";
+import { default as default9 } from "./ui/YkRadio";
+import { default as default10 } from "./ui/YkRadioBtnSpecial";
+import { default as default11 } from "./ui/YkSegmented";
+import { default as default12 } from "./ui/YkSelect";
+import { default as default13 } from "./ui/YkSpin";
+import { default as default14 } from "./ui/YkStatistic";
+import { default as default15 } from "./ui/YkSwitch";
+import { default as default16 } from "./ui/YkTabs";
+import { default as default17 } from "./ui/YkTooltip";
+import { default as default18 } from "./business/DrawerPageInfo";
+import { default as default19 } from "./business/Editor";
+import { default as default20 } from "./business/Empty";
+import { default as default21 } from "./business/ModCommonFilter";
+import { default as default22 } from "./business/YkPorjectSelect";
+import { default as default23 } from "./components/YkDateRangePicker";
+import { default as default24 } from "./components/YkRangeDateWithVS";
+import { default as default25 } from "./components/YkRangeTimeWithRecent";
+import { default as default26 } from "./creative/ButtonRadioWithInfo";
+import { default as default27 } from "./creative/ButtonWithProgress";
+import { default as default28 } from "./Themes/InputTheme";
+import { default as default29 } from "./Themes/TableTheme";
+import { default as default30 } from "./layout/FlexGrid";
+import { default as default31 } from "./layout/YkContainer";
+import { default as default32 } from "./layout/YkDrawer";
+import { default as default33 } from "./components/Clock";
+import { default as default34 } from "./components/DebounceInput";
+import { default as default35 } from "./components/MultipleSelect";
+import { default as default36 } from "./components/NumericInput";
+import { default as default37 } from "./components/RefreshButton";
+import { default as default38 } from "./components/SearchWithHistory";
+import { default as default39 } from "./components/TextWithInput";
+import { default as default40 } from "./components/TextWithToolTip";
+import { default as default41 } from "./components/TreeTransfer";
+export {
+  default26 as ButtonRadioWithInfo,
+  default27 as ButtonWithProgress,
+  default33 as Clock,
+  default34 as DebounceInput,
+  default18 as DrawerPageInfo,
+  default19 as Editor,
+  default20 as Empty,
+  default30 as FlexGrid,
+  default28 as InputTheme,
+  default2 as LabelSelect,
+  default3 as LogicOperator,
+  default21 as ModCommonFilter,
+  default35 as MultipleSelect,
+  default36 as NumericInput,
+  default37 as RefreshButton,
+  default38 as SearchWithHistory,
+  default29 as TableTheme,
+  default39 as TextWithInput,
+  default40 as TextWithToolTip,
+  default41 as TreeTransfer,
+  default4 as YkButton,
+  default5 as YkCard,
+  default6 as YkCheckbox,
+  default31 as YkContainer,
+  default23 as YkDateRangePicker,
+  default7 as YkDescriptions,
+  default32 as YkDrawer,
+  default8 as YkPagination,
+  default22 as YkPorjectSelect,
+  default9 as YkRadio,
+  default10 as YkRadioBtnSpecial,
+  default24 as YkRangeDateWithVS,
+  default25 as YkRangeTimeWithRecent,
+  default11 as YkSegmented,
+  default12 as YkSelect,
+  default13 as YkSpin,
+  default14 as YkStatistic,
+  default15 as YkSwitch,
+  default16 as YkTabs,
+  default17 as YkTooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["// Auto-inject Ant Design styles per project_specification_memory #6eafc28d\nimport 'antd/dist/reset.css';\n\n// Export all UI components\nexport { default as LabelSelect } from './ui/LabelSelect';\nexport { default as LogicOperator } from './ui/LogicOperator';\nexport { default as YkButton } from './ui/YkButton';\nexport { default as YkCard } from './ui/YkCard';\nexport { default as YkCheckbox } from './ui/YkCheckbox';\nexport { default as YkDescriptions } from './ui/YkDescriptions';\nexport { default as YkPagination } from './ui/YkPagination';\nexport { default as YkRadio } from './ui/YkRadio';\nexport { default as YkRadioBtnSpecial } from './ui/YkRadioBtnSpecial';\nexport { default as YkSegmented } from './ui/YkSegmented';\nexport { default as YkSelect } from './ui/YkSelect';\nexport { default as YkSpin } from './ui/YkSpin';\nexport { default as YkStatistic } from './ui/YkStatistic';\nexport { default as YkSwitch } from './ui/YkSwitch';\nexport { default as YkTabs } from './ui/YkTabs';\nexport { default as YkTooltip } from './ui/YkTooltip';\n\n// Export business components\nexport { default as DrawerPageInfo } from './business/DrawerPageInfo';\nexport { default as Editor } from './business/Editor';\nexport { default as Empty } from './business/Empty';\nexport { default as ModCommonFilter } from './business/ModCommonFilter';\nexport { default as YkPorjectSelect } from './business/YkPorjectSelect';\nexport { default as YkDateRangePicker } from './components/YkDateRangePicker';\nexport { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';\nexport { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';\n\n// Export creative components\nexport { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';\nexport { default as ButtonWithProgress } from './creative/ButtonWithProgress';\n\n// Export theme components\nexport { default as InputTheme } from './Themes/InputTheme';\nexport { default as TableTheme } from './Themes/TableTheme';\n\n// Export layout\nexport { default as FlexGrid } from './layout/FlexGrid';\nexport { default as YkContainer } from './layout/YkContainer';\nexport { default as YkDrawer } from './layout/YkDrawer';\n\n// Export common components\nexport { default as Clock } from './components/Clock';\nexport { default as DebounceInput } from './components/DebounceInput';\nexport { default as MultipleSelect } from './components/MultipleSelect';\nexport { default as NumericInput } from './components/NumericInput';\nexport { default as RefreshButton } from './components/RefreshButton';\nexport { default as SearchWithHistory } from './components/SearchWithHistory';\nexport { default as TextWithInput } from './components/TextWithInput';\nexport { default as TextWithToolTip } from './components/TextWithToolTip';\nexport { default as TreeTransfer } from './components/TreeTransfer';\n"],
+  "mappings": ";AACA,OAAO;AAGP,SAAoB,WAAXA,gBAA8B;AACvC,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAAiC;AAC1C,SAAoB,WAAXA,gBAA+B;AACxC,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA4B;AAGrC,SAAoB,WAAXA,iBAAiC;AAC1C,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAAwB;AACjC,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAwC;AAGjD,SAAoB,WAAXA,iBAAsC;AAC/C,SAAoB,WAAXA,iBAAqC;AAG9C,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAA6B;AAGtC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AAGpC,SAAoB,WAAXA,iBAAwB;AACjC,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAiC;AAC1C,SAAoB,WAAXA,iBAA+B;AACxC,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAA+B;",
+  "names": ["default"]
+}

package/dist/es/layout/FlexGrid/index.d.ts

@@ -0,0 +1,25 @@
+import { RowProps } from 'antd';
+import React from 'react';
+/** Col 在各断点下的 span（24 栅格），与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */
+export type FlexGridColSpan = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    xxl?: number;
+};
+export type FlexGridProps = {
+    /** 每一子节点占一格；多个并列子元素时请使用数组或 Fragment 包一层 */
+    children?: React.ReactNode;
+    /** 同 antd Row `gutter`，默认 `[16, 16]` */
+    gutter?: RowProps['gutter'];
+    /** 覆盖默认断点 span；例如 `{ lg: 12 }` 可改为大屏每行 2 列 */
+    colSpan?: FlexGridColSpan;
+    /** 透传到 antd `Row`（勿再传 `children`） */
+    rowProps?: Omit<RowProps, 'children'>;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const _default: React.NamedExoticComponent<FlexGridProps>;
+export default _default;

package/dist/es/layout/FlexGrid/index.js

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/layout/FlexGrid/index.tsx
+import { Col, Flex, Row } from "antd";
+import classNames from "classnames";
+import React from "react";
+var defaultColSpan = {
+  /** <576px：每行 1 个 */
+  xs: 24,
+  /** ≥576px：每行 2 个 */
+  sm: 12,
+  /** ≥768px：每行 3 个 */
+  md: 8,
+  /** ≥992px：每行 4 个 */
+  lg: 6,
+  xl: 6,
+  xxl: 6
+};
+var FlexGrid = ({
+  children = null,
+  gutter = [16, 16],
+  colSpan,
+  rowProps,
+  className,
+  style
+}) => {
+  const span = __spreadValues(__spreadValues({}, defaultColSpan), colSpan);
+  const nodes = React.Children.toArray(children).filter((c) => c != null);
+  return /* @__PURE__ */ React.createElement(
+    Row,
+    __spreadValues({
+      gutter,
+      wrap: true,
+      align: "stretch",
+      className: classNames("yoka-flex-grid", className),
+      style
+    }, rowProps),
+    nodes.map((child, index) => {
+      const key = React.isValidElement(child) && child.key != null ? String(child.key) : `flex-grid-${index}`;
+      return /* @__PURE__ */ React.createElement(Col, { key, xs: span.xs, sm: span.sm, md: span.md, lg: span.lg, xl: span.xl, xxl: span.xxl }, /* @__PURE__ */ React.createElement(Flex, { vertical: true, style: { width: "100%", minHeight: "100%" }, className: "yoka-flex-grid-cell" }, child));
+    })
+  );
+};
+var FlexGrid_default = React.memo(FlexGrid);
+export {
+  FlexGrid_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/layout/FlexGrid/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layout/FlexGrid/index.tsx"],
+  "sourcesContent": ["import { Col, Flex, Row, RowProps } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\n\n/** Col 在各断点下的 span（24 栅格），与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */\nexport type FlexGridColSpan = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\nconst defaultColSpan: Required<FlexGridColSpan> = {\n  /** &lt;576px：每行 1 个 */\n  xs: 24,\n  /** ≥576px：每行 2 个 */\n  sm: 12,\n  /** ≥768px：每行 3 个 */\n  md: 8,\n  /** ≥992px：每行 4 个 */\n  lg: 6,\n  xl: 6,\n  xxl: 6,\n};\n\nexport type FlexGridProps = {\n  /** 每一子节点占一格；多个并列子元素时请使用数组或 Fragment 包一层 */\n  children?: React.ReactNode;\n  /** 同 antd Row `gutter`，默认 `[16, 16]` */\n  gutter?: RowProps['gutter'];\n  /** 覆盖默认断点 span；例如 `{ lg: 12 }` 可改为大屏每行 2 列 */\n  colSpan?: FlexGridColSpan;\n  /** 透传到 antd `Row`（勿再传 `children`） */\n  rowProps?: Omit<RowProps, 'children'>;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\n/**\n * 响应式弹性栅格：基于 antd `Row` / `Col`（24 栅格），大屏默认每行 4 格，随宽度递减为 3 / 2 / 1；\n * 格子内用 antd [Flex](https://ant-design.antgroup.com/components/flex-cn) 撑满宽度，便于卡片等同高布局。\n */\nconst FlexGrid: React.FC<FlexGridProps> = ({\n  children = null,\n  gutter = [16, 16],\n  colSpan,\n  rowProps,\n  className,\n  style,\n}) => {\n  const span = { ...defaultColSpan, ...colSpan };\n  const nodes = React.Children.toArray(children).filter((c) => c != null);\n\n  return (\n    <Row\n      gutter={gutter}\n      wrap\n      align=\"stretch\"\n      className={classNames('yoka-flex-grid', className)}\n      style={style}\n      {...rowProps}\n    >\n      {nodes.map((child, index) => {\n        const key = React.isValidElement(child) && child.key != null ? String(child.key) : `flex-grid-${index}`;\n        return (\n          <Col key={key} xs={span.xs} sm={span.sm} md={span.md} lg={span.lg} xl={span.xl} xxl={span.xxl}>\n            <Flex vertical style={{ width: '100%', minHeight: '100%' }} className=\"yoka-flex-grid-cell\">\n              {child}\n            </Flex>\n          </Col>\n        );\n      })}\n    </Row>\n  );\n};\n\nexport default React.memo(FlexGrid);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,WAAqB;AACzC,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAYlB,IAAM,iBAA4C;AAAA;AAAA,EAEhD,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;AAmBA,IAAM,WAAoC,CAAC;AAAA,EACzC,WAAW;AAAA,EACX,SAAS,CAAC,IAAI,EAAE;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,kCAAK,iBAAmB;AACrC,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,WAAW,WAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,OACI;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,MAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,oCAAC,OAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,oCAAC,QAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,MAAM,KAAK,QAAQ;",
+  "names": []
+}

package/dist/es/layout/YkContainer/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type YkContainerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
+    /** 页头左侧标题，字号 18px、颜色 #3b82fe；存在 `headerLeft` 时不展示 */
+    title?: React.ReactNode;
+    /** 自定义页头左侧，优先级高于 `title` */
+    headerLeft?: React.ReactNode;
+    /** 页头右侧插槽 */
+    headerRight?: React.ReactNode;
+    /** 是否展示页头，默认 true */
+    showHeader?: boolean;
+};
+/**
+ * 页面内容区布局容器（语义上类似 Pro PageContainer 的内容包裹层）：
+ * 顶部可选固定（sticky）页头，左右插槽；下方区域左右与底部留白 10px、顶部与页头间距 10px；
+ * 子元素纵向排列，间距 10px。
+ */
+declare const YkContainer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & {
+    /** 页头左侧标题，字号 18px、颜色 #3b82fe；存在 `headerLeft` 时不展示 */
+    title?: React.ReactNode;
+    /** 自定义页头左侧，优先级高于 `title` */
+    headerLeft?: React.ReactNode;
+    /** 页头右侧插槽 */
+    headerRight?: React.ReactNode;
+    /** 是否展示页头，默认 true */
+    showHeader?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export default YkContainer;

package/dist/es/layout/YkContainer/index.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/layout/YkContainer/index.tsx
+import classNames from "classnames";
+import React from "react";
+var headerBarStyle = {
+  position: "sticky",
+  top: 0,
+  zIndex: 10,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 12,
+  minHeight: 60,
+  padding: "10px 20px",
+  boxSizing: "border-box",
+  background: "#fff"
+};
+var titleStyle = {
+  margin: 0,
+  fontSize: 18,
+  fontWeight: 600,
+  lineHeight: "24px",
+  color: "#3b82fe"
+};
+var YkContainer = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, style, children, title, headerLeft, headerRight, showHeader = true } = _b, rest = __objRest(_b, ["className", "style", "children", "title", "headerLeft", "headerRight", "showHeader"]);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadValues({
+        ref,
+        className: classNames("yoka-container", className),
+        style: __spreadValues({
+          display: "flex",
+          flexDirection: "column",
+          gap: 10,
+          padding: "0 10px 10px",
+          boxSizing: "border-box"
+        }, style)
+      }, rest),
+      showHeader ? /* @__PURE__ */ React.createElement("header", { style: headerBarStyle, className: "yoka-yk-container-header" }, /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center" } }, headerLeft !== void 0 && headerLeft !== null ? headerLeft : title != null && title !== "" ? /* @__PURE__ */ React.createElement("div", { style: titleStyle }, title) : null), headerRight ? /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, display: "flex", alignItems: "center" } }, headerRight) : null) : null,
+      children
+    );
+  }
+);
+YkContainer.displayName = "YkContainer";
+var YkContainer_default = YkContainer;
+export {
+  YkContainer_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/layout/YkContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layout/YkContainer/index.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\n\nexport type YkContainerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n  /** 页头左侧标题，字号 18px、颜色 #3b82fe；存在 `headerLeft` 时不展示 */\n  title?: React.ReactNode;\n  /** 自定义页头左侧，优先级高于 `title` */\n  headerLeft?: React.ReactNode;\n  /** 页头右侧插槽 */\n  headerRight?: React.ReactNode;\n  /** 是否展示页头，默认 true */\n  showHeader?: boolean;\n};\n\nconst headerBarStyle: React.CSSProperties = {\n  position: 'sticky',\n  top: 0,\n  zIndex: 10,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  minHeight: 60,\n  padding: '10px 20px',\n  boxSizing: 'border-box',\n  background: '#fff',\n};\n\nconst titleStyle: React.CSSProperties = {\n  margin: 0,\n  fontSize: 18,\n  fontWeight: 600,\n  lineHeight: '24px',\n  color: '#3b82fe',\n};\n\n/**\n * 页面内容区布局容器（语义上类似 Pro PageContainer 的内容包裹层）：\n * 顶部可选固定（sticky）页头，左右插槽；下方区域左右与底部留白 10px、顶部与页头间距 10px；\n * 子元素纵向排列，间距 10px。\n */\nconst YkContainer = React.forwardRef<HTMLDivElement, YkContainerProps>(\n  ({ className, style, children, title, headerLeft, headerRight, showHeader = true, ...rest }, ref) => (\n    <div\n      ref={ref}\n      className={classNames('yoka-container', className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        padding: '0 10px 10px',\n        boxSizing: 'border-box',\n        ...style,\n      }}\n      {...rest}\n    >\n      {showHeader ? (\n        <header style={headerBarStyle} className=\"yoka-yk-container-header\">\n          <div style={{ flex: 1, minWidth: 0, display: 'flex', alignItems: 'center' }}>\n            {headerLeft !== undefined && headerLeft !== null ? (\n              headerLeft\n            ) : title != null && title !== '' ? (\n              <div style={titleStyle}>{title}</div>\n            ) : null}\n          </div>\n          {headerRight ? (\n            <div style={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>{headerRight}</div>\n          ) : null}\n        </header>\n      ) : null}\n      {children}\n    </div>\n  ),\n);\n\nYkContainer.displayName = 'YkContainer';\n\nexport default YkContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAalB,IAAM,iBAAsC;AAAA,EAC1C,UAAU;AAAA,EACV,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAEA,IAAM,aAAkC;AAAA,EACtC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT;AAOA,IAAM,cAAc,MAAM;AAAA,EACxB,CAAC,IAA4F,QAAK;AAAjG,iBAAE,aAAW,OAAO,UAAU,OAAO,YAAY,aAAa,aAAa,KA1C9E,IA0CG,IAAoF,iBAApF,IAAoF,CAAlF,aAAW,SAAO,YAAU,SAAO,cAAY,eAAa;AAC7D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,WAAW,kBAAkB,SAAS;AAAA,QACjD,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAe;AAAA,UACf,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,WACR;AAAA,SAED;AAAA,MAEH,aACC,oCAAC,YAAO,OAAO,gBAAgB,WAAU,8BACvC,oCAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,QAAQ,YAAY,SAAS,KACvE,eAAe,UAAa,eAAe,OAC1C,aACE,SAAS,QAAQ,UAAU,KAC7B,oCAAC,SAAI,OAAO,cAAa,KAAM,IAC7B,IACN,GACC,cACC,oCAAC,SAAI,OAAO,EAAE,YAAY,GAAG,SAAS,QAAQ,YAAY,SAAS,KAAI,WAAY,IACjF,IACN,IACE;AAAA,MACH;AAAA,IACH;AAAA;AAEJ;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/es/layout/YkDrawer/index.d.ts

@@ -0,0 +1,22 @@
+import { DrawerProps } from 'antd';
+import React from 'react';
+/** 预设尺寸（px）：左右抽屉为 `width`，上下抽屉为 `height` */
+export declare const YK_DRAWER_SIZE_PX: {
+    readonly small: 378;
+    readonly medium: 550;
+    readonly large: 736;
+    readonly xlarge: 1000;
+};
+export type YkDrawerSize = keyof typeof YK_DRAWER_SIZE_PX;
+export type YkDrawerMaskEffect = 'blur' | 'dimmed' | 'none';
+export type YkDrawerPlacement = NonNullable<DrawerProps['placement']>;
+export type YkDrawerProps = Omit<DrawerProps, 'size'> & {
+    /** 预设宽高；不配 `width`/`height` 时按 `placement` 自动套用 */
+    drawerSize?: YkDrawerSize;
+    /** 遮罩：`blur` 毛玻璃+浅遮罩，`dimmed` 默认变暗，`none` 透明（仍拦截点击背后） */
+    maskEffect?: YkDrawerMaskEffect;
+    /** 是否展示外侧关闭标签（参考 DrawerPageInfo），默认 true；仅 **left/right** 生效，top/bottom 不展示外侧钮、使用 antd 默认关闭；为 true 且为左右抽屉时关闭内置标题栏关闭钮 */
+    showOuterClose?: boolean;
+};
+declare const _default: React.NamedExoticComponent<YkDrawerProps>;
+export default _default;