@yoka-ui/ui 1.0.10-test

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

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creative/ButtonWithProgress/index.tsx
+var ButtonWithProgress_exports = {};
+__export(ButtonWithProgress_exports, {
+  default: () => ButtonWithProgress_default
+});
+module.exports = __toCommonJS(ButtonWithProgress_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var ButtonWithProgress = ({
+  children,
+  progress = 0,
+  progressColor = "#000000",
+  progressing = false,
+  subtitle = "",
+  disabled,
+  className,
+  ...props
+}) => {
+  const buttonProps = (0, import_react.useMemo)(() => {
+    return {
+      ...props,
+      disabled: disabled || progressing,
+      className: (0, import_classnames.default)("button-with-progress", className)
+    };
+  }, [props, disabled, progressing, className]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...buttonProps }, /* @__PURE__ */ import_react.default.createElement("div", { className: "button-content" }, children && /* @__PURE__ */ import_react.default.createElement("div", { className: "button-main-text" }, children), subtitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "button-subtitle" }, subtitle)), progress && progressing ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("progress-bar", {
+        animate: progressing && !disabled
+      }),
+      style: {
+        backgroundColor: progressColor,
+        animationDuration: `${progress / 1e3}s`
+      }
+    }
+  ) : null);
+};
+var ButtonWithProgress_default = ButtonWithProgress;
+//# sourceMappingURL=index.js.map

package/dist/lib/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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoC;AACpC,wBAAuB;AACvB,mBAA+B;AAC/B,mBAAO;AASP,IAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,kBAAc,sBAAQ,MAAM;AAChC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU,YAAY;AAAA,MACtB,eAAW,kBAAAA,SAAW,wBAAwB,SAAS;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,aAAa,SAAS,CAAC;AAE5C,SACE,6BAAAC,QAAA,cAAC,sBAAQ,GAAG,eACV,6BAAAA,QAAA,cAAC,SAAI,WAAU,oBACZ,YAAY,6BAAAA,QAAA,cAAC,SAAI,WAAU,sBAAoB,QAAS,GACxD,YAAY,6BAAAA,QAAA,cAAC,SAAI,WAAU,qBAAmB,QAAS,CAC1D,GACC,YAAY,cACX,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAD,SAAW,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": ["classNames", "React"]
+}

package/dist/lib/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/lib/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/lib/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/lib/index.js

@@ -0,0 +1,158 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  ButtonRadioWithInfo: () => import_ButtonRadioWithInfo.default,
+  ButtonWithProgress: () => import_ButtonWithProgress.default,
+  Clock: () => import_Clock.default,
+  DebounceInput: () => import_DebounceInput.default,
+  DrawerPageInfo: () => import_DrawerPageInfo.default,
+  Editor: () => import_Editor.default,
+  Empty: () => import_Empty.default,
+  FlexGrid: () => import_FlexGrid.default,
+  InputTheme: () => import_InputTheme.default,
+  LabelSelect: () => import_LabelSelect.default,
+  LogicOperator: () => import_LogicOperator.default,
+  ModCommonFilter: () => import_ModCommonFilter.default,
+  MultipleSelect: () => import_MultipleSelect.default,
+  NumericInput: () => import_NumericInput.default,
+  RefreshButton: () => import_RefreshButton.default,
+  SearchWithHistory: () => import_SearchWithHistory.default,
+  TableTheme: () => import_TableTheme.default,
+  TextWithInput: () => import_TextWithInput.default,
+  TextWithToolTip: () => import_TextWithToolTip.default,
+  TreeTransfer: () => import_TreeTransfer.default,
+  YkButton: () => import_YkButton.default,
+  YkCard: () => import_YkCard.default,
+  YkCheckbox: () => import_YkCheckbox.default,
+  YkContainer: () => import_YkContainer.default,
+  YkDateRangePicker: () => import_YkDateRangePicker.default,
+  YkDescriptions: () => import_YkDescriptions.default,
+  YkDrawer: () => import_YkDrawer.default,
+  YkPagination: () => import_YkPagination.default,
+  YkPorjectSelect: () => import_YkPorjectSelect.default,
+  YkRadio: () => import_YkRadio.default,
+  YkRadioBtnSpecial: () => import_YkRadioBtnSpecial.default,
+  YkRangeDateWithVS: () => import_YkRangeDateWithVS.default,
+  YkRangeTimeWithRecent: () => import_YkRangeTimeWithRecent.default,
+  YkSegmented: () => import_YkSegmented.default,
+  YkSelect: () => import_YkSelect.default,
+  YkSpin: () => import_YkSpin.default,
+  YkStatistic: () => import_YkStatistic.default,
+  YkSwitch: () => import_YkSwitch.default,
+  YkTabs: () => import_YkTabs.default,
+  YkTooltip: () => import_YkTooltip.default
+});
+module.exports = __toCommonJS(src_exports);
+var import_reset = require("antd/dist/reset.css");
+var import_LabelSelect = __toESM(require("./ui/LabelSelect"));
+var import_LogicOperator = __toESM(require("./ui/LogicOperator"));
+var import_YkButton = __toESM(require("./ui/YkButton"));
+var import_YkCard = __toESM(require("./ui/YkCard"));
+var import_YkCheckbox = __toESM(require("./ui/YkCheckbox"));
+var import_YkDescriptions = __toESM(require("./ui/YkDescriptions"));
+var import_YkPagination = __toESM(require("./ui/YkPagination"));
+var import_YkRadio = __toESM(require("./ui/YkRadio"));
+var import_YkRadioBtnSpecial = __toESM(require("./ui/YkRadioBtnSpecial"));
+var import_YkSegmented = __toESM(require("./ui/YkSegmented"));
+var import_YkSelect = __toESM(require("./ui/YkSelect"));
+var import_YkSpin = __toESM(require("./ui/YkSpin"));
+var import_YkStatistic = __toESM(require("./ui/YkStatistic"));
+var import_YkSwitch = __toESM(require("./ui/YkSwitch"));
+var import_YkTabs = __toESM(require("./ui/YkTabs"));
+var import_YkTooltip = __toESM(require("./ui/YkTooltip"));
+var import_DrawerPageInfo = __toESM(require("./business/DrawerPageInfo"));
+var import_Editor = __toESM(require("./business/Editor"));
+var import_Empty = __toESM(require("./business/Empty"));
+var import_ModCommonFilter = __toESM(require("./business/ModCommonFilter"));
+var import_YkPorjectSelect = __toESM(require("./business/YkPorjectSelect"));
+var import_YkDateRangePicker = __toESM(require("./components/YkDateRangePicker"));
+var import_YkRangeDateWithVS = __toESM(require("./components/YkRangeDateWithVS"));
+var import_YkRangeTimeWithRecent = __toESM(require("./components/YkRangeTimeWithRecent"));
+var import_ButtonRadioWithInfo = __toESM(require("./creative/ButtonRadioWithInfo"));
+var import_ButtonWithProgress = __toESM(require("./creative/ButtonWithProgress"));
+var import_InputTheme = __toESM(require("./Themes/InputTheme"));
+var import_TableTheme = __toESM(require("./Themes/TableTheme"));
+var import_FlexGrid = __toESM(require("./layout/FlexGrid"));
+var import_YkContainer = __toESM(require("./layout/YkContainer"));
+var import_YkDrawer = __toESM(require("./layout/YkDrawer"));
+var import_Clock = __toESM(require("./components/Clock"));
+var import_DebounceInput = __toESM(require("./components/DebounceInput"));
+var import_MultipleSelect = __toESM(require("./components/MultipleSelect"));
+var import_NumericInput = __toESM(require("./components/NumericInput"));
+var import_RefreshButton = __toESM(require("./components/RefreshButton"));
+var import_SearchWithHistory = __toESM(require("./components/SearchWithHistory"));
+var import_TextWithInput = __toESM(require("./components/TextWithInput"));
+var import_TextWithToolTip = __toESM(require("./components/TextWithToolTip"));
+var import_TreeTransfer = __toESM(require("./components/TreeTransfer"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonRadioWithInfo,
+  ButtonWithProgress,
+  Clock,
+  DebounceInput,
+  DrawerPageInfo,
+  Editor,
+  Empty,
+  FlexGrid,
+  InputTheme,
+  LabelSelect,
+  LogicOperator,
+  ModCommonFilter,
+  MultipleSelect,
+  NumericInput,
+  RefreshButton,
+  SearchWithHistory,
+  TableTheme,
+  TextWithInput,
+  TextWithToolTip,
+  TreeTransfer,
+  YkButton,
+  YkCard,
+  YkCheckbox,
+  YkContainer,
+  YkDateRangePicker,
+  YkDescriptions,
+  YkDrawer,
+  YkPagination,
+  YkPorjectSelect,
+  YkRadio,
+  YkRadioBtnSpecial,
+  YkRangeDateWithVS,
+  YkRangeTimeWithRecent,
+  YkSegmented,
+  YkSelect,
+  YkSpin,
+  YkStatistic,
+  YkSwitch,
+  YkTabs,
+  YkTooltip
+});
+//# sourceMappingURL=index.js.map

package/dist/lib/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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAO;AAGP,yBAAuC;AACvC,2BAAyC;AACzC,sBAAoC;AACpC,oBAAkC;AAClC,wBAAsC;AACtC,4BAA0C;AAC1C,0BAAwC;AACxC,qBAAmC;AACnC,+BAA6C;AAC7C,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,uBAAqC;AAGrC,4BAA0C;AAC1C,oBAAkC;AAClC,mBAAiC;AACjC,6BAA2C;AAC3C,6BAA2C;AAC3C,+BAA6C;AAC7C,+BAA6C;AAC7C,mCAAiD;AAGjD,iCAA+C;AAC/C,gCAA8C;AAG9C,wBAAsC;AACtC,wBAAsC;AAGtC,sBAAoC;AACpC,yBAAuC;AACvC,sBAAoC;AAGpC,mBAAiC;AACjC,2BAAyC;AACzC,4BAA0C;AAC1C,0BAAwC;AACxC,2BAAyC;AACzC,+BAA6C;AAC7C,2BAAyC;AACzC,6BAA2C;AAC3C,0BAAwC;",
+  "names": []
+}

package/dist/lib/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/lib/layout/FlexGrid/index.js

@@ -0,0 +1,77 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layout/FlexGrid/index.tsx
+var FlexGrid_exports = {};
+__export(FlexGrid_exports, {
+  default: () => FlexGrid_default
+});
+module.exports = __toCommonJS(FlexGrid_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("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 = { ...defaultColSpan, ...colSpan };
+  const nodes = import_react.default.Children.toArray(children).filter((c) => c != null);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Row,
+    {
+      gutter,
+      wrap: true,
+      align: "stretch",
+      className: (0, import_classnames.default)("yoka-flex-grid", className),
+      style,
+      ...rowProps
+    },
+    nodes.map((child, index) => {
+      const key = import_react.default.isValidElement(child) && child.key != null ? String(child.key) : `flex-grid-${index}`;
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { key, xs: span.xs, sm: span.sm, md: span.md, lg: span.lg, xl: span.xl, xxl: span.xxl }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { vertical: true, style: { width: "100%", minHeight: "100%" }, className: "yoka-flex-grid-cell" }, child));
+    })
+  );
+};
+var FlexGrid_default = import_react.default.memo(FlexGrid);
+//# sourceMappingURL=index.js.map

package/dist/lib/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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyC;AACzC,wBAAuB;AACvB,mBAAkB;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,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAC7C,QAAM,QAAQ,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,aAAAD,QAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,6BAAAA,QAAA,cAAC,mBAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,6BAAAA,QAAA,cAAC,oBAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,aAAAA,QAAM,KAAK,QAAQ;",
+  "names": ["React", "classNames"]
+}

package/dist/lib/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/lib/layout/YkContainer/index.js

@@ -0,0 +1,79 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layout/YkContainer/index.tsx
+var YkContainer_exports = {};
+__export(YkContainer_exports, {
+  default: () => YkContainer_default
+});
+module.exports = __toCommonJS(YkContainer_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("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 = import_react.default.forwardRef(
+  ({ className, style, children, title, headerLeft, headerRight, showHeader = true, ...rest }, ref) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref,
+      className: (0, import_classnames.default)("yoka-container", className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 10,
+        padding: "0 10px 10px",
+        boxSizing: "border-box",
+        ...style
+      },
+      ...rest
+    },
+    showHeader ? /* @__PURE__ */ import_react.default.createElement("header", { style: headerBarStyle, className: "yoka-yk-container-header" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center" } }, headerLeft !== void 0 && headerLeft !== null ? headerLeft : title != null && title !== "" ? /* @__PURE__ */ import_react.default.createElement("div", { style: titleStyle }, title) : null), headerRight ? /* @__PURE__ */ import_react.default.createElement("div", { style: { flexShrink: 0, display: "flex", alignItems: "center" } }, headerRight) : null) : null,
+    children
+  )
+);
+YkContainer.displayName = "YkContainer";
+var YkContainer_default = YkContainer;
+//# sourceMappingURL=index.js.map

package/dist/lib/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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAkB;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,aAAAA,QAAM;AAAA,EACxB,CAAC,EAAE,WAAW,OAAO,UAAU,OAAO,YAAY,aAAa,aAAa,MAAM,GAAG,KAAK,GAAG,QAC3F,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,aACC,6BAAAD,QAAA,cAAC,YAAO,OAAO,gBAAgB,WAAU,8BACvC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,QAAQ,YAAY,SAAS,KACvE,eAAe,UAAa,eAAe,OAC1C,aACE,SAAS,QAAQ,UAAU,KAC7B,6BAAAA,QAAA,cAAC,SAAI,OAAO,cAAa,KAAM,IAC7B,IACN,GACC,cACC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,YAAY,GAAG,SAAS,QAAQ,YAAY,SAAS,KAAI,WAAY,IACjF,IACN,IACE;AAAA,IACH;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": ["React", "classNames"]
+}

package/dist/lib/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;