wz-h5-design 1.0.0

package/dist/Popup/index.js

@@ -0,0 +1,124 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+const Popup = ({
+  visible = false,
+  position = "bottom",
+  mask = true,
+  maskClosable = true,
+  round = false,
+  duration = 300,
+  zIndex = 1e3,
+  destroyOnClose = false,
+  className = "",
+  style = {},
+  maskStyle = {},
+  children,
+  onClose,
+  onClosed,
+  afterShow,
+  closeable = false,
+  title
+}) => {
+  const [display, setDisplay] = useState(visible);
+  const [animating, setAnimating] = useState(false);
+  const [active, setActive] = useState(visible);
+  useEffect(() => {
+    if (visible) {
+      open();
+    } else {
+      close();
+    }
+  }, [visible]);
+  const open = () => {
+    if (display) return;
+    setDisplay(true);
+    setAnimating(true);
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        setActive(true);
+        setTimeout(() => {
+          setAnimating(false);
+          afterShow == null ? void 0 : afterShow();
+        }, duration);
+      });
+    });
+  };
+  const close = () => {
+    if (!display) return;
+    setActive(false);
+    setAnimating(true);
+    setTimeout(() => {
+      setAnimating(false);
+      setDisplay(false);
+      onClosed == null ? void 0 : onClosed();
+    }, duration);
+  };
+  const handleMaskClick = () => {
+    if (maskClosable && !animating) {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  const handleCloseClick = () => {
+    if (!animating) {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  const popupStyle = {
+    ...style,
+    zIndex,
+    transitionDuration: `${duration}ms`
+  };
+  const maskBaseStyle = {
+    ...maskStyle,
+    zIndex,
+    transitionDuration: `${duration}ms`
+  };
+  if (!display && destroyOnClose) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `wz-popup-container ${display ? "wz-popup--display" : ""}`,
+      style: { zIndex },
+      children: [
+        mask && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `wz-popup-mask ${active ? "wz-popup-mask--active" : ""}`,
+            style: maskBaseStyle,
+            onClick: handleMaskClick
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `
+          wz-popup 
+          wz-popup--${position} 
+          ${active ? "wz-popup--active" : ""} 
+          ${round ? "wz-popup--round" : ""}
+          ${className}
+        `,
+            style: popupStyle,
+            children: [
+              closeable && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "wz-popup-close",
+                  onClick: handleCloseClick,
+                  children: /* @__PURE__ */ jsx("span", { className: "wz-popup-close-icon", children: "×" })
+                }
+              ),
+              title && /* @__PURE__ */ jsx("div", { className: "wz-popup-title", children: title }),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Popup as default
+};

package/dist/Popup/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],s):(e="undefined"!=typeof globalThis?globalThis:e||self).Popup=s(e.jsxRuntime,e.React)}(this,(function(e,s){"use strict";return({visible:n=!1,position:t="bottom",mask:o=!0,maskClosable:i=!0,round:l=!1,duration:a=300,zIndex:u=1e3,destroyOnClose:p=!1,className:r="",style:c={},maskStyle:d={},children:m,onClose:f,onClosed:x,afterShow:z,closeable:w=!1,title:y})=>{const[h,j]=s.useState(n),[v,b]=s.useState(!1),[k,N]=s.useState(n);s.useEffect((()=>{n?C():$()}),[n]);const C=()=>{h||(j(!0),b(!0),requestAnimationFrame((()=>{requestAnimationFrame((()=>{N(!0),setTimeout((()=>{b(!1),null==z||z()}),a)}))})))},$=()=>{h&&(N(!1),b(!0),setTimeout((()=>{b(!1),j(!1),null==x||x()}),a))},S={...c,zIndex:u,transitionDuration:`${a}ms`},q={...d,zIndex:u,transitionDuration:`${a}ms`};return!h&&p?null:e.jsxs("div",{className:"wz-popup-container "+(h?"wz-popup--display":""),style:{zIndex:u},children:[o&&e.jsx("div",{className:"wz-popup-mask "+(k?"wz-popup-mask--active":""),style:q,onClick:()=>{i&&!v&&(null==f||f())}}),e.jsxs("div",{className:`\n          wz-popup \n          wz-popup--${t} \n          ${k?"wz-popup--active":""} \n          ${l?"wz-popup--round":""}\n          ${r}\n        `,style:S,children:[w&&e.jsx("div",{className:"wz-popup-close",onClick:()=>{v||null==f||f()},children:e.jsx("span",{className:"wz-popup-close-icon",children:"×"})}),y&&e.jsx("div",{className:"wz-popup-title",children:y}),m]})]})}}));

package/dist/Popup/style/index.css

@@ -0,0 +1 @@
+.wz-popup-container{pointer-events:none;z-index:var(--wz-popup-z-index,1000);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.wz-popup--display{display:block}.wz-popup-mask{background-color:var(--wz-popup-mask-color,#0009);opacity:0;transition:opacity var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.wz-popup-mask--active{opacity:1}.wz-popup{background-color:var(--wz-popup-background,#fff);transition:all var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding:10px;position:absolute;overflow:auto}.wz-popup-title{text-align:center;color:var(--wz-popup-title-color,#323233);padding:5px;font-size:16px;font-weight:600;line-height:24px;position:relative}.wz-popup-close{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:10px;right:16px}.wz-popup-close-icon{text-align:center;color:var(--wz-popup-close-icon-color,#969799);width:24px;height:24px;font-size:24px;font-weight:300;line-height:24px;display:block}.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)}.wz-popup--top{width:100%;top:0;left:0;transform:translateY(-100%)}.wz-popup--top.wz-popup--active{transform:translateY(0)}.wz-popup--right{height:100%;top:0;right:0;transform:translate(100%)}.wz-popup--right.wz-popup--active{transform:translate(0)}.wz-popup--bottom{width:100%;bottom:0;left:0;transform:translateY(100%)}.wz-popup--bottom.wz-popup--active{transform:translateY(0)}.wz-popup--left{height:100%;top:0;left:0;transform:translate(-100%)}.wz-popup--left.wz-popup--active{transform:translate(0)}.wz-popup--bottom.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0 0}.wz-popup--top.wz-popup--round{border-radius:0 0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)}.wz-popup--right.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)0 0 var(--wz-popup-round-radius,16px)}.wz-popup--left.wz-popup--round{border-radius:0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0}@media (max-width:767px){.wz-popup--bottom,.wz-popup--top{max-height:80%}.wz-popup--left,.wz-popup--right{max-width:80%}}

package/dist/Popup/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/dist/Popup/style.css

@@ -0,0 +1 @@
+.wz-popup-container{pointer-events:none;z-index:var(--wz-popup-z-index,1000);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.wz-popup--display{display:block}.wz-popup-mask{background-color:var(--wz-popup-mask-color,#0009);opacity:0;transition:opacity var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.wz-popup-mask--active{opacity:1}.wz-popup{background-color:var(--wz-popup-background,#fff);transition:all var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding:10px;position:absolute;overflow:auto}.wz-popup-title{text-align:center;color:var(--wz-popup-title-color,#323233);padding:5px;font-size:16px;font-weight:600;line-height:24px;position:relative}.wz-popup-close{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:10px;right:16px}.wz-popup-close-icon{text-align:center;color:var(--wz-popup-close-icon-color,#969799);width:24px;height:24px;font-size:24px;font-weight:300;line-height:24px;display:block}.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)}.wz-popup--top{width:100%;top:0;left:0;transform:translateY(-100%)}.wz-popup--top.wz-popup--active{transform:translateY(0)}.wz-popup--right{height:100%;top:0;right:0;transform:translate(100%)}.wz-popup--right.wz-popup--active{transform:translate(0)}.wz-popup--bottom{width:100%;bottom:0;left:0;transform:translateY(100%)}.wz-popup--bottom.wz-popup--active{transform:translateY(0)}.wz-popup--left{height:100%;top:0;left:0;transform:translate(-100%)}.wz-popup--left.wz-popup--active{transform:translate(0)}.wz-popup--bottom.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0 0}.wz-popup--top.wz-popup--round{border-radius:0 0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)}.wz-popup--right.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)0 0 var(--wz-popup-round-radius,16px)}.wz-popup--left.wz-popup--round{border-radius:0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0}@media (max-width:767px){.wz-popup--bottom,.wz-popup--top{max-height:80%}.wz-popup--left,.wz-popup--right{max-width:80%}}

package/dist/Radio/index.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useContext, createContext } from "react";
+const RadioGroupContext = createContext({});
+const Radio = ({
+  size,
+  checked,
+  disabled,
+  onChange,
+  children,
+  value,
+  className = "",
+  style,
+  ...rest
+}) => {
+  const groupContext = useContext(RadioGroupContext);
+  const isInGroup = !!groupContext.value;
+  const handleChange = (e) => {
+    var _a;
+    if (!disabled && !groupContext.disabled) {
+      if (isInGroup) {
+        (_a = groupContext.onChange) == null ? void 0 : _a.call(groupContext, value);
+      } else {
+        onChange == null ? void 0 : onChange(e.target.checked);
+      }
+    }
+  };
+  const isChecked = isInGroup ? groupContext.value === value : checked;
+  const isDisabled = disabled || groupContext.disabled;
+  const radioSize = size || groupContext.size || "medium";
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: `wz-radio-wrapper ${isDisabled ? "wz-radio--disabled" : ""} wz-radio--${radioSize} ${className}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            className: "wz-radio-input",
+            checked: isChecked,
+            disabled: isDisabled,
+            onChange: handleChange,
+            value,
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "wz-radio-inner" }),
+        children && /* @__PURE__ */ jsx("span", { className: "wz-radio-label", children })
+      ]
+    }
+  );
+};
+const RadioGroup = ({
+  value,
+  defaultValue,
+  onChange,
+  disabled,
+  size,
+  children,
+  className = "",
+  style
+}) => {
+  const [innerValue, setInnerValue] = React.useState(defaultValue);
+  const handleChange = (newValue) => {
+    setInnerValue(newValue);
+    onChange == null ? void 0 : onChange(newValue);
+  };
+  const contextValue = {
+    value: value !== void 0 ? value : innerValue,
+    onChange: handleChange,
+    disabled,
+    size
+  };
+  return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: `wz-radio-group ${className}`, style, children }) });
+};
+Radio.Group = RadioGroup;
+Radio.displayName = "Radio";
+RadioGroup.displayName = "Radio.Group";
+export {
+  Radio as default
+};

package/dist/Radio/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],a):(e="undefined"!=typeof globalThis?globalThis:e||self).Radio=a(e.jsxRuntime,e.React)}(this,(function(e,a){"use strict";const s=a.createContext({}),i=({size:i,checked:l,disabled:d,onChange:n,children:r,value:t,className:o="",style:u,...c})=>{const p=a.useContext(s),h=!!p.value,m=h?p.value===t:l,f=d||p.disabled,x=i||p.size||"medium";return e.jsxs("label",{className:`wz-radio-wrapper ${f?"wz-radio--disabled":""} wz-radio--${x} ${o}`,style:u,children:[e.jsx("input",{type:"radio",className:"wz-radio-input",checked:m,disabled:f,onChange:e=>{var a;d||p.disabled||(h?null==(a=p.onChange)||a.call(p,t):null==n||n(e.target.checked))},value:t,...c}),e.jsx("span",{className:"wz-radio-inner"}),r&&e.jsx("span",{className:"wz-radio-label",children:r})]})},l=({value:i,defaultValue:l,onChange:d,disabled:n,size:r,children:t,className:o="",style:u})=>{const[c,p]=a.useState(l),h={value:void 0!==i?i:c,onChange:e=>{p(e),null==d||d(e)},disabled:n,size:r};return e.jsx(s.Provider,{value:h,children:e.jsx("div",{className:`wz-radio-group ${o}`,style:u,children:t})})};return i.Group=l,i.displayName="Radio",l.displayName="Radio.Group",i}));

package/dist/Radio/style/index.css

@@ -0,0 +1 @@
+.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-inner{width:16px;height:16px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-inner{width:18px;height:18px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-inner{width:20px;height:20px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-inner{background-color:#f5f7fa;border-color:#e4e7ed}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:#c0c4cc}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{background-color:#fff;border:1px solid #dcdfe6;border-radius:50%;transition:all .2s ease-in-out;display:inline-block;position:relative}.wz-radio-inner:after{content:"";background-color:var(--wz-primary-color,#22c94d);border-radius:50%;width:10px;height:10px;transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wz-radio-input:checked+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-input:checked+.wz-radio-inner:after{transform:translate(-50%,-50%)scale(1)}.wz-radio-input:focus+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 2px #22c94d26}.wz-radio-wrapper:hover .wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-label{color:#333;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}

package/dist/Radio/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/dist/Radio/style.css

@@ -0,0 +1 @@
+.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-inner{width:16px;height:16px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-inner{width:18px;height:18px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-inner{width:20px;height:20px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-inner{background-color:#f5f7fa;border-color:#e4e7ed}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:#c0c4cc}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{background-color:#fff;border:1px solid #dcdfe6;border-radius:50%;transition:all .2s ease-in-out;display:inline-block;position:relative}.wz-radio-inner:after{content:"";background-color:var(--wz-primary-color,#22c94d);border-radius:50%;width:10px;height:10px;transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wz-radio-input:checked+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-input:checked+.wz-radio-inner:after{transform:translate(-50%,-50%)scale(1)}.wz-radio-input:focus+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 2px #22c94d26}.wz-radio-wrapper:hover .wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-label{color:#333;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}

package/dist/Search/index.js

@@ -0,0 +1,158 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useImperativeHandle } from "react";
+const Icon = ({
+  name,
+  size = 24,
+  color = "currentColor",
+  className = "",
+  style,
+  onClick,
+  type = "yunying"
+  // 默认使用yunying图标库
+}) => {
+  const iconStyle = {
+    fontSize: typeof size === "number" ? `${size}px` : size,
+    color,
+    ...style
+  };
+  const iconFontClass = `iconfont-${type}`;
+  const iconPrefix = "icon-";
+  const iconClass = `${iconPrefix}${name}`;
+  return /* @__PURE__ */ jsx(
+    "i",
+    {
+      className: `wz-icon ${iconFontClass} ${iconClass} ${className}`,
+      style: iconStyle,
+      onClick
+    }
+  );
+};
+const Search = forwardRef(
+  ({
+    value,
+    defaultValue,
+    placeholder = "输入关键词搜索",
+    shape = "round",
+    clearable = true,
+    disabled = false,
+    prefix,
+    suffix,
+    leftIcon = /* @__PURE__ */ jsx(Icon, { name: "search", size: 16 }),
+    actionText = "搜索",
+    showCancel = false,
+    cancelText = "返回",
+    background,
+    style,
+    className = "",
+    onSearch,
+    onClear,
+    onChange,
+    onFocus,
+    onBlur,
+    onCancel,
+    ...props
+  }, ref) => {
+    const isControlled = value !== void 0;
+    const [innerValue, setInnerValue] = useState(defaultValue || "");
+    const [isFocused, setIsFocused] = useState(false);
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
+    const inputValue = isControlled ? value : innerValue;
+    const showClear = clearable && inputValue && isFocused && !disabled;
+    const handleChange = (e) => {
+      const newValue = e.target.value;
+      if (!isControlled) setInnerValue(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    };
+    const handleFocus = (e) => {
+      setIsFocused(true);
+      onFocus == null ? void 0 : onFocus(e);
+    };
+    const handleBlur = (e) => {
+      setIsFocused(false);
+      onBlur == null ? void 0 : onBlur(e);
+    };
+    const handleSearch = () => {
+      var _a;
+      if (disabled) return;
+      (_a = inputRef.current) == null ? void 0 : _a.blur();
+      onSearch == null ? void 0 : onSearch(inputValue);
+    };
+    const handleClear = (e) => {
+      var _a;
+      e.preventDefault();
+      if (!isControlled) setInnerValue("");
+      onChange == null ? void 0 : onChange("");
+      onClear == null ? void 0 : onClear();
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" && !disabled) handleSearch();
+    };
+    const handleCancel = () => {
+      setIsFocused(false);
+      onCancel == null ? void 0 : onCancel();
+    };
+    const renderCancel = () => {
+      if (prefix || !showCancel || !isFocused) return null;
+      return /* @__PURE__ */ jsx("div", { className: "wz-search-cancel", onClick: handleCancel, children: cancelText });
+    };
+    const combinedStyle = {
+      ...style,
+      backgroundColor: background
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `wz-search ${isFocused ? "wz-search-focused" : ""} ${className}`,
+        style: combinedStyle,
+        children: [
+          prefix && /* @__PURE__ */ jsx("div", { className: "wz-search-prefix", children: prefix }),
+          renderCancel(),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `wz-search-content wz-search-shape-${shape} ${disabled ? "wz-search-disabled" : ""}`,
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `wz-search-input-wrapper ${showClear ? "wz-search-input-wrapper--with-clear" : ""}`,
+                    children: [
+                      leftIcon && /* @__PURE__ */ jsx("div", { className: "wz-search-left-icon", children: leftIcon }),
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          ref: inputRef,
+                          className: "wz-search-input",
+                          value: inputValue,
+                          onChange: handleChange,
+                          onFocus: handleFocus,
+                          onBlur: handleBlur,
+                          onKeyDown: handleKeyDown,
+                          placeholder,
+                          disabled,
+                          ...props
+                        }
+                      ),
+                      showClear && /* @__PURE__ */ jsx("div", { className: "wz-search-clear", onMouseDown: handleClear, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16, color: "#BDBDBD" }) })
+                    ]
+                  }
+                ),
+                actionText && /* @__PURE__ */ jsxs("div", { className: "wz-search-action", onClick: handleSearch, children: [
+                  /* @__PURE__ */ jsx("div", { className: "wz-search-divider" }),
+                  /* @__PURE__ */ jsx("div", { className: "wz-search-action-text", children: actionText })
+                ] })
+              ]
+            }
+          ),
+          suffix && /* @__PURE__ */ jsx("div", { className: "wz-search-suffix", children: suffix })
+        ]
+      }
+    );
+  }
+);
+Search.displayName = "Search";
+export {
+  Search as default
+};

package/dist/Search/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],s):(e="undefined"!=typeof globalThis?globalThis:e||self).Search=s(e.jsxRuntime,e.React)}(this,(function(e,s){"use strict";const a=({name:s,size:a=24,color:n="currentColor",className:c="",style:l,onClick:r,type:i="yunying"})=>{const o={fontSize:"number"==typeof a?`${a}px`:a,color:n,...l},t=`iconfont-${i}`,u=`icon-${s}`;return e.jsx("i",{className:`wz-icon ${t} ${u} ${c}`,style:o,onClick:r})},n=s.forwardRef((({value:n,defaultValue:c,placeholder:l="输入关键词搜索",shape:r="round",clearable:i=!0,disabled:o=!1,prefix:t,suffix:u,leftIcon:d=e.jsx(a,{name:"search",size:16}),actionText:h="搜索",showCancel:f=!1,cancelText:x="返回",background:m,style:p,className:w="",onSearch:z,onClear:v,onChange:j,onFocus:N,onBlur:y,onCancel:b,...C},$)=>{const g=void 0!==n,[k,D]=s.useState(c||""),[S,B]=s.useState(!1),R=s.useRef(null);s.useImperativeHandle($,(()=>R.current));const T=g?n:k,q=i&&T&&S&&!o,F=()=>{var e;o||(null==(e=R.current)||e.blur(),null==z||z(T))},I=()=>{B(!1),null==b||b()},E={...p,backgroundColor:m};return e.jsxs("div",{className:`wz-search ${S?"wz-search-focused":""} ${w}`,style:E,children:[t&&e.jsx("div",{className:"wz-search-prefix",children:t}),!t&&f&&S?e.jsx("div",{className:"wz-search-cancel",onClick:I,children:x}):null,e.jsxs("div",{className:`wz-search-content wz-search-shape-${r} ${o?"wz-search-disabled":""}`,children:[e.jsxs("div",{className:"wz-search-input-wrapper "+(q?"wz-search-input-wrapper--with-clear":""),children:[d&&e.jsx("div",{className:"wz-search-left-icon",children:d}),e.jsx("input",{ref:R,className:"wz-search-input",value:T,onChange:e=>{const s=e.target.value;g||D(s),null==j||j(s)},onFocus:e=>{B(!0),null==N||N(e)},onBlur:e=>{B(!1),null==y||y(e)},onKeyDown:e=>{"Enter"!==e.key||o||F()},placeholder:l,disabled:o,...C}),q&&e.jsx("div",{className:"wz-search-clear",onMouseDown:e=>{var s;e.preventDefault(),g||D(""),null==j||j(""),null==v||v(),null==(s=R.current)||s.focus()},children:e.jsx(a,{name:"close",size:16,color:"#BDBDBD"})})]}),h&&e.jsxs("div",{className:"wz-search-action",onClick:F,children:[e.jsx("div",{className:"wz-search-divider"}),e.jsx("div",{className:"wz-search-action-text",children:h})]})]}),u&&e.jsx("div",{className:"wz-search-suffix",children:u})]})}));return n.displayName="Search",n}));

package/dist/Search/style/index.css

@@ -0,0 +1 @@
+:root{--wz-search-height:48px;--wz-search-radius:8px;--wz-search-bg:#f5f5f5;--wz-search-active-bg:#f0f0f0;--wz-search-border:#ebebeb;--wz-search-shadow:0 2px 8px #00000008;--wz-search-font-size:16px;--wz-search-placeholder-color:#c0c4cc;--wz-search-text-color:#333;--wz-search-divider-color:#ebebeb;--wz-search-btn-color:#1890ff;--wz-search-btn-active-color:#096dd9;--wz-search-btn-text:"搜索";--wz-search-padding:12px;--wz-search-inner-padding:0 16px;--wz-search-disabled-opacity:.5}.wz-search{box-sizing:border-box;background-color:#f7f8fa;align-items:center;width:100%;padding:8px 12px;display:flex}.wz-search-cancel{color:var(--wz-primary-color,#22c94d);cursor:pointer;white-space:nowrap;padding-right:12px;font-size:14px}.wz-search-prefix{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.wz-search-content{background-color:#fff;flex:1;align-items:center;min-width:0;padding:6px 12px;transition:all .2s;display:flex}.wz-search-content.wz-search-shape-round{border-radius:100px}.wz-search-content.wz-search-shape-square{border-radius:4px}.wz-search-content.wz-search-disabled{opacity:.6;cursor:not-allowed;background-color:#f2f3f5}.wz-search-focused .wz-search.wz-search-content{border:1px solid var(--wz-primary-color,#22c94d);padding:5px 11px}.wz-search-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.wz-search-left-icon{color:#999;align-items:center;margin-right:6px;display:flex}.wz-search-input{color:#333;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.wz-search-input-wrapper--with-clear .wz-search-input{padding-right:22px}.wz-search-input::placeholder{color:#b3b3b3}.wz-search-clear{cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.wz-search-action{cursor:pointer;align-items:center;display:flex}.wz-search-divider{background-color:#e0e0e0;width:1px;height:16px;margin:0 12px}.wz-search-action-text{color:var(--wz-primary-color,#22c94d);white-space:nowrap;font-size:14px}.wz-search-suffix{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex}

package/dist/Search/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/dist/Search/style.css

@@ -0,0 +1 @@
+.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}:root{--wz-search-height:48px;--wz-search-radius:8px;--wz-search-bg:#f5f5f5;--wz-search-active-bg:#f0f0f0;--wz-search-border:#ebebeb;--wz-search-shadow:0 2px 8px #00000008;--wz-search-font-size:16px;--wz-search-placeholder-color:#c0c4cc;--wz-search-text-color:#333;--wz-search-divider-color:#ebebeb;--wz-search-btn-color:#1890ff;--wz-search-btn-active-color:#096dd9;--wz-search-btn-text:"搜索";--wz-search-padding:12px;--wz-search-inner-padding:0 16px;--wz-search-disabled-opacity:.5}.wz-search{box-sizing:border-box;background-color:#f7f8fa;align-items:center;width:100%;padding:8px 12px;display:flex}.wz-search-cancel{color:var(--wz-primary-color,#22c94d);cursor:pointer;white-space:nowrap;padding-right:12px;font-size:14px}.wz-search-prefix{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.wz-search-content{background-color:#fff;flex:1;align-items:center;min-width:0;padding:6px 12px;transition:all .2s;display:flex}.wz-search-content.wz-search-shape-round{border-radius:100px}.wz-search-content.wz-search-shape-square{border-radius:4px}.wz-search-content.wz-search-disabled{opacity:.6;cursor:not-allowed;background-color:#f2f3f5}.wz-search-focused .wz-search.wz-search-content{border:1px solid var(--wz-primary-color,#22c94d);padding:5px 11px}.wz-search-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.wz-search-left-icon{color:#999;align-items:center;margin-right:6px;display:flex}.wz-search-input{color:#333;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.wz-search-input-wrapper--with-clear .wz-search-input{padding-right:22px}.wz-search-input::placeholder{color:#b3b3b3}.wz-search-clear{cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.wz-search-action{cursor:pointer;align-items:center;display:flex}.wz-search-divider{background-color:#e0e0e0;width:1px;height:16px;margin:0 12px}.wz-search-action-text{color:var(--wz-primary-color,#22c94d);white-space:nowrap;font-size:14px}.wz-search-suffix{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex}

package/dist/Stepper/index.js

@@ -0,0 +1,140 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+const Icon = ({
+  name,
+  size = 24,
+  color = "currentColor",
+  className = "",
+  style,
+  onClick,
+  type = "yunying"
+  // 默认使用yunying图标库
+}) => {
+  const iconStyle = {
+    fontSize: typeof size === "number" ? `${size}px` : size,
+    color,
+    ...style
+  };
+  const iconFontClass = `iconfont-${type}`;
+  const iconPrefix = "icon-";
+  const iconClass = `${iconPrefix}${name}`;
+  return /* @__PURE__ */ jsx(
+    "i",
+    {
+      className: `wz-icon ${iconFontClass} ${iconClass} ${className}`,
+      style: iconStyle,
+      onClick
+    }
+  );
+};
+const Stepper = ({
+  value,
+  min = -Infinity,
+  max = Infinity,
+  step = 1,
+  onChange,
+  disabled = false,
+  prefix,
+  suffix,
+  showMinus = true,
+  // 默认显示减号按钮
+  showPlus = true,
+  // 默认显示加号按钮
+  precision,
+  className = "",
+  style,
+  inputStyle,
+  inputClassName = "",
+  buttonStyle,
+  buttonClassName = ""
+}) => {
+  const [inputValue, setInputValue] = useState(String(value));
+  const [isFocused, setIsFocused] = useState(false);
+  useEffect(() => {
+    if (!isFocused) {
+      setInputValue(String(value));
+    }
+  }, [value, isFocused]);
+  const handleAdd = () => {
+    if (disabled) return;
+    let num = Number(value) + step;
+    if (num > max) num = max;
+    num = precision !== void 0 ? parseFloat(num.toFixed(precision)) : num;
+    onChange(num);
+    setInputValue(String(num));
+  };
+  const handleMinus = () => {
+    if (disabled) return;
+    let num = Number(value) - step;
+    if (num < min) num = min;
+    num = precision !== void 0 ? parseFloat(num.toFixed(precision)) : num;
+    onChange(num);
+    setInputValue(String(num));
+  };
+  const handleInputFocus = (e) => {
+    setIsFocused(true);
+    e.target.select();
+  };
+  const handleInputChange = (e) => {
+    setInputValue(e.target.value);
+  };
+  const handleInputBlur = () => {
+    setIsFocused(false);
+    let num = Number(inputValue);
+    if (isNaN(num)) {
+      setInputValue(String(value));
+      return;
+    }
+    if (num > max) num = max;
+    if (num < min) num = min;
+    num = precision !== void 0 ? parseFloat(num.toFixed(precision)) : num;
+    onChange(num);
+    setInputValue(String(num));
+  };
+  const minusDisabled = disabled || Number(value) <= min;
+  const addDisabled = disabled || Number(value) >= max;
+  return /* @__PURE__ */ jsxs("div", { className: `wz-stepper ${className}`, style, children: [
+    showMinus && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `wz-stepper-btn wz-stepper-btn-minus ${buttonClassName}`,
+        onClick: handleMinus,
+        disabled: minusDisabled,
+        type: "button",
+        style: buttonStyle,
+        children: /* @__PURE__ */ jsx(Icon, { name: "jian", type: "yunying", size: 21 })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "wz-stepper-input-wrapper", children: [
+      prefix && /* @__PURE__ */ jsx("span", { className: "wz-stepper-prefix", children: prefix }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `wz-stepper-input ${inputClassName}`,
+          type: "text",
+          value: inputValue,
+          onChange: handleInputChange,
+          onFocus: handleInputFocus,
+          onBlur: handleInputBlur,
+          disabled,
+          style: inputStyle
+        }
+      ),
+      suffix && /* @__PURE__ */ jsx("span", { className: "wz-stepper-suffix", children: suffix })
+    ] }),
+    showPlus && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `wz-stepper-btn wz-stepper-btn-plus ${buttonClassName}`,
+        onClick: handleAdd,
+        disabled: addDisabled,
+        type: "button",
+        style: buttonStyle,
+        children: /* @__PURE__ */ jsx(Icon, { name: "jia", type: "yunying", size: 21 })
+      }
+    )
+  ] });
+};
+export {
+  Stepper as default
+};

package/dist/Stepper/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).Stepper=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";const s=({name:t,size:s=24,color:n="currentColor",className:i="",style:r,onClick:a,type:l="yunying"})=>{const o={fontSize:"number"==typeof s?`${s}px`:s,color:n,...r},u=`iconfont-${l}`,p=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${u} ${p} ${i}`,style:o,onClick:a})};return({value:n,min:i=-1/0,max:r=1/0,step:a=1,onChange:l,disabled:o=!1,prefix:u,suffix:p,showMinus:c=!0,showPlus:d=!0,precision:m,className:f="",style:y,inputStyle:x,inputClassName:b="",buttonStyle:N,buttonClassName:j=""})=>{const[g,z]=t.useState(String(n)),[h,w]=t.useState(!1);t.useEffect((()=>{h||z(String(n))}),[n,h]);const S=o||Number(n)<=i,$=o||Number(n)>=r;return e.jsxs("div",{className:`wz-stepper ${f}`,style:y,children:[c&&e.jsx("button",{className:`wz-stepper-btn wz-stepper-btn-minus ${j}`,onClick:()=>{if(o)return;let e=Number(n)-a;e<i&&(e=i),e=void 0!==m?parseFloat(e.toFixed(m)):e,l(e),z(String(e))},disabled:S,type:"button",style:N,children:e.jsx(s,{name:"jian",type:"yunying",size:21})}),e.jsxs("div",{className:"wz-stepper-input-wrapper",children:[u&&e.jsx("span",{className:"wz-stepper-prefix",children:u}),e.jsx("input",{className:`wz-stepper-input ${b}`,type:"text",value:g,onChange:e=>{z(e.target.value)},onFocus:e=>{w(!0),e.target.select()},onBlur:()=>{w(!1);let e=Number(g);isNaN(e)?z(String(n)):(e>r&&(e=r),e<i&&(e=i),e=void 0!==m?parseFloat(e.toFixed(m)):e,l(e),z(String(e)))},disabled:o,style:x}),p&&e.jsx("span",{className:"wz-stepper-suffix",children:p})]}),d&&e.jsx("button",{className:`wz-stepper-btn wz-stepper-btn-plus ${j}`,onClick:()=>{if(o)return;let e=Number(n)+a;e>r&&(e=r),e=void 0!==m?parseFloat(e.toFixed(m)):e,l(e),z(String(e))},disabled:$,type:"button",style:N,children:e.jsx(s,{name:"jia",type:"yunying",size:21})})]})}}));

package/dist/Stepper/style/index.css

@@ -0,0 +1 @@
+.wz-stepper{box-sizing:border-box;color:#333;background:0 0;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-btn{color:var(--wz-primary-color-b,#22c94d);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:border-color .2s,color .2s,background .2s;display:flex}.wz-stepper .wz-stepper-btn:hover:not(:disabled){border-color:var(--wz-primary-color-b,#22c94d);color:var(--wz-primary-color-b,#22c94d);background:#f8f8f8}.wz-stepper .wz-stepper-btn:active:not(:disabled){background:#f7f7f7}.wz-stepper .wz-stepper-btn:disabled{color:#c0c4cc;cursor:not-allowed;background:#f8f8f8;border-color:#dcdfe6}.wz-stepper .wz-stepper-input-wrapper{box-sizing:border-box;background:#f8f8f8;border:1.5px solid #f7f7f7;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;height:40px;margin:0 8px;padding:0;transition:border-color .2s;display:flex}.wz-stepper .wz-stepper-input-wrapper:focus-within{border-color:var(--wz-primary-color-b,#22c94d)}.wz-stepper .wz-stepper-input-wrapper:disabled{background:#f8f8f8;border-color:#dcdfe6}.wz-stepper .wz-stepper-prefix,.wz-stepper .wz-stepper-suffix{color:#999;pointer-events:none;white-space:nowrap;flex-shrink:0;align-items:center;height:100%;padding:0 8px;font-size:15px;display:flex}.wz-stepper .wz-stepper-input{text-align:center;color:#333;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;caret-color:var(--wz-primary-color-b,#22c94d);background:0 0;border:none;outline:none;flex-shrink:0;width:100px;height:100%;margin:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;transition:color .2s}.wz-stepper .wz-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input:disabled{color:#c0c4cc;cursor:not-allowed;background:0 0}

package/dist/Stepper/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/dist/Stepper/style.css

@@ -0,0 +1 @@
+.wz-stepper{box-sizing:border-box;color:#333;background:0 0;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-btn{color:var(--wz-primary-color-b,#22c94d);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:border-color .2s,color .2s,background .2s;display:flex}.wz-stepper .wz-stepper-btn:hover:not(:disabled){border-color:var(--wz-primary-color-b,#22c94d);color:var(--wz-primary-color-b,#22c94d);background:#f8f8f8}.wz-stepper .wz-stepper-btn:active:not(:disabled){background:#f7f7f7}.wz-stepper .wz-stepper-btn:disabled{color:#c0c4cc;cursor:not-allowed;background:#f8f8f8;border-color:#dcdfe6}.wz-stepper .wz-stepper-input-wrapper{box-sizing:border-box;background:#f8f8f8;border:1.5px solid #f7f7f7;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;height:40px;margin:0 8px;padding:0;transition:border-color .2s;display:flex}.wz-stepper .wz-stepper-input-wrapper:focus-within{border-color:var(--wz-primary-color-b,#22c94d)}.wz-stepper .wz-stepper-input-wrapper:disabled{background:#f8f8f8;border-color:#dcdfe6}.wz-stepper .wz-stepper-prefix,.wz-stepper .wz-stepper-suffix{color:#999;pointer-events:none;white-space:nowrap;flex-shrink:0;align-items:center;height:100%;padding:0 8px;font-size:15px;display:flex}.wz-stepper .wz-stepper-input{text-align:center;color:#333;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;caret-color:var(--wz-primary-color-b,#22c94d);background:0 0;border:none;outline:none;flex-shrink:0;width:100px;height:100%;margin:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;transition:color .2s}.wz-stepper .wz-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input:disabled{color:#c0c4cc;cursor:not-allowed;background:0 0}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}

package/dist/Switch/index.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+const DEFAULT_ACTIVE_TEXT = "开启";
+const DEFAULT_INACTIVE_TEXT = "关闭";
+const Switch = ({
+  value,
+  defaultValue = false,
+  onChange,
+  disabled = false,
+  showText = true,
+  activeText = "",
+  inactiveText = "",
+  style,
+  className = "",
+  size = "default",
+  activeColor
+}) => {
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  const isControlled = value !== void 0;
+  const checked = isControlled ? value : innerValue;
+  const text = checked ? activeText || DEFAULT_ACTIVE_TEXT : inactiveText || DEFAULT_INACTIVE_TEXT;
+  const textWidth = showText ? `${text.length * 12 + 8}px` : "0px";
+  const baseWidth = size === "large" ? 62 : 60;
+  const switchWidthNum = showText ? text.length * 12 + 40 : baseWidth;
+  const switchWidth = `${switchWidthNum}px`;
+  const onBg = activeColor ? activeColor.includes("gradient") ? activeColor : activeColor : void 0;
+  const handleClick = () => {
+    if (disabled) return;
+    if (!isControlled) setInnerValue(!checked);
+    onChange == null ? void 0 : onChange(!checked);
+  };
+  const bgStyle = checked ? activeColor ? { background: onBg } : {} : {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `wz-switch-bg ${checked ? "wz-switch-on" : "wz-switch-off"}${disabled ? " wz-switch-disabled" : ""}${className ? " " + className : ""} wz-switch-${size}`,
+      style: { width: switchWidth, minWidth: `${baseWidth}px`, ...style, ...bgStyle },
+      onClick: handleClick,
+      children: [
+        showText && /* @__PURE__ */ jsx("span", { className: "wz-switch-text", style: { width: textWidth }, children: text }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `wz-switch-slider ${checked ? "wz-switch-slider-on" : "wz-switch-slider-off"}`
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Switch as default
+};