@yoka-ui/ui 1.0.1

package/dist/lib/components/MultipleSelect/index.js

@@ -0,0 +1,279 @@
+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/components/MultipleSelect/index.tsx
+var MultipleSelect_exports = {};
+__export(MultipleSelect_exports, {
+  default: () => MultipleSelect_default
+});
+module.exports = __toCommonJS(MultipleSelect_exports);
+var import_TextWithToolTip = __toESM(require("../TextWithToolTip"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_react_virtualized = require("react-virtualized");
+var import_DebounceInput = __toESM(require("../DebounceInput"));
+var import_index_module = __toESM(require("./index.module.less"));
+var MultipleSelect = ({
+  name,
+  value = [],
+  onChange,
+  options = [],
+  style,
+  popoverStyle,
+  icon,
+  noXiala = false,
+  minCount = 0,
+  disabledItems,
+  disabledMessages,
+  noAllSelect = false,
+  autoConfirm = true
+}) => {
+  var _a;
+  const [searchKey, setSearchKey] = (0, import_react.useState)("");
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [tempValue, setTempValue] = (0, import_react.useState)([]);
+  const listRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setTimeout(() => {
+      setSearchKey("");
+    }, 200);
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      setTempValue(value);
+    }
+  }, [open, value]);
+  const handlePopOpen = (visible) => {
+    setOpen(visible);
+  };
+  const itemClick = (v, checked) => {
+    const currentValue = autoConfirm ? value : tempValue;
+    if (checked && currentValue.filter((f) => f !== v).length < minCount) {
+      import_antd.message.warning(`至少选择${minCount}个`);
+      return;
+    }
+    const newValue = checked ? currentValue == null ? void 0 : currentValue.filter((f) => f !== v) : [...currentValue, v];
+    if (autoConfirm) {
+      onChange(newValue);
+    } else {
+      setTempValue(newValue);
+    }
+  };
+  const filterOptions = (0, import_react.useMemo)(() => {
+    const key = searchKey.trim().toUpperCase();
+    const filtered = options.filter((m) => {
+      if (key) {
+        return m.label.toUpperCase().includes(key);
+      }
+      return true;
+    });
+    return noAllSelect ? filtered : [{ label: "全选", value: "__selectAll__", isSelectAll: true }, ...filtered];
+  }, [searchKey, options]);
+  const rowRenderer = ({ index, key, style: style2 }) => {
+    const m = filterOptions[index];
+    const currentValue = autoConfirm ? value : tempValue;
+    if (m.isSelectAll) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { key, style: style2, className: import_index_module.default.checkAll }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.ConfigProvider,
+        {
+          theme: {
+            token: {
+              controlInteractiveSize: 14
+            }
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Checkbox,
+          {
+            checked: currentValue.length === options.length,
+            indeterminate: currentValue.length > 0 && currentValue.length < options.length,
+            onChange: (e) => {
+              const newValue = e.target.checked ? options.map((m2) => m2.value) : [];
+              if (autoConfirm) {
+                onChange(newValue);
+              } else {
+                setTempValue(newValue);
+              }
+            }
+          },
+          "全选"
+        )
+      ));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tooltip,
+      {
+        title: (disabledItems == null ? void 0 : disabledItems.includes(m.value)) ? disabledMessages || "该选项不能改变状态" : "",
+        color: "#fff",
+        styles: { body: { color: "#333", fontSize: 12 } },
+        key,
+        style: style2
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: style2,
+          className: (0, import_classnames.default)(import_index_module.default.optionItem, (currentValue == null ? void 0 : currentValue.includes(m.value)) ? import_index_module.default.active : null),
+          onClick: () => {
+            if (disabledItems == null ? void 0 : disabledItems.includes(m.value)) {
+              return;
+            }
+            itemClick(m.value, currentValue == null ? void 0 : currentValue.includes(m.value));
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.ConfigProvider,
+          {
+            theme: {
+              token: {
+                controlInteractiveSize: 14
+              }
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Checkbox,
+            {
+              disabled: disabledItems == null ? void 0 : disabledItems.includes(m.value),
+              checked: currentValue == null ? void 0 : currentValue.includes(m.value),
+              onChange: () => {
+                itemClick(m.value, currentValue == null ? void 0 : currentValue.includes(m.value));
+              },
+              onClick: (e) => e.stopPropagation(),
+              style: { marginRight: 8 }
+            }
+          )
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_TextWithToolTip.default,
+          {
+            text: m.label,
+            style: { color: (disabledItems == null ? void 0 : disabledItems.includes(m.value)) ? "#999" : "#333" },
+            width: "100%",
+            maxWidth: "100%",
+            className: import_index_module.default.label,
+            highlight: searchKey
+          }
+        )
+      )
+    );
+  };
+  const PopoverContent = /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.popoverContent, style: popoverStyle }, /* @__PURE__ */ import_react.default.createElement(
+    import_DebounceInput.default,
+    {
+      allowClear: true,
+      inputClass: import_index_module.default.searchInput,
+      placeholder: "搜索",
+      currentValue: searchKey,
+      onChange: (value2) => {
+        setSearchKey(value2);
+      }
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.popoverContentList }, filterOptions.length === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.emptyItem }, "当前搜索条件无数据") : /* @__PURE__ */ import_react.default.createElement(
+    import_react_virtualized.AutoSizer,
+    {
+      style: {
+        background: "#fff",
+        width: "100%",
+        // maxHeight: 400,
+        minHeight: 35,
+        height: "auto"
+      }
+    },
+    ({ width }) => {
+      let height = 35;
+      if (filterOptions.length <= 10) {
+        height = 35 * filterOptions.length || 35;
+      } else {
+        height = 35 * 10;
+      }
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_react_virtualized.List,
+        {
+          ref: listRef,
+          overscanRowCount: 5,
+          width,
+          height,
+          rowCount: filterOptions.length,
+          rowHeight: 35,
+          rowRenderer
+        }
+      );
+    }
+  )), !autoConfirm && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.popoverFooter }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "small",
+      type: "primary",
+      onClick: () => {
+        onChange(tempValue);
+        setOpen(false);
+      }
+    },
+    "确定"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "small",
+      onClick: () => {
+        setTempValue(value);
+        setOpen(false);
+      }
+    },
+    "取消"
+  )));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      open,
+      onOpenChange: handlePopOpen,
+      fresh: true,
+      title: false,
+      arrow: false,
+      content: PopoverContent,
+      trigger: "click",
+      placement: "bottomLeft",
+      styles: { body: { borderRadius: 2, padding: 0 } }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: import_index_module.default.button,
+        style,
+        icon: noXiala ? null : /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-xiala1", style: open ? { transform: "rotate(180deg)" } : {} }),
+        iconPosition: "end",
+        onClick: () => {
+          setOpen(!open);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { justify: "space-between", style: { flex: 1, overflow: "hidden" } }, icon && icon, name && /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.nameText }, name, "："), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.valueText, style: { flex: 1 } }, (value == null ? void 0 : value.length) === 1 && (options == null ? void 0 : options.length) === 1 ? (_a = options == null ? void 0 : options.find((m) => m.value === (value == null ? void 0 : value[0]))) == null ? void 0 : _a.label : ((value == null ? void 0 : value.length) || 0) + "/" + (options == null ? void 0 : options.length)))
+    )
+  );
+};
+var MultipleSelect_default = MultipleSelect;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/MultipleSelect/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/MultipleSelect/index.tsx"],
+  "sourcesContent": ["/**\n * 组件名称：MultipleSelect\n * 组件描述：一个用于多选的组件，支持搜索和选择\n * 组件使用场景：在需要选择多个值的场景中使用，如筛选、排序等\n * 组件参数说明：\n * - name: 组件名称\n * - value: 选中的值\n * - onChange: 值改变时的回调\n * - options: 选项列表\n * - style: 组件样式\n * - popoverStyle: 弹窗样式\n * - icon: 组件图标\n * - autoConfirm: 是否自动确认，默认为true。如果为false，则显示确定和取消按钮，点击确定后触发onChange\n */\nimport TextWithTooltip from '@/components/TextWithToolTip';\nimport { Button, Checkbox, ConfigProvider, Flex, message, Popover, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { AutoSizer, List } from 'react-virtualized';\nimport DebounceInput from '../DebounceInput';\nimport styles from './index.module.less';\n\ntype PageTypes = {\n  name?: string;\n  value: (string | number)[];\n  onChange: (value: (string | number)[]) => void;\n  options: { label: string; value: string | number; isSelectAll?: boolean }[];\n  style?: React.CSSProperties;\n  popoverStyle?: React.CSSProperties;\n  icon?: React.ReactNode;\n  noXiala?: boolean;\n  minCount?: number;\n  disabledItems?: (string | number)[] | undefined; // 禁用选项\n  disabledMessages?: string; // 禁用提示\n  noAllSelect?: boolean; // 是否不显示全选选项\n  autoConfirm?: boolean; // 是否自动确认，默认为true，如果为false则显示确定和取消按钮\n};\n\nconst MultipleSelect: FC<PageTypes> = ({\n  name,\n  value = [],\n  onChange,\n  options = [],\n  style,\n  popoverStyle,\n  icon,\n  noXiala = false,\n  minCount = 0,\n  disabledItems,\n  disabledMessages,\n  noAllSelect = false,\n  autoConfirm = true,\n}) => {\n  const [searchKey, setSearchKey] = useState('');\n  const [open, setOpen] = useState(false);\n  const [tempValue, setTempValue] = useState<(string | number)[]>([]); // 临时存储选中的值\n  const listRef = useRef(null);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setSearchKey('');\n    }, 200);\n  }, [open]);\n\n  // 当弹窗打开时，初始化临时值\n  useEffect(() => {\n    if (open) {\n      setTempValue(value);\n    }\n  }, [open, value]);\n\n  const handlePopOpen = (visible: boolean) => {\n    setOpen(visible);\n  };\n\n  const itemClick = (v: string | number, checked: boolean) => {\n    const currentValue = autoConfirm ? value : tempValue;\n\n    if (checked && currentValue.filter((f) => f !== v).length < minCount) {\n      message.warning(`至少选择${minCount}个`);\n      return;\n    }\n\n    const newValue = checked ? currentValue?.filter((f) => f !== v) : [...currentValue, v];\n\n    if (autoConfirm) {\n      // 自动确认模式，直接触发onChange\n      onChange(newValue);\n    } else {\n      // 非自动确认模式，更新临时值\n      setTempValue(newValue);\n    }\n  };\n\n  const filterOptions = useMemo(() => {\n    const key = searchKey.trim().toUpperCase();\n    const filtered = options.filter((m) => {\n      if (key) {\n        return m.label.toUpperCase().includes(key);\n      }\n      return true;\n    });\n    // 添加全选选项到列表开头\n    return noAllSelect ? filtered : [{ label: '全选', value: '__selectAll__', isSelectAll: true }, ...filtered];\n  }, [searchKey, options]);\n\n  const rowRenderer = ({ index, key, style }: { index: number; key: string; style: React.CSSProperties }) => {\n    const m = filterOptions[index];\n    const currentValue = autoConfirm ? value : tempValue;\n\n    // 处理全选选项\n    if (m.isSelectAll) {\n      return (\n        <div key={key} style={style} className={styles.checkAll}>\n          <ConfigProvider\n            theme={{\n              token: {\n                controlInteractiveSize: 14,\n              },\n            }}\n          >\n            <Checkbox\n              checked={currentValue.length === options.length}\n              indeterminate={currentValue.length > 0 && currentValue.length < options.length}\n              onChange={(e) => {\n                const newValue = e.target.checked ? options.map((m) => m.value) : [];\n                if (autoConfirm) {\n                  onChange(newValue);\n                } else {\n                  setTempValue(newValue);\n                }\n              }}\n            >\n              全选\n            </Checkbox>\n          </ConfigProvider>\n        </div>\n      );\n    }\n\n    // 处理普通选项\n    return (\n      <Tooltip\n        title={disabledItems?.includes(m.value) ? disabledMessages || '该选项不能改变状态' : ''}\n        color='#fff'\n        styles={{ body: { color: '#333', fontSize: 12 } }}\n        key={key}\n        style={style}\n      >\n        <div\n          style={style}\n          className={classNames(styles.optionItem, currentValue?.includes(m.value) ? styles.active : null)}\n          // 可以保留整行点击\n          onClick={() => {\n            if (disabledItems?.includes(m.value)) {\n              return;\n            }\n            itemClick(m.value, currentValue?.includes(m.value));\n          }}\n        >\n          <ConfigProvider\n            theme={{\n              token: {\n                controlInteractiveSize: 14,\n              },\n            }}\n          >\n            <Checkbox\n              disabled={disabledItems?.includes(m.value)}\n              checked={currentValue?.includes(m.value)}\n              onChange={() => {\n                itemClick(m.value, currentValue?.includes(m.value));\n              }}\n              // 阻止点击Checkbox时冒泡到整行\n              onClick={(e) => e.stopPropagation()}\n              style={{ marginRight: 8 }}\n            />\n          </ConfigProvider>\n          <TextWithTooltip\n            text={m.label}\n            style={{ color: disabledItems?.includes(m.value) ? '#999' : '#333' }}\n            width='100%'\n            maxWidth='100%'\n            className={styles.label}\n            highlight={searchKey}\n          />\n        </div>\n      </Tooltip>\n    );\n  };\n\n  const PopoverContent = (\n    <div className={styles.popoverContent} style={popoverStyle}>\n      <DebounceInput\n        allowClear={true}\n        inputClass={styles.searchInput}\n        placeholder='搜索'\n        currentValue={searchKey}\n        onChange={(value) => {\n          setSearchKey(value);\n        }}\n      ></DebounceInput>\n      <div className={styles.popoverContentList}>\n        {filterOptions.length === 0 ? (\n          <div className={styles.emptyItem}>当前搜索条件无数据</div>\n        ) : (\n          <AutoSizer\n            style={{\n              background: '#fff',\n              width: '100%',\n              // maxHeight: 400,\n              minHeight: 35,\n              height: 'auto',\n            }}\n          >\n            {({ width }: { width: number }) => {\n              let height = 35;\n              if (filterOptions.length <= 10) {\n                height = 35 * filterOptions.length || 35;\n              } else {\n                height = 35 * 10;\n              }\n              return (\n                <List\n                  ref={listRef}\n                  overscanRowCount={5}\n                  width={width}\n                  height={height}\n                  rowCount={filterOptions.length}\n                  rowHeight={35}\n                  rowRenderer={rowRenderer}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </div>\n      {!autoConfirm && (\n        <div className={styles.popoverFooter}>\n          <Button\n            size='small'\n            type='primary'\n            onClick={() => {\n              onChange(tempValue);\n              setOpen(false);\n            }}\n          >\n            确定\n          </Button>\n          <Button\n            size='small'\n            // className={styles.cancelButton}\n            onClick={() => {\n              setTempValue(value);\n              setOpen(false);\n            }}\n          >\n            取消\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={handlePopOpen}\n      fresh={true}\n      title={false}\n      arrow={false}\n      content={PopoverContent}\n      trigger='click'\n      placement='bottomLeft'\n      styles={{ body: { borderRadius: 2, padding: 0 } }}\n    >\n      <Button\n        className={styles.button}\n        style={style}\n        icon={\n          noXiala ? null : <i className='iconfont icon-xiala1' style={open ? { transform: 'rotate(180deg)' } : {}} />\n        }\n        iconPosition='end'\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        <Flex justify='space-between' style={{ flex: 1, overflow: 'hidden' }}>\n          {icon && icon}\n          {name && <span className={styles.nameText}>{name}：</span>}\n          <span className={styles.valueText} style={{ flex: 1 }}>\n            {value?.length === 1 && options?.length === 1\n              ? options?.find((m) => m.value === value?.[0])?.label\n              : (value?.length || 0) + '/' + options?.length}\n          </span>\n        </Flex>\n      </Button>\n    </Popover>\n  );\n};\n\nexport default MultipleSelect;\n"],
+  "mappings": "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",
+  "names": ["style", "React", "styles", "m", "classNames", "TextWithTooltip", "DebounceInput", "value"]
+}

package/dist/lib/components/MultipleSelect/index.module.less

@@ -0,0 +1,174 @@
+/*
+  基本样式
+*/
+
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+
+.button {
+  position: relative;
+  z-index: 2;
+  height: 30px;
+  padding: 0 10px;
+  color: #333;
+  background: rgb(255 255 255);
+  border: 0.5px solid rgb(231 231 231);
+  border-radius: 2px;
+  box-shadow: 0 0.5px 0 0 rgb(231 231 231);
+
+  &:hover {
+    color: #66a8ff !important;
+  }
+
+  :global {
+    .icon-xiala1 {
+      font-size: 12px;
+      transition: transform 0.1s linear;
+    }
+  }
+
+  .nameText {
+    max-width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  .valueText {
+    overflow: hidden;
+    white-space: nowrap;
+    text-align: left;
+    text-overflow: ellipsis;
+  }
+}
+
+.popoverContent {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  max-width: 180px;
+
+  .searchInput {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 42px;
+    padding: 0 10px;
+    border: none !important;
+    border-bottom: 1px solid #e7e7e7 !important;
+    box-shadow: none !important;
+
+    :global {
+      .icon-sousuo {
+        color: #5495fb;
+      }
+    }
+  }
+
+  .emptyItem {
+    width: 100%;
+    height: 35px;
+    padding: 5px 10px;
+    color: #999;
+    text-align: center;
+  }
+
+  .popoverContentList {
+    position: relative;
+    margin-top: 42px;
+    padding-top: 10px;
+
+    .checkAll {
+      position: relative;
+      width: 100%;
+      height: 30px !important;
+      padding: 5px 0 5px 15px;
+
+      &:hover {
+        background: #f1f8ff;
+
+        span {
+          color: #3b86f9;
+        }
+      }
+
+      :global {
+        .ant-checkbox-wrapper {
+          width: 100%;
+        }
+      }
+
+      span {
+        color: #666;
+      }
+    }
+  }
+
+  .optionItem {
+    position: relative;
+    display: flex;
+    gap: 2px;
+    height: 30px !important;
+    margin-bottom: 5px;
+    padding: 5px 5px 5px 15px;
+    color: #666;
+    border-radius: 4px;
+    transition: all 0.2s linear;
+
+    &:hover {
+      color: #3b86f9;
+      background: #f1f8ff;
+    }
+
+    .label {
+      flex: 1;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      cursor: pointer;
+    }
+
+    .checked {
+      width: 16px;
+    }
+  }
+
+  .popoverFooter {
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+    padding: 10px 0px;
+    background: #fff;
+    border-top: 1px solid #e7e7e7;
+    .cancelButton {
+      color: #666;
+      background: #f9fafc;
+      border-color: #f0f1f3;
+      transition: all 0.1s linear;
+      &:hover {
+        background: #eff1f5 !important;
+        border-color: #f0f1f3;
+      }
+    }
+    button {
+      padding: 0 10px !important;
+      font-size: 12px !important;
+      border-radius: 2px !important;
+    }
+  }
+}

package/dist/lib/components/NumericInput/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 组件名称：NumericInput
+ * 组件描述：一个用于输入数字的组件，支持正负数和小数点
+ * 组件使用场景：在需要输入数字的场景中使用，如筛选、排序等
+ * 组件参数说明：
+ * - style: 组件样式
+ * - placeholder: 输入框提示文字
+ */
+import type { InputProps } from 'antd';
+import React from 'react';
+export interface NumericInputProps extends Omit<InputProps, 'onChange'> {
+    style?: React.CSSProperties;
+    placeholder?: string;
+    value: string;
+    statusError?: boolean;
+    onChange: (value: string) => void;
+}
+declare const NumericInput: (props: NumericInputProps) => React.JSX.Element;
+export default NumericInput;

package/dist/lib/components/NumericInput/index.js

@@ -0,0 +1,67 @@
+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/components/NumericInput/index.tsx
+var NumericInput_exports = {};
+__export(NumericInput_exports, {
+  default: () => NumericInput_default
+});
+module.exports = __toCommonJS(NumericInput_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var NumericInput = (props) => {
+  const { value = "", statusError, onChange, placeholder, style = {} } = props;
+  const handleChange = (e) => {
+    const { value: inputValue } = e.target;
+    const reg = /^-?\d*(\.\d*)?$/;
+    if (reg.test(inputValue) || inputValue === "" || inputValue === "-") {
+      onChange(inputValue);
+    }
+  };
+  const handleBlur = () => {
+    let valueTemp = value;
+    if (value !== null && (value.charAt(value.length - 1) === "." || value === "-")) {
+      valueTemp = value == null ? void 0 : value.slice(0, -1);
+    }
+    onChange(valueTemp == null ? void 0 : valueTemp.replace(/0*(\d+)/, "$1"));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      ...props,
+      style: { width: 100, ...style },
+      onChange: handleChange,
+      status: statusError ? "error" : void 0,
+      onBlur: handleBlur,
+      placeholder,
+      maxLength: 19
+    }
+  );
+};
+var NumericInput_default = NumericInput;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/NumericInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/NumericInput/index.tsx"],
+  "sourcesContent": ["/**\n * 组件名称：NumericInput\n * 组件描述：一个用于输入数字的组件，支持正负数和小数点\n * 组件使用场景：在需要输入数字的场景中使用，如筛选、排序等\n * 组件参数说明：\n * - style: 组件样式\n * - placeholder: 输入框提示文字\n */\nimport type { InputProps } from 'antd';\nimport { Input } from 'antd';\nimport React from 'react';\n\nexport interface NumericInputProps extends Omit<InputProps, 'onChange'> {\n  style?: React.CSSProperties;\n  placeholder?: string;\n  value: string;\n  statusError?: boolean;\n  onChange: (value: string) => void;\n}\n\nconst NumericInput = (props: NumericInputProps) => {\n  const { value = '', statusError, onChange, placeholder, style = {} } = props;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const { value: inputValue } = e.target;\n    const reg = /^-?\\d*(\\.\\d*)?$/;\n    if (reg.test(inputValue) || inputValue === '' || inputValue === '-') {\n      onChange(inputValue);\n    }\n  };\n\n  // '.' at the end or only '-' in the input box.\n  const handleBlur = () => {\n    let valueTemp = value;\n    if (value !== null && (value.charAt(value.length - 1) === '.' || value === '-')) {\n      valueTemp = value?.slice(0, -1);\n    }\n    onChange(valueTemp?.replace(/0*(\\d+)/, '$1'));\n  };\n\n  return (\n    <Input\n      {...props}\n      style={{ width: 100, ...style }}\n      onChange={handleChange}\n      status={statusError ? 'error' : undefined}\n      onBlur={handleBlur}\n      placeholder={placeholder}\n      maxLength={19}\n    />\n  );\n};\n\nexport default NumericInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,kBAAsB;AACtB,mBAAkB;AAUlB,IAAM,eAAe,CAAC,UAA6B;AACjD,QAAM,EAAE,QAAQ,IAAI,aAAa,UAAU,aAAa,QAAQ,CAAC,EAAE,IAAI;AAEvE,QAAM,eAAe,CAAC,MAA2C;AAC/D,UAAM,EAAE,OAAO,WAAW,IAAI,EAAE;AAChC,UAAM,MAAM;AACZ,QAAI,IAAI,KAAK,UAAU,KAAK,eAAe,MAAM,eAAe,KAAK;AACnE,eAAS,UAAU;AAAA,IACrB;AAAA,EACF;AAGA,QAAM,aAAa,MAAM;AACvB,QAAI,YAAY;AAChB,QAAI,UAAU,SAAS,MAAM,OAAO,MAAM,SAAS,CAAC,MAAM,OAAO,UAAU,MAAM;AAC/E,kBAAY,+BAAO,MAAM,GAAG;AAAA,IAC9B;AACA,aAAS,uCAAW,QAAQ,WAAW,KAAK;AAAA,EAC9C;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,OAAO,KAAK,GAAG,MAAM;AAAA,MAC9B,UAAU;AAAA,MACV,QAAQ,cAAc,UAAU;AAAA,MAChC,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA;AAAA,EACb;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/components/RefreshButton/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    handleRefresh: () => void;
+    text?: string;
+    style?: React.CSSProperties;
+};
+declare const RefreshButton: React.FC<Props>;
+export default RefreshButton;

package/dist/lib/components/RefreshButton/index.js

@@ -0,0 +1,51 @@
+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/components/RefreshButton/index.tsx
+var RefreshButton_exports = {};
+__export(RefreshButton_exports, {
+  default: () => RefreshButton_default
+});
+module.exports = __toCommonJS(RefreshButton_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var RefreshButton = ({ handleRefresh, text = "刷新", style }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      style,
+      onClick: () => {
+        handleRefresh();
+      },
+      icon: /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-refresh", style: { color: "#3B86F9", fontSize: 14 } })
+    },
+    text
+  );
+};
+var RefreshButton_default = RefreshButton;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/RefreshButton/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/RefreshButton/index.tsx"],
+  "sourcesContent": ["import { Button } from 'antd';\nimport React from 'react';\ntype Props = {\n  handleRefresh: () => void;\n  text?: string;\n  style?: React.CSSProperties;\n};\n\nconst RefreshButton: React.FC<Props> = ({ handleRefresh, text = '刷新', style }) => {\n  return (\n    <Button\n      style={style}\n      onClick={() => {\n        handleRefresh();\n      }}\n      icon={<i className='iconfont icon-refresh' style={{ color: '#3B86F9', fontSize: 14 }} />}\n    >\n      {text}\n    </Button>\n  );\n};\n\nexport default RefreshButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,mBAAkB;AAOlB,IAAM,gBAAiC,CAAC,EAAE,eAAe,OAAO,MAAM,MAAM,MAAM;AAChF,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,MAAM;AACb,sBAAc;AAAA,MAChB;AAAA,MACA,MAAM,6BAAAA,QAAA,cAAC,OAAE,WAAU,yBAAwB,OAAO,EAAE,OAAO,WAAW,UAAU,GAAG,GAAG;AAAA;AAAA,IAErF;AAAA,EACH;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["React"]
+}