@yoka-ui/ui 1.0.1

package/dist/lib/business/YkPorjectSelect/index.module.less

@@ -0,0 +1,334 @@
+.ykPorjectSelect {
+  position: relative;
+}
+
+.ykPorjectSelectShow {
+  position: relative;
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  width: fit-content;
+  max-width: 100%;
+  height: 35px;
+  padding: 0 15px 0 20px;
+  background-color: #f7f8fa;
+  border-radius: 18px;
+  box-shadow: inset 0px 0px 0px 0px rgba(20, 31, 62, 0.5);
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+  &:hover {
+    background-color: #f2f3f8;
+  }
+
+  .ykPorjectSelectShowIcon {
+    position: relative;
+    width: 25px;
+    height: 25px;
+    background-size: 100% 100%;
+    border-radius: 5px;
+  }
+
+  .ykPorjectSelectShowText {
+    width: 150px;
+    margin-right: 10px;
+    margin-left: 10px;
+    overflow: hidden;
+    color: #252934;
+    font-weight: 400;
+    font-size: 15px;
+    font-family:
+      PingFangSC-Regular,
+      PingFang SC;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
+
+.ykPorjectSelectContent {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 350px;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 4px;
+
+  .ykPorjectSelectHeader {
+    flex-shrink: 0;
+    padding: 10px 4px;
+    border-bottom: 1px solid #e7e7e7;
+
+    .ykPorjectSelectSearchInput {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 30px;
+      line-height: 30px;
+      border: none;
+      box-shadow: none;
+
+      :global {
+        input {
+          line-height: 30px;
+          caret-color: #1890ff;
+        }
+
+        input::placeholder {
+          font-size: 12px;
+        }
+      }
+    }
+  }
+
+  .ykPorjectSelectSoltContainer {
+    border-bottom: 1px solid #e7e7e7;
+  }
+
+  .contentHeader {
+    height: 20px;
+    margin: 10px 0;
+    padding-left: 20px;
+    color: #999;
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  .ykPorjectSelectFollowed {
+    flex-shrink: 0;
+
+    .ykPorjectSelectFollowedList {
+      position: relative;
+      display: flex;
+      gap: 14px;
+      padding: 0 20px 10px 20px;
+      border-bottom: 1px solid #ecedf1;
+
+      .ykPorjectSelectFollowedItem {
+        position: relative;
+
+        &:hover {
+          .closeIcon {
+            opacity: 1;
+          }
+        }
+
+        .ykPorjectSelectFollowedItemIcon {
+          width: 40px;
+          height: 40px;
+          border-radius: 5px;
+          cursor: pointer;
+        }
+
+        .closeIcon {
+          position: absolute;
+          top: -2px;
+          right: -2px;
+          width: 14px;
+          height: 14px;
+          font-size: 14px;
+          background: url('./product-close.png') no-repeat center center;
+          background-size: 100% 100%;
+          cursor: pointer;
+          opacity: 0;
+          transition: all 0.2s linear;
+        }
+      }
+    }
+  }
+
+  // 列表区：flex 子项需 min-height:0，否则 Scrollbars 会被内容撑满、无法内部滚动
+  .ykPorjectSelectListSection {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+    margin-bottom: 5px;
+    overflow: hidden;
+  }
+
+  .ykPorjectSelectProductPanelTabs {
+    flex-shrink: 0;
+    margin-top: 15px;
+    margin-bottom: 0;
+    border-bottom: 1px solid #ecedf1;
+
+    :global {
+      .ant-tabs-nav {
+        margin-bottom: 0;
+
+        &:before {
+          border-bottom: none;
+        }
+
+        .ant-tabs-nav-wrap {
+          .ant-tabs-nav-list {
+            .ant-tabs-tab-active {
+              .ant-tabs-tab-btn {
+                color: #666;
+              }
+            }
+
+            .ant-tabs-tab {
+              padding: 5px 0 6px 0;
+              color: #999;
+              font-weight: 400;
+              font-size: 14px;
+            }
+
+            .ant-tabs-ink-bar {
+              height: 2px;
+              border-radius: 3px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .ykPorjectSelectScrollBarsBox {
+    flex: 1;
+    min-height: 0;
+
+    :global(> div:first-of-type) {
+      padding: 0 10px;
+      overscroll-behavior: contain;
+    }
+
+    .contentItem {
+      position: relative;
+      padding: 4px 0 4px 10px;
+      color: #666666;
+      font-weight: 400;
+      font-size: 14px;
+      transition: 0.2s linear all;
+
+      &:hover {
+        background: #f0f9ff;
+
+        :global {
+          .ant-rate {
+            opacity: 1 !important;
+          }
+        }
+
+        .contentItemSpan {
+          color: #333;
+        }
+
+        .contentItemSpanProName {
+          color: #333 !important;
+        }
+      }
+
+      &.contentItemActive {
+        background: #f0f9ff;
+        border-radius: 4px;
+
+        .contentItemSpan {
+          color: #1677ff;
+        }
+
+        .contentItemSpanProName {
+          color: #1677ff !important;
+        }
+
+        .contentItemSpanProId {
+          color: #1677ff !important;
+        }
+      }
+
+      :global {
+        .ant-flex-align-center {
+          border-radius: 6px;
+          cursor: pointer;
+          transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+        }
+      }
+
+      .contentItemStar {
+        width: 45px;
+        height: 37px;
+        line-height: 37px;
+        text-align: center;
+        cursor: pointer;
+
+        &.contentItemStarDisabled {
+          cursor: not-allowed !important;
+
+          :global {
+            .ant-rate-star {
+              cursor: not-allowed !important;
+            }
+          }
+        }
+
+        :global {
+          .ant-rate-star {
+            cursor: pointer;
+          }
+
+          .ant-rate-star > div {
+            transform: scale(1) !important;
+          }
+        }
+      }
+
+      .contentItemSpan {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        padding: 2px 0 1px 0;
+        overflow: hidden;
+        color: #666666;
+        font-weight: 400;
+        font-size: 14px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+
+        .contentItemSpanIcon {
+          width: 30px;
+          height: 30px;
+          margin-right: 10px;
+          border-radius: 5px;
+          transform: translateY(-1px);
+        }
+
+        .contentItemSpanDev {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          color: #666666;
+          font-weight: 400;
+          font-size: 14px;
+
+          .contentItemSpanProName {
+            display: flex;
+            gap: 10px;
+            align-items: center;
+            color: #555555;
+            line-height: 20px;
+
+            .recentVisit {
+              height: 20px;
+              padding: 2px 4px;
+              color: #0a6bfd;
+              font-size: 10px;
+              line-height: 14px;
+              background: #f6f8ff;
+              border: 1px solid #e2ebfd;
+              border-radius: 2px;
+            }
+          }
+
+          .contentItemSpanProId {
+            color: #999;
+            font-size: 12px;
+            line-height: 14px;
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * 倒计时时钟组件的 Props
+ */
+type props = {
+    /** 根节点类名，可选，用于样式覆盖 */
+    className?: string;
+    /** 秒数后的文案，默认「秒后更新数据」，展示为「{time} {text}」 */
+    text?: string;
+    /** 是否隐藏文案，默认 false */
+    hideText?: boolean;
+    /** 剩余 1 秒时触发的回调，常用于刷新数据 */
+    cellBack: () => void;
+};
+/**
+ * 倒计时时钟：展示距下一整分钟的剩余秒数，带环形进度条，剩 1 秒时调用 cellBack。
+ */
+declare const Clock: React.FC<props>;
+export default Clock;

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

@@ -0,0 +1,85 @@
+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/Clock/index.tsx
+var Clock_exports = {};
+__export(Clock_exports, {
+  default: () => Clock_default
+});
+module.exports = __toCommonJS(Clock_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var Clock = ({ className, text = "秒后更新数据", hideText = false, cellBack }) => {
+  const formatTime = (date) => {
+    return 60 - date.getSeconds();
+  };
+  const [time, setTime] = (0, import_react.useState)(formatTime(/* @__PURE__ */ new Date()));
+  const cellBackRef = (0, import_react.useRef)(cellBack);
+  (0, import_react.useEffect)(() => {
+    cellBackRef.current = cellBack;
+  }, [cellBack]);
+  (0, import_react.useEffect)(() => {
+    const timer = setInterval(() => {
+      const newTime = formatTime(/* @__PURE__ */ new Date());
+      setTime(newTime);
+      if (newTime === 1) {
+        cellBackRef.current();
+      }
+    }, 1e3);
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
+  const progress = time / 60 * 100;
+  const radius = 16 / 2;
+  const circumference = 2 * Math.PI * radius;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("op-clock", className),
+      style: { display: "flex", alignItems: "baseline", marginLeft: 15 }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "op-clock-icon" }, /* @__PURE__ */ import_react.default.createElement("svg", { style: { width: 18, height: 18, transform: "translateY(20%)" } }, /* @__PURE__ */ import_react.default.createElement("circle", { r: radius, cx: "9", cy: "9", stroke: "#EDEFF4", strokeWidth: "2", fill: "transparent" }), /* @__PURE__ */ import_react.default.createElement(
+      "circle",
+      {
+        r: radius,
+        cx: "9",
+        cy: "9",
+        stroke: "#65DAAA",
+        strokeWidth: "2",
+        fill: "transparent",
+        strokeDasharray: circumference,
+        strokeDashoffset: `${circumference * (100 - progress) / 100}`,
+        transform: "rotate(-90 9 9)"
+      }
+    ))),
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#6b7981", fontSize: 12, marginLeft: 7 } }, hideText ? "" : `${time} ${text}`)
+  );
+};
+var Clock_default = Clock;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Clock/index.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\n\n/**\n * 倒计时时钟组件的 Props\n */\ntype props = {\n  /** 根节点类名，可选，用于样式覆盖 */\n  className?: string;\n  /** 秒数后的文案，默认「秒后更新数据」，展示为「{time} {text}」 */\n  text?: string;\n  /** 是否隐藏文案，默认 false */\n  hideText?: boolean;\n  /** 剩余 1 秒时触发的回调，常用于刷新数据 */\n  cellBack: () => void;\n};\n\n/**\n * 倒计时时钟：展示距下一整分钟的剩余秒数，带环形进度条，剩 1 秒时调用 cellBack。\n */\nconst Clock: React.FC<props> = ({ className, text = '秒后更新数据', hideText = false, cellBack }) => {\n  /** 计算距下一整分钟的秒数：60 - 当前秒数 */\n  const formatTime = (date: Date) => {\n    return 60 - date.getSeconds();\n  };\n\n  /** 当前剩余秒数，每秒更新 */\n  const [time, setTime] = useState(formatTime(new Date()));\n  const cellBackRef = useRef(cellBack);\n\n  /** 保证 interval 内始终调用到最新的 cellBack，避免闭包旧引用 */\n  useEffect(() => {\n    cellBackRef.current = cellBack;\n  }, [cellBack]);\n\n  /** 每秒更新剩余秒数，并在剩 1 秒时执行 cellBack */\n  useEffect(() => {\n    const timer = setInterval(() => {\n      const newTime = formatTime(new Date());\n      setTime(newTime);\n\n      if (newTime === 1) {\n        cellBackRef.current();\n      }\n    }, 1000);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, []);\n\n  /** 进度条百分比（0~100），时间越少进度越少 */\n  const progress = (time / 60) * 100;\n  const radius = 16 / 2;\n  const circumference = 2 * Math.PI * radius;\n\n  return (\n    <div\n      className={classNames('op-clock', className)}\n      style={{ display: 'flex', alignItems: 'baseline', marginLeft: 15 }}\n    >\n      <div className='op-clock-icon'>\n        <svg style={{ width: 18, height: 18, transform: 'translateY(20%)' }}>\n          <circle r={radius} cx='9' cy='9' stroke='#EDEFF4' strokeWidth='2' fill='transparent' />\n          <circle\n            r={radius}\n            cx='9'\n            cy='9'\n            stroke='#65DAAA'\n            strokeWidth='2'\n            fill='transparent'\n            strokeDasharray={circumference}\n            strokeDashoffset={`${(circumference * (100 - progress)) / 100}`}\n            transform='rotate(-90 9 9)'\n          />\n        </svg>\n      </div>\n      <div style={{ color: '#6b7981', fontSize: 12, marginLeft: 7 }}>{hideText ? '' : `${time} ${text}`}</div>\n    </div>\n  );\n};\n\nexport default Clock;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAmD;AAmBnD,IAAM,QAAyB,CAAC,EAAE,WAAW,OAAO,UAAU,WAAW,OAAO,SAAS,MAAM;AAE7F,QAAM,aAAa,CAAC,SAAe;AACjC,WAAO,KAAK,KAAK,WAAW;AAAA,EAC9B;AAGA,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,WAAW,oBAAI,KAAK,CAAC,CAAC;AACvD,QAAM,kBAAc,qBAAO,QAAQ;AAGnC,8BAAU,MAAM;AACd,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,QAAQ,CAAC;AAGb,8BAAU,MAAM;AACd,UAAM,QAAQ,YAAY,MAAM;AAC9B,YAAM,UAAU,WAAW,oBAAI,KAAK,CAAC;AACrC,cAAQ,OAAO;AAEf,UAAI,YAAY,GAAG;AACjB,oBAAY,QAAQ;AAAA,MACtB;AAAA,IACF,GAAG,GAAI;AAEP,WAAO,MAAM;AACX,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,QAAM,WAAY,OAAO,KAAM;AAC/B,QAAM,SAAS,KAAK;AACpB,QAAM,gBAAgB,IAAI,KAAK,KAAK;AAEpC,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAC,SAAW,YAAY,SAAS;AAAA,MAC3C,OAAO,EAAE,SAAS,QAAQ,YAAY,YAAY,YAAY,GAAG;AAAA;AAAA,IAEjE,6BAAAD,QAAA,cAAC,SAAI,WAAU,mBACb,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,WAAW,kBAAkB,KAChE,6BAAAA,QAAA,cAAC,YAAO,GAAG,QAAQ,IAAG,KAAI,IAAG,KAAI,QAAO,WAAU,aAAY,KAAI,MAAK,eAAc,GACrF,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,iBAAiB;AAAA,QACjB,kBAAkB,GAAI,iBAAiB,MAAM,YAAa;AAAA,QAC1D,WAAU;AAAA;AAAA,IACZ,CACF,CACF;AAAA,IACA,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,WAAW,UAAU,IAAI,YAAY,EAAE,KAAI,WAAW,KAAK,GAAG,QAAQ,MAAO;AAAA,EACpG;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": ["React", "classNames"]
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+type PropsType = {
+    noDebounced?: boolean;
+    currentValue: string | undefined;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    delay?: number;
+    inputClass?: any;
+    allowClear?: boolean;
+    style?: React.CSSProperties;
+    noPrefixIcon?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+};
+declare const DebouncedInput: React.FC<PropsType>;
+export default DebouncedInput;

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

@@ -0,0 +1,107 @@
+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/DebounceInput/index.tsx
+var DebounceInput_exports = {};
+__export(DebounceInput_exports, {
+  default: () => DebounceInput_default
+});
+module.exports = __toCommonJS(DebounceInput_exports);
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_index_module = __toESM(require("./index.module.less"));
+var DebouncedInput = ({
+  noDebounced = false,
+  currentValue = "",
+  placeholder = "搜索",
+  onChange = (value) => {
+  },
+  delay = 150,
+  inputClass,
+  allowClear = true,
+  style = {},
+  noPrefixIcon = false,
+  disabled = false,
+  icon
+}) => {
+  const [value, setValue] = (0, import_react.useState)(currentValue);
+  const lock = (0, import_react.useRef)(false);
+  const changeFlag = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (changeFlag.current) {
+      changeFlag.current = false;
+      return;
+    }
+    setValue(currentValue);
+  }, [currentValue]);
+  const { run } = (0, import_ahooks.useDebounceFn)(
+    () => {
+      onChange(value);
+    },
+    { wait: delay }
+  );
+  function handleChange(e) {
+    const type = e.type;
+    if (type === "compositionstart") {
+      lock.current = true;
+      return;
+    }
+    const value2 = e.target.value;
+    setValue(value2);
+    if (e.type === "compositionend") {
+      lock.current = false;
+    }
+    if (!lock.current) {
+      changeFlag.current = true;
+      if (noDebounced) {
+        onChange(value2);
+      } else {
+        run();
+      }
+    }
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      allowClear,
+      style,
+      className: (0, import_classnames.default)(import_index_module.default.search, inputClass),
+      placeholder,
+      prefix: !noPrefixIcon && (icon || /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-sousuo", style: { fontSize: 14, lineHeight: "28px", color: "#999" } })),
+      value,
+      onChange: handleChange,
+      onCompositionStart: handleChange,
+      onCompositionEnd: handleChange,
+      disabled
+    }
+  );
+};
+var DebounceInput_default = DebouncedInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DebounceInput/index.tsx"],
+  "sourcesContent": ["/**\n * 组件名称：DebouncedInput\n * 组件描述：一个用于搜索的输入框组件，支持防抖\n * 组件使用场景：在需要搜索的场景中使用，如筛选、排序等\n * 组件参数说明：\n * - noDebounced: 是否不使用防抖\n * - currentValue: 当前值\n * - placeholder: 输入框提示文字\n * - onChange: 值改变时的回调\n * - delay: 防抖时间\n * - inputClass: 输入框样式类名\n * - allowClear: 是否允许清空\n * - style: 组件样式\n */\nimport { useDebounceFn } from 'ahooks';\nimport { Input } from 'antd';\nimport classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styles from './index.module.less';\ntype PropsType = {\n  noDebounced?: boolean;\n  currentValue: string | undefined;\n  placeholder?: string;\n  onChange: (value: string) => void;\n  delay?: number;\n  inputClass?: any;\n  allowClear?: boolean;\n  style?: React.CSSProperties;\n  noPrefixIcon?: boolean;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n};\nconst DebouncedInput: React.FC<PropsType> = ({\n  noDebounced = false,\n  currentValue = '',\n  placeholder = '搜索',\n  onChange = (value: string) => {},\n  delay = 150,\n  inputClass,\n  allowClear = true,\n  style = {},\n  noPrefixIcon = false,\n  disabled = false,\n  icon,\n}) => {\n  const [value, setValue] = useState(currentValue);\n  const lock = useRef(false);\n  const changeFlag = useRef(false);\n  useEffect(() => {\n    if (changeFlag.current) {\n      changeFlag.current = false;\n      return;\n    }\n    setValue(currentValue);\n  }, [currentValue]);\n\n  const { run } = useDebounceFn(\n    () => {\n      onChange(value);\n    },\n    { wait: delay },\n  );\n  function handleChange(e: any) {\n    const type = e.type;\n    if (type === 'compositionstart') {\n      lock.current = true;\n      return;\n    }\n    const value = e.target.value;\n    setValue(value);\n    if (e.type === 'compositionend') {\n      lock.current = false;\n    }\n    if (!lock.current) {\n      changeFlag.current = true;\n      if (noDebounced) {\n        onChange(value);\n      } else {\n        run();\n      }\n    }\n  }\n  return (\n    <Input\n      allowClear={allowClear}\n      style={style}\n      className={classNames(styles.search, inputClass)}\n      placeholder={placeholder}\n      prefix={\n        !noPrefixIcon &&\n        (icon || <i className='iconfont icon-sousuo' style={{ fontSize: 14, lineHeight: '28px', color: '#999' }} />)\n      }\n      value={value}\n      onChange={handleChange}\n      onCompositionStart={handleChange}\n      onCompositionEnd={handleChange}\n      disabled={disabled}\n    />\n  );\n};\n\nexport default DebouncedInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA,oBAA8B;AAC9B,kBAAsB;AACtB,wBAAuB;AACvB,mBAAmD;AACnD,0BAAmB;AAcnB,IAAM,iBAAsC,CAAC;AAAA,EAC3C,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,WAAW,CAAC,UAAkB;AAAA,EAAC;AAAA,EAC/B,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,QAAQ,CAAC;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAC/C,QAAM,WAAO,qBAAO,KAAK;AACzB,QAAM,iBAAa,qBAAO,KAAK;AAC/B,8BAAU,MAAM;AACd,QAAI,WAAW,SAAS;AACtB,iBAAW,UAAU;AACrB;AAAA,IACF;AACA,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,EAAE,IAAI,QAAI;AAAA,IACd,MAAM;AACJ,eAAS,KAAK;AAAA,IAChB;AAAA,IACA,EAAE,MAAM,MAAM;AAAA,EAChB;AACA,WAAS,aAAa,GAAQ;AAC5B,UAAM,OAAO,EAAE;AACf,QAAI,SAAS,oBAAoB;AAC/B,WAAK,UAAU;AACf;AAAA,IACF;AACA,UAAMA,SAAQ,EAAE,OAAO;AACvB,aAASA,MAAK;AACd,QAAI,EAAE,SAAS,kBAAkB;AAC/B,WAAK,UAAU;AAAA,IACjB;AACA,QAAI,CAAC,KAAK,SAAS;AACjB,iBAAW,UAAU;AACrB,UAAI,aAAa;AACf,iBAASA,MAAK;AAAA,MAChB,OAAO;AACL,YAAI;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACA,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,kBAAAC,SAAW,oBAAAC,QAAO,QAAQ,UAAU;AAAA,MAC/C;AAAA,MACA,QACE,CAAC,iBACA,QAAQ,6BAAAF,QAAA,cAAC,OAAE,WAAU,wBAAuB,OAAO,EAAE,UAAU,IAAI,YAAY,QAAQ,OAAO,OAAO,GAAG;AAAA,MAE3G;AAAA,MACA,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,kBAAkB;AAAA,MAClB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["value", "React", "classNames", "styles"]
+}

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

@@ -0,0 +1,23 @@
+.search {
+  width: 225px;
+  height: 30px;
+  padding: 0 10px;
+  border: 1px solid #e7e7e7;
+  border-radius: 2px;
+
+  input {
+    height: 28px;
+    line-height: 28px;
+  }
+
+  .ant-input-prefix {
+    .iconfont {
+      color: #100f0f;
+    }
+  }
+
+  & > input::placeholder {
+    color: rgba(0, 0, 0, 0.25);
+    font-size: 14px;
+  }
+}

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

@@ -0,0 +1,23 @@
+import type { FC } from 'react';
+import React from 'react';
+type PageTypes = {
+    name?: string;
+    value: (string | number)[];
+    onChange: (value: (string | number)[]) => void;
+    options: {
+        label: string;
+        value: string | number;
+        isSelectAll?: boolean;
+    }[];
+    style?: React.CSSProperties;
+    popoverStyle?: React.CSSProperties;
+    icon?: React.ReactNode;
+    noXiala?: boolean;
+    minCount?: number;
+    disabledItems?: (string | number)[] | undefined;
+    disabledMessages?: string;
+    noAllSelect?: boolean;
+    autoConfirm?: boolean;
+};
+declare const MultipleSelect: FC<PageTypes>;
+export default MultipleSelect;