wz-h5-design 1.0.0

package/dist/Switch/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).Switch=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";return({value:i,defaultValue:s=!1,onChange:n,disabled:c=!1,showText:l=!0,activeText:a="",inactiveText:d="",style:o,className:r="",size:u="default",activeColor:h})=>{const[w,f]=t.useState(s),x=void 0!==i,m=x?i:w,p=m?a||"开启":d||"关闭",z=l?12*p.length+8+"px":"0px",g="large"===u?62:60,v=`${l?12*p.length+40:g}px`,b=h?(h.includes("gradient"),h):void 0,j=m&&h?{background:b}:{};return e.jsxs("div",{className:`wz-switch-bg ${m?"wz-switch-on":"wz-switch-off"}${c?" wz-switch-disabled":""}${r?" "+r:""} wz-switch-${u}`,style:{width:v,minWidth:`${g}px`,...o,...j},onClick:()=>{c||(x||f(!m),null==n||n(!m))},children:[l&&e.jsx("span",{className:"wz-switch-text",style:{width:z},children:p}),e.jsx("div",{className:"wz-switch-slider "+(m?"wz-switch-slider-on":"wz-switch-slider-off")})]})}}));

package/dist/Switch/style/index.css

@@ -0,0 +1 @@
+.wz-switch-bg{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;transition:background .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.wz-switch-default{border-radius:26px;height:26px}.wz-switch-default .wz-switch-slider{width:22px;height:22px;top:2px}.wz-switch-default .wz-switch-text{top:5px}.wz-switch-large{border-radius:28px;height:28px}.wz-switch-large .wz-switch-slider{width:24px;height:24px}.wz-switch-large .wz-switch-text{top:6px}.wz-switch-off{background:#ccc;box-shadow:inset 0 0 2px #0000001a}.wz-switch-on{background:var(--wz-primary-color,#22c94d);box-shadow:inset 0 0 2px #0eb54999}.wz-switch-text{text-align:center;color:#fff;z-index:2;pointer-events:none;height:16px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:12px;font-weight:600;line-height:16px;position:absolute;left:29px}.wz-switch-on .wz-switch-text{color:#fff;left:8px}.wz-switch-slider{z-index:3;background:#fff;border-radius:50%;width:22px;height:22px;transition:right .2s,left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #00000014}.wz-switch-slider-on{left:auto;right:2px}.wz-switch-slider-off{left:2px;right:auto}.wz-switch-disabled{opacity:.6;cursor:not-allowed}

package/dist/Switch/style/index.js

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

package/dist/Switch/style.css

@@ -0,0 +1 @@
+.wz-switch-bg{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;transition:background .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.wz-switch-default{border-radius:26px;height:26px}.wz-switch-default .wz-switch-slider{width:22px;height:22px;top:2px}.wz-switch-default .wz-switch-text{top:5px}.wz-switch-large{border-radius:28px;height:28px}.wz-switch-large .wz-switch-slider{width:24px;height:24px}.wz-switch-large .wz-switch-text{top:6px}.wz-switch-off{background:#ccc;box-shadow:inset 0 0 2px #0000001a}.wz-switch-on{background:var(--wz-primary-color,#22c94d);box-shadow:inset 0 0 2px #0eb54999}.wz-switch-text{text-align:center;color:#fff;z-index:2;pointer-events:none;height:16px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:12px;font-weight:600;line-height:16px;position:absolute;left:29px}.wz-switch-on .wz-switch-text{color:#fff;left:8px}.wz-switch-slider{z-index:3;background:#fff;border-radius:50%;width:22px;height:22px;transition:right .2s,left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #00000014}.wz-switch-slider-on{left:auto;right:2px}.wz-switch-slider-off{left:2px;right:auto}.wz-switch-disabled{opacity:.6;cursor:not-allowed}

package/dist/Tabbar/index.js

@@ -0,0 +1,159 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { createElement, useMemo } from "react";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var classnames$1 = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(module) {
+  (function() {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames() {
+      var classes = [];
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (!arg) continue;
+        var argType = typeof arg;
+        if (argType === "string" || argType === "number") {
+          classes.push(arg);
+        } else if (Array.isArray(arg)) {
+          if (arg.length) {
+            var inner = classNames.apply(null, arg);
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === "object") {
+          if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+            classes.push(arg.toString());
+            continue;
+          }
+          for (var key in arg) {
+            if (hasOwn.call(arg, key) && arg[key]) {
+              classes.push(key);
+            }
+          }
+        }
+      }
+      return classes.join(" ");
+    }
+    if (module.exports) {
+      classNames.default = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(classnames$1);
+var classnamesExports = classnames$1.exports;
+const classnames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+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 TabbarItem = (props) => {
+  const { title, icon, activeIcon, badge, badgeAsBubble, hump, active, onItemClick, onClick, activeColor } = props;
+  const renderIcon = (iconSource) => {
+    if (typeof iconSource === "string") {
+      return /* @__PURE__ */ jsx(Icon, { name: iconSource });
+    }
+    return iconSource;
+  };
+  const renderBadge = () => {
+    if (!badge) return null;
+    if (badgeAsBubble) {
+      return /* @__PURE__ */ jsx("div", { className: "wz-tabbar-item-badge-custom", children: /* @__PURE__ */ jsxs("div", { className: "wz-tabbar-item-badge-bubble", children: [
+        badge,
+        /* @__PURE__ */ jsx("div", { className: "wz-tabbar-item-badge-bubble-arrow" })
+      ] }) });
+    }
+    if (React.isValidElement(badge)) {
+      return /* @__PURE__ */ jsx("div", { className: "wz-tabbar-item-badge-custom", children: badge });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "wz-tabbar-item-badge", children: badge });
+  };
+  const itemCls = classnames("wz-tabbar-item", {
+    "wz-tabbar-item-active": !hump && active,
+    "wz-tabbar-item-hump": hump
+  });
+  const itemStyle = useMemo(() => {
+    const style = {};
+    if (active && activeColor) {
+      style.color = activeColor;
+    }
+    return style;
+  }, [active, activeColor]);
+  return /* @__PURE__ */ jsxs("div", { className: itemCls, style: itemStyle, onClick: hump ? onClick : onItemClick, children: [
+    /* @__PURE__ */ jsxs("div", { className: "wz-tabbar-item-icon", children: [
+      active ? renderIcon(activeIcon || icon) : renderIcon(icon),
+      renderBadge()
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "wz-tabbar-item-title", children: title })
+  ] });
+};
+const Tabbar = (props) => {
+  var _a;
+  const {
+    activeKey,
+    defaultActiveKey,
+    onChange,
+    items,
+    fixed = true,
+    className,
+    style
+  } = props;
+  const [currentKey, setCurrentKey] = React.useState(
+    activeKey ?? defaultActiveKey ?? ((_a = items == null ? void 0 : items[0]) == null ? void 0 : _a.key)
+  );
+  React.useEffect(() => {
+    if (activeKey !== void 0) {
+      setCurrentKey(activeKey);
+    }
+  }, [activeKey]);
+  const handleItemClick = (key) => {
+    if (activeKey === void 0) {
+      setCurrentKey(key);
+    }
+    onChange == null ? void 0 : onChange(key);
+  };
+  const containerCls = classnames("wz-tabbar", { "wz-tabbar-fixed": fixed }, className);
+  return /* @__PURE__ */ jsx("div", { className: containerCls, style, children: items.map((item) => /* @__PURE__ */ createElement(
+    TabbarItem,
+    {
+      ...item,
+      key: item.key,
+      active: !item.hump && currentKey === item.key,
+      onItemClick: () => handleItemClick(item.key)
+    }
+  )) });
+};
+export {
+  Tabbar as default
+};

package/dist/Tabbar/index.umd.cjs

@@ -0,0 +1,6 @@
+!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).Tabbar=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";function a(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i,r={exports:{}};
+/*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  */i=r,function(){var e={}.hasOwnProperty;function t(){for(var a=[],i=0;i<arguments.length;i++){var r=arguments[i];if(r){var n=typeof r;if("string"===n||"number"===n)a.push(r);else if(Array.isArray(r)){if(r.length){var s=t.apply(null,r);s&&a.push(s)}}else if("object"===n){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){a.push(r.toString());continue}for(var o in r)e.call(r,o)&&r[o]&&a.push(o)}}}return a.join(" ")}i.exports?(t.default=t,i.exports=t):window.classNames=t}();const n=a(r.exports),s=({name:t,size:a=24,color:i="currentColor",className:r="",style:n,onClick:s,type:o="yunying"})=>{const l={fontSize:"number"==typeof a?`${a}px`:a,color:i,...n},c=`iconfont-${o}`,u=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${c} ${u} ${r}`,style:l,onClick:s})},o=a=>{const{title:i,icon:r,activeIcon:o,badge:l,badgeAsBubble:c,hump:u,active:d,onItemClick:b,onClick:m,activeColor:f}=a,p=t=>"string"==typeof t?e.jsx(s,{name:t}):t,v=n("wz-tabbar-item",{"wz-tabbar-item-active":!u&&d,"wz-tabbar-item-hump":u}),y=t.useMemo((()=>{const e={};return d&&f&&(e.color=f),e}),[d,f]);return e.jsxs("div",{className:v,style:y,onClick:u?m:b,children:[e.jsxs("div",{className:"wz-tabbar-item-icon",children:[p(d&&o||r),l?c?e.jsx("div",{className:"wz-tabbar-item-badge-custom",children:e.jsxs("div",{className:"wz-tabbar-item-badge-bubble",children:[l,e.jsx("div",{className:"wz-tabbar-item-badge-bubble-arrow"})]})}):t.isValidElement(l)?e.jsx("div",{className:"wz-tabbar-item-badge-custom",children:l}):e.jsx("div",{className:"wz-tabbar-item-badge",children:l}):null]}),e.jsx("div",{className:"wz-tabbar-item-title",children:i})]})};return a=>{var i;const{activeKey:r,defaultActiveKey:s,onChange:l,items:c,fixed:u=!0,className:d,style:b}=a,[m,f]=t.useState(r??s??(null==(i=null==c?void 0:c[0])?void 0:i.key));t.useEffect((()=>{void 0!==r&&f(r)}),[r]);const p=n("wz-tabbar",{"wz-tabbar-fixed":u},d);return e.jsx("div",{className:p,style:b,children:c.map((e=>t.createElement(o,{...e,key:e.key,active:!e.hump&&m===e.key,onItemClick:()=>{return t=e.key,void 0===r&&f(t),void(null==l||l(t));var t}})))})}}));

package/dist/Tabbar/style/index.css

@@ -0,0 +1 @@
+:root{--wz-tabbar-height:52px;--wz-tabbar-bg-color:#fff;--wz-tabbar-border-color:#f0f0f0;--wz-tabbar-item-text-color:#666;--wz-tabbar-item-active-text-color:#0eb549;--wz-tabbar-item-icon-size:24px;--wz-tabbar-item-text-font-size:10px;--wz-tabbar-badge-bg-color:#ff4d4f;--wz-tabbar-badge-color:#fff;--wz-tabbar-badge-font-size:12px}.wz-tabbar{height:var(--wz-tabbar-height);background-color:var(--wz-tabbar-bg-color);border-top:1px solid var(--wz-tabbar-border-color);box-sizing:border-box;width:100%;display:flex}.wz-tabbar.wz-tabbar-fixed{z-index:999;position:fixed;bottom:0;left:0;right:0}body:has(.wz-tabbar-fixed){padding-bottom:var(--wz-tabbar-height)}.wz-tabbar-item{color:var(--wz-tabbar-item-text-color);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.wz-tabbar-item .wz-tabbar-item-icon{font-size:var(--wz-tabbar-item-icon-size);margin-bottom:4px;position:relative}.wz-tabbar-item .wz-tabbar-item-icon .wz-tabbar-item-badge{background-color:var(--wz-tabbar-badge-bg-color);color:var(--wz-tabbar-badge-color);font-size:var(--wz-tabbar-badge-font-size);text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;height:16px;padding:0 4px;line-height:16px;position:absolute;top:-2px;right:-8px;transform:translate(50%,-10%)}.wz-tabbar-item .wz-tabbar-item-icon .wz-tabbar-item-badge-custom{z-index:1;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.wz-tabbar-item .wz-tabbar-item-badge-bubble{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff9c38,#fd631a);border-radius:9px;padding:4px 8px;font-size:10px;position:relative}.wz-tabbar-item .wz-tabbar-item-badge-bubble-arrow{content:"";border-top:4px solid #fe7f36;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:-4px;position:absolute;bottom:-4px;left:50%}.wz-tabbar-item .wz-tabbar-item-title{font-size:var(--wz-tabbar-item-text-font-size)}.wz-tabbar-item.wz-tabbar-item-active{color:var(--wz-tabbar-item-active-text-color)}.wz-tabbar-item.wz-tabbar-item-hump .wz-tabbar-item-icon{color:#fff;background:linear-gradient(135deg,#89d028,#1fa71f);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-30px;display:flex;box-shadow:0 -2px 4px #0000000d}.wz-tabbar-item.wz-tabbar-item-hump .wz-tabbar-item-title{margin-top:4px}

package/dist/Tabbar/style/index.js

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

package/dist/Tabbar/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-tabbar-height:52px;--wz-tabbar-bg-color:#fff;--wz-tabbar-border-color:#f0f0f0;--wz-tabbar-item-text-color:#666;--wz-tabbar-item-active-text-color:#0eb549;--wz-tabbar-item-icon-size:24px;--wz-tabbar-item-text-font-size:10px;--wz-tabbar-badge-bg-color:#ff4d4f;--wz-tabbar-badge-color:#fff;--wz-tabbar-badge-font-size:12px}.wz-tabbar{height:var(--wz-tabbar-height);background-color:var(--wz-tabbar-bg-color);border-top:1px solid var(--wz-tabbar-border-color);box-sizing:border-box;width:100%;display:flex}.wz-tabbar.wz-tabbar-fixed{z-index:999;position:fixed;bottom:0;left:0;right:0}body:has(.wz-tabbar-fixed){padding-bottom:var(--wz-tabbar-height)}.wz-tabbar-item{color:var(--wz-tabbar-item-text-color);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.wz-tabbar-item .wz-tabbar-item-icon{font-size:var(--wz-tabbar-item-icon-size);margin-bottom:4px;position:relative}.wz-tabbar-item .wz-tabbar-item-icon .wz-tabbar-item-badge{background-color:var(--wz-tabbar-badge-bg-color);color:var(--wz-tabbar-badge-color);font-size:var(--wz-tabbar-badge-font-size);text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;height:16px;padding:0 4px;line-height:16px;position:absolute;top:-2px;right:-8px;transform:translate(50%,-10%)}.wz-tabbar-item .wz-tabbar-item-icon .wz-tabbar-item-badge-custom{z-index:1;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.wz-tabbar-item .wz-tabbar-item-badge-bubble{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff9c38,#fd631a);border-radius:9px;padding:4px 8px;font-size:10px;position:relative}.wz-tabbar-item .wz-tabbar-item-badge-bubble-arrow{content:"";border-top:4px solid #fe7f36;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:-4px;position:absolute;bottom:-4px;left:50%}.wz-tabbar-item .wz-tabbar-item-title{font-size:var(--wz-tabbar-item-text-font-size)}.wz-tabbar-item.wz-tabbar-item-active{color:var(--wz-tabbar-item-active-text-color)}.wz-tabbar-item.wz-tabbar-item-hump .wz-tabbar-item-icon{color:#fff;background:linear-gradient(135deg,#89d028,#1fa71f);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-30px;display:flex;box-shadow:0 -2px 4px #0000000d}.wz-tabbar-item.wz-tabbar-item-hump .wz-tabbar-item-title{margin-top:4px}

package/dist/Tabs/index.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, Children } from "react";
+const TabPane = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const Tabs = ({
+  type = "line",
+  value,
+  defaultValue = 0,
+  onChange,
+  className = "",
+  style,
+  headerClassName = "",
+  headerStyle,
+  contentClassName = "",
+  contentStyle,
+  children
+}) => {
+  const isControlled = value !== void 0;
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  const activeIndex = isControlled ? value : innerValue;
+  const panes = Children.toArray(children).filter(Boolean);
+  const handleTabClick = (idx, disabled) => {
+    if (disabled) return;
+    if (!isControlled) setInnerValue(idx);
+    onChange == null ? void 0 : onChange(idx);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `wz-tabs wz-tabs-${type} ${className}`, style, children: [
+    /* @__PURE__ */ jsx("div", { className: `wz-tabs-header ${headerClassName}`, style: headerStyle, children: panes.map((pane, idx) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `wz-tabs-tab${idx === activeIndex ? " wz-tabs-tab-active" : ""}${pane.props.disabled ? " wz-tabs-tab-disabled" : ""}`,
+        onClick: () => handleTabClick(idx, pane.props.disabled),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "wz-tabs-tab-text", children: [
+            pane.props.title,
+            pane.props.badge && /* @__PURE__ */ jsx("div", { className: "wz-tabs-badge", children: pane.props.badge })
+          ] }),
+          idx === activeIndex && type === "line" && /* @__PURE__ */ jsx("div", { className: "wz-tabs-underline" })
+        ]
+      },
+      idx
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: `wz-tabs-content ${contentClassName}`, style: contentStyle, children: panes[activeIndex] })
+  ] });
+};
+Tabs.TabPane = TabPane;
+export {
+  Tabs as default
+};

package/dist/Tabs/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).Tabs=s(e.jsxRuntime,e.React)}(this,(function(e,s){"use strict";const a=({type:a="line",value:t,defaultValue:l=0,onChange:n,className:i="",style:d,headerClassName:r="",headerStyle:c,contentClassName:o="",contentStyle:b,children:u})=>{const m=void 0!==t,[p,h]=s.useState(l),f=m?t:p,x=s.Children.toArray(u).filter(Boolean);return e.jsxs("div",{className:`wz-tabs wz-tabs-${a} ${i}`,style:d,children:[e.jsx("div",{className:`wz-tabs-header ${r}`,style:c,children:x.map(((s,t)=>e.jsxs("div",{className:`wz-tabs-tab${t===f?" wz-tabs-tab-active":""}${s.props.disabled?" wz-tabs-tab-disabled":""}`,onClick:()=>((e,s)=>{s||(m||h(e),null==n||n(e))})(t,s.props.disabled),children:[e.jsxs("div",{className:"wz-tabs-tab-text",children:[s.props.title,s.props.badge&&e.jsx("div",{className:"wz-tabs-badge",children:s.props.badge})]}),t===f&&"line"===a&&e.jsx("div",{className:"wz-tabs-underline"})]},t)))}),e.jsx("div",{className:`wz-tabs-content ${o}`,style:b,children:x[f]})]})};return a.TabPane=({children:s})=>e.jsx(e.Fragment,{children:s}),a}));

package/dist/Tabs/style/index.css

@@ -0,0 +1 @@
+.wz-tabs{box-sizing:border-box;background:#fff;width:100%}.wz-tabs-header{z-index:1;background:#fff;border-bottom:1px solid #dcdfe6;display:flex;position:relative}.wz-tabs-tab{text-align:center;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;outline:none;flex:1;padding:12px 0;font-size:14px;transition:color .2s ease-in-out;position:relative}.wz-tabs-tab-active{color:var(--wz-primary-color,#22c94d);font-weight:600}.wz-tabs-tab-disabled{color:#c0c4cc;cursor:not-allowed;opacity:.5}.wz-tabs-tab-text{display:inline-block;position:relative}.wz-tabs-tab .wz-tabs-badge{color:#fff;white-space:nowrap;z-index:1;box-sizing:border-box;text-align:center;background-color:#ff4d4f;border-radius:16px;min-width:16px;height:16px;padding:0 4px;font-size:12px;line-height:16px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.wz-tabs-underline{background:var(--wz-primary-color,#22c94d);border-radius:2px;width:40%;height:2px;transition:all .2s ease-in-out;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wz-tabs-content{color:#666;background:#fff;padding:12px;font-size:14px}.wz-tabs-card .wz-tabs-header{background-color:#0000;border-bottom:none;gap:14px}.wz-tabs-card .wz-tabs-tab{color:#333;background-color:#f5f5f5;border:none;border-radius:20px;margin:0;padding:6px 16px;font-size:14px;line-height:20px;transition:all .3s}.wz-tabs-card .wz-tabs-tab-active{background-color:var(--wz-primary-color,#22c94d);color:#fff;font-weight:700}.wz-tabs-card .wz-tabs-tab-disabled{color:#ccc;cursor:not-allowed;background-color:#f5f5f5}.wz-tabs-card .wz-tabs-content{padding-top:10px}.wz-tabs-pills .wz-tabs-header{background-color:#0000;border-bottom:none;flex-wrap:wrap;gap:14px}.wz-tabs-pills .wz-tabs-tab{color:#333;flex:initial;background-color:#f5f5f5;border:none;border-radius:20px;margin:0;padding:6px 16px;font-size:14px;line-height:20px;transition:all .3s}.wz-tabs-pills .wz-tabs-tab-active{background-color:var(--wz-primary-color,#22c94d);color:#fff;font-weight:700}.wz-tabs-pills .wz-tabs-tab-disabled{color:#ccc;cursor:not-allowed;background-color:#f5f5f5}.wz-tabs-pills .wz-tabs-content{padding-top:10px}

package/dist/Tabs/style/index.js

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

package/dist/Tabs/style.css

@@ -0,0 +1 @@
+.wz-tabs{box-sizing:border-box;background:#fff;width:100%}.wz-tabs-header{z-index:1;background:#fff;border-bottom:1px solid #dcdfe6;display:flex;position:relative}.wz-tabs-tab{text-align:center;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;outline:none;flex:1;padding:12px 0;font-size:14px;transition:color .2s ease-in-out;position:relative}.wz-tabs-tab-active{color:var(--wz-primary-color,#22c94d);font-weight:600}.wz-tabs-tab-disabled{color:#c0c4cc;cursor:not-allowed;opacity:.5}.wz-tabs-tab-text{display:inline-block;position:relative}.wz-tabs-tab .wz-tabs-badge{color:#fff;white-space:nowrap;z-index:1;box-sizing:border-box;text-align:center;background-color:#ff4d4f;border-radius:16px;min-width:16px;height:16px;padding:0 4px;font-size:12px;line-height:16px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.wz-tabs-underline{background:var(--wz-primary-color,#22c94d);border-radius:2px;width:40%;height:2px;transition:all .2s ease-in-out;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wz-tabs-content{color:#666;background:#fff;padding:12px;font-size:14px}.wz-tabs-card .wz-tabs-header{background-color:#0000;border-bottom:none;gap:14px}.wz-tabs-card .wz-tabs-tab{color:#333;background-color:#f5f5f5;border:none;border-radius:20px;margin:0;padding:6px 16px;font-size:14px;line-height:20px;transition:all .3s}.wz-tabs-card .wz-tabs-tab-active{background-color:var(--wz-primary-color,#22c94d);color:#fff;font-weight:700}.wz-tabs-card .wz-tabs-tab-disabled{color:#ccc;cursor:not-allowed;background-color:#f5f5f5}.wz-tabs-card .wz-tabs-content{padding-top:10px}.wz-tabs-pills .wz-tabs-header{background-color:#0000;border-bottom:none;flex-wrap:wrap;gap:14px}.wz-tabs-pills .wz-tabs-tab{color:#333;flex:initial;background-color:#f5f5f5;border:none;border-radius:20px;margin:0;padding:6px 16px;font-size:14px;line-height:20px;transition:all .3s}.wz-tabs-pills .wz-tabs-tab-active{background-color:var(--wz-primary-color,#22c94d);color:#fff;font-weight:700}.wz-tabs-pills .wz-tabs-tab-disabled{color:#ccc;cursor:not-allowed;background-color:#f5f5f5}.wz-tabs-pills .wz-tabs-content{padding-top:10px}

package/dist/Tag/index.js

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var classnames$1 = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(module) {
+  (function() {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames() {
+      var classes = [];
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (!arg) continue;
+        var argType = typeof arg;
+        if (argType === "string" || argType === "number") {
+          classes.push(arg);
+        } else if (Array.isArray(arg)) {
+          if (arg.length) {
+            var inner = classNames.apply(null, arg);
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === "object") {
+          if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+            classes.push(arg.toString());
+            continue;
+          }
+          for (var key in arg) {
+            if (hasOwn.call(arg, key) && arg[key]) {
+              classes.push(key);
+            }
+          }
+        }
+      }
+      return classes.join(" ");
+    }
+    if (module.exports) {
+      classNames.default = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(classnames$1);
+var classnamesExports = classnames$1.exports;
+const classnames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+function hexToRgba(hex, opacity) {
+  let newHex = hex.replace("#", "");
+  if (newHex.length === 3) {
+    newHex = newHex.split("").map((char) => char + char).join("");
+  }
+  const r = parseInt(newHex.substring(0, 2), 16);
+  const g = parseInt(newHex.substring(2, 4), 16);
+  const b = parseInt(newHex.substring(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+const Tag = (props) => {
+  const {
+    type = "solid",
+    size = "large",
+    color,
+    bgColor,
+    fontWeight,
+    className,
+    style,
+    children
+  } = props;
+  const classes = classnames("wz-tag", `wz-tag-${type}`, `wz-tag-${size}`, className);
+  const tagStyle = useMemo(() => {
+    const newStyle = { ...style };
+    if (color) {
+      newStyle.color = color;
+      if (type === "line") {
+        newStyle.borderColor = hexToRgba(color, 0.5);
+      }
+    }
+    if (bgColor && type === "solid") {
+      newStyle.backgroundColor = bgColor;
+    }
+    if (fontWeight) {
+      newStyle.fontWeight = fontWeight;
+    }
+    return newStyle;
+  }, [type, color, bgColor, fontWeight, style]);
+  return /* @__PURE__ */ jsx("div", { className: classes, style: tagStyle, children });
+};
+export {
+  Tag as default
+};

package/dist/Tag/index.umd.cjs

@@ -0,0 +1,6 @@
+!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).Tag=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n,o={exports:{}};
+/*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  */n=o,function(){var e={}.hasOwnProperty;function t(){for(var r=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var i=typeof o;if("string"===i||"number"===i)r.push(o);else if(Array.isArray(o)){if(o.length){var s=t.apply(null,o);s&&r.push(s)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){r.push(o.toString());continue}for(var a in o)e.call(o,a)&&o[a]&&r.push(a)}}}return r.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}();const i=r(o.exports);return r=>{const{type:n="solid",size:o="large",color:s,bgColor:a,fontWeight:l,className:u,style:c,children:f}=r,p=i("wz-tag",`wz-tag-${n}`,`wz-tag-${o}`,u),d=t.useMemo((()=>{const e={...c};return s&&(e.color=s,"line"===n&&(e.borderColor=function(e,t){let r=e.replace("#","");return 3===r.length&&(r=r.split("").map((e=>e+e)).join("")),`rgba(${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}, ${t})`}(s,.5))),a&&"solid"===n&&(e.backgroundColor=a),l&&(e.fontWeight=l),e}),[n,s,a,l,c]);return e.jsx("div",{className:p,style:d,children:f})}}));

package/dist/Tag/style/index.css

@@ -0,0 +1 @@
+.wz-tag{white-space:nowrap;box-sizing:border-box;vertical-align:middle;align-items:center;display:inline-flex}.wz-tag.wz-tag-solid{color:#666;background-color:#f7f7f7}.wz-tag.wz-tag-line{background-color:#0000;border:1px solid}.wz-tag.wz-tag-large{border-radius:4px;height:22px;padding:0 10px;font-size:13px;line-height:20px}.wz-tag.wz-tag-small{border-radius:3px;height:20px;padding:0 8px;font-size:12px;line-height:18px}

package/dist/Tag/style/index.js

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

package/dist/Tag/style.css

@@ -0,0 +1 @@
+.wz-tag{white-space:nowrap;box-sizing:border-box;vertical-align:middle;align-items:center;display:inline-flex}.wz-tag.wz-tag-solid{color:#666;background-color:#f7f7f7}.wz-tag.wz-tag-line{background-color:#0000;border:1px solid}.wz-tag.wz-tag-large{border-radius:4px;height:22px;padding:0 10px;font-size:13px;line-height:20px}.wz-tag.wz-tag-small{border-radius:3px;height:20px;padding:0 8px;font-size:12px;line-height:18px}

package/dist/TimePicker/index.js

@@ -0,0 +1,201 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+const defaultSingleOptions = Array.from({ length: 24 }, (_, i) => `${i + 1}小时`);
+const hourOptions = Array.from({ length: 24 }, (_, i) => i.toString().padStart(2, "0"));
+const minuteOptions = Array.from({ length: 60 }, (_, i) => i.toString().padStart(2, "0"));
+const TimePicker = ({
+  type = "single",
+  options,
+  value,
+  onChange,
+  className = "",
+  style,
+  itemHeight = 48
+}) => {
+  if (type === "single") {
+    const pickerOptions = options && options.length > 0 ? options : defaultSingleOptions;
+    const [current, setCurrent] = useState(() => {
+      const idx = value ? pickerOptions.indexOf(value) : 0;
+      return idx >= 0 ? idx : 0;
+    });
+    const wrapperRef = useRef(null);
+    const startY2 = useRef(0);
+    const startScroll2 = useRef(0);
+    const isDragging2 = useRef(false);
+    useEffect(() => {
+      if (value && pickerOptions.includes(value)) {
+        setCurrent(pickerOptions.indexOf(value));
+      }
+    }, [value, pickerOptions]);
+    useEffect(() => {
+      if (wrapperRef.current) {
+        wrapperRef.current.scrollTo({
+          top: current * itemHeight,
+          behavior: "smooth"
+        });
+      }
+    }, [current, itemHeight]);
+    const handleTouchStart2 = (e) => {
+      var _a;
+      isDragging2.current = true;
+      startY2.current = e.touches[0].clientY;
+      startScroll2.current = ((_a = wrapperRef.current) == null ? void 0 : _a.scrollTop) || 0;
+    };
+    const handleTouchMove2 = (e) => {
+      if (!isDragging2.current) return;
+      const deltaY = e.touches[0].clientY - startY2.current;
+      if (wrapperRef.current) {
+        wrapperRef.current.scrollTop = startScroll2.current - deltaY;
+      }
+    };
+    const handleTouchEnd2 = () => {
+      isDragging2.current = false;
+      if (!wrapperRef.current) return;
+      const idx = Math.round(wrapperRef.current.scrollTop / itemHeight);
+      setCurrent(idx);
+      onChange == null ? void 0 : onChange(pickerOptions[idx]);
+    };
+    const handleScroll2 = () => {
+      if (!isDragging2.current && wrapperRef.current) {
+        const idx = Math.round(wrapperRef.current.scrollTop / itemHeight);
+        setCurrent(idx);
+        onChange == null ? void 0 : onChange(pickerOptions[idx]);
+      }
+    };
+    const isItemActive = (index) => index === current;
+    return /* @__PURE__ */ jsxs("div", { className: `wz-time-picker ${className}`, style, children: [
+      /* @__PURE__ */ jsx("div", { className: "wz-time-picker-mask wz-time-picker-mask-top", style: { height: itemHeight } }),
+      /* @__PURE__ */ jsx("div", { className: "wz-time-picker-indicator", style: { height: itemHeight } }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "wz-time-picker-list",
+          ref: wrapperRef,
+          style: { height: itemHeight * 3 },
+          onTouchStart: handleTouchStart2,
+          onTouchMove: handleTouchMove2,
+          onTouchEnd: handleTouchEnd2,
+          onScroll: handleScroll2,
+          children: [
+            /* @__PURE__ */ jsx("div", { style: { height: itemHeight } }),
+            pickerOptions.map((opt, idx) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `wz-time-picker-item${isItemActive(idx) ? " active" : ""}`,
+                style: { height: itemHeight },
+                children: opt
+              },
+              opt
+            )),
+            /* @__PURE__ */ jsx("div", { style: { height: itemHeight } })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "wz-time-picker-mask wz-time-picker-mask-bottom", style: { height: itemHeight } })
+    ] });
+  }
+  const [hour, minute] = value ? value.split(":") : [hourOptions[0], minuteOptions[0]];
+  const [currentHour, setCurrentHour] = useState(hourOptions.indexOf(hour));
+  const [currentMinute, setCurrentMinute] = useState(minuteOptions.indexOf(minute));
+  const hourRef = useRef(null);
+  const minuteRef = useRef(null);
+  const startY = useRef(0);
+  const startScroll = useRef(0);
+  const isDragging = useRef(false);
+  const dragType = useRef(null);
+  useEffect(() => {
+    if (hourRef.current) {
+      hourRef.current.scrollTo({
+        top: currentHour * itemHeight,
+        behavior: "smooth"
+      });
+    }
+  }, [currentHour, itemHeight]);
+  useEffect(() => {
+    if (minuteRef.current) {
+      minuteRef.current.scrollTo({
+        top: currentMinute * itemHeight,
+        behavior: "smooth"
+      });
+    }
+  }, [currentMinute, itemHeight]);
+  const handleTouchStart = (type2) => (e) => {
+    var _a, _b;
+    isDragging.current = true;
+    dragType.current = type2;
+    startY.current = e.touches[0].clientY;
+    startScroll.current = (type2 === "hour" ? (_a = hourRef.current) == null ? void 0 : _a.scrollTop : (_b = minuteRef.current) == null ? void 0 : _b.scrollTop) || 0;
+  };
+  const handleTouchMove = (e) => {
+    if (!isDragging.current || !dragType.current) return;
+    const deltaY = e.touches[0].clientY - startY.current;
+    if (dragType.current === "hour" && hourRef.current) {
+      hourRef.current.scrollTop = startScroll.current - deltaY;
+    } else if (dragType.current === "minute" && minuteRef.current) {
+      minuteRef.current.scrollTop = startScroll.current - deltaY;
+    }
+  };
+  const handleTouchEnd = () => {
+    if (!isDragging.current || !dragType.current) return;
+    if (dragType.current === "hour" && hourRef.current) {
+      const idx = Math.round(hourRef.current.scrollTop / itemHeight);
+      setCurrentHour(idx);
+      onChange == null ? void 0 : onChange(`${hourOptions[idx]}:${minuteOptions[currentMinute]}`);
+    } else if (dragType.current === "minute" && minuteRef.current) {
+      const idx = Math.round(minuteRef.current.scrollTop / itemHeight);
+      setCurrentMinute(idx);
+      onChange == null ? void 0 : onChange(`${hourOptions[currentHour]}:${minuteOptions[idx]}`);
+    }
+    isDragging.current = false;
+    dragType.current = null;
+  };
+  const handleScroll = (type2) => () => {
+    if (isDragging.current) return;
+    if (type2 === "hour" && hourRef.current) {
+      const idx = Math.round(hourRef.current.scrollTop / itemHeight);
+      setCurrentHour(idx);
+      onChange == null ? void 0 : onChange(`${hourOptions[idx]}:${minuteOptions[currentMinute]}`);
+    } else if (type2 === "minute" && minuteRef.current) {
+      const idx = Math.round(minuteRef.current.scrollTop / itemHeight);
+      setCurrentMinute(idx);
+      onChange == null ? void 0 : onChange(`${hourOptions[currentHour]}:${minuteOptions[idx]}`);
+    }
+  };
+  const renderColumn = (options2, current, ref, type2) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "wz-time-picker-list",
+      ref,
+      style: { height: itemHeight * 3 },
+      onTouchStart: handleTouchStart(type2),
+      onTouchMove: handleTouchMove,
+      onTouchEnd: handleTouchEnd,
+      onScroll: handleScroll(type2),
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { height: itemHeight } }),
+        options2.map((opt, idx) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `wz-time-picker-item${idx === current ? " active" : ""}`,
+            style: { height: itemHeight },
+            children: opt
+          },
+          opt
+        )),
+        /* @__PURE__ */ jsx("div", { style: { height: itemHeight } })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: `wz-time-picker wz-time-picker-double ${className}`, style, children: [
+    /* @__PURE__ */ jsx("div", { className: "wz-time-picker-mask wz-time-picker-mask-top", style: { height: itemHeight } }),
+    /* @__PURE__ */ jsx("div", { className: "wz-time-picker-indicator", style: { height: itemHeight } }),
+    /* @__PURE__ */ jsxs("div", { className: "wz-time-picker-double-columns", children: [
+      renderColumn(hourOptions, currentHour, hourRef, "hour"),
+      renderColumn(minuteOptions, currentMinute, minuteRef, "minute")
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "wz-time-picker-mask wz-time-picker-mask-bottom", style: { height: itemHeight } })
+  ] });
+};
+export {
+  TimePicker as default
+};

package/dist/TimePicker/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).TimePicker=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";const r=Array.from({length:24},((e,t)=>`${t+1}小时`)),c=Array.from({length:24},((e,t)=>t.toString().padStart(2,"0"))),n=Array.from({length:60},((e,t)=>t.toString().padStart(2,"0")));return({type:s="single",options:i,value:u,onChange:l,className:o="",style:a,itemHeight:h=48})=>{if("single"===s){const c=i&&i.length>0?i:r,[n,s]=t.useState((()=>{const e=u?c.indexOf(u):0;return e>=0?e:0})),m=t.useRef(null),d=t.useRef(0),f=t.useRef(0),p=t.useRef(!1);t.useEffect((()=>{u&&c.includes(u)&&s(c.indexOf(u))}),[u,c]),t.useEffect((()=>{m.current&&m.current.scrollTo({top:n*h,behavior:"smooth"})}),[n,h]);const v=e=>{var t;p.current=!0,d.current=e.touches[0].clientY,f.current=(null==(t=m.current)?void 0:t.scrollTop)||0},k=e=>{if(!p.current)return;const t=e.touches[0].clientY-d.current;m.current&&(m.current.scrollTop=f.current-t)},g=()=>{if(p.current=!1,!m.current)return;const e=Math.round(m.current.scrollTop/h);s(e),null==l||l(c[e])},x=()=>{if(!p.current&&m.current){const e=Math.round(m.current.scrollTop/h);s(e),null==l||l(c[e])}},y=e=>e===n;return e.jsxs("div",{className:`wz-time-picker ${o}`,style:a,children:[e.jsx("div",{className:"wz-time-picker-mask wz-time-picker-mask-top",style:{height:h}}),e.jsx("div",{className:"wz-time-picker-indicator",style:{height:h}}),e.jsxs("div",{className:"wz-time-picker-list",ref:m,style:{height:3*h},onTouchStart:v,onTouchMove:k,onTouchEnd:g,onScroll:x,children:[e.jsx("div",{style:{height:h}}),c.map(((t,r)=>e.jsx("div",{className:"wz-time-picker-item"+(y(r)?" active":""),style:{height:h},children:t},t))),e.jsx("div",{style:{height:h}})]}),e.jsx("div",{className:"wz-time-picker-mask wz-time-picker-mask-bottom",style:{height:h}})]})}const[m,d]=u?u.split(":"):[c[0],n[0]],[f,p]=t.useState(c.indexOf(m)),[v,k]=t.useState(n.indexOf(d)),g=t.useRef(null),x=t.useRef(null),y=t.useRef(0),T=t.useRef(0),j=t.useRef(!1),w=t.useRef(null);t.useEffect((()=>{g.current&&g.current.scrollTo({top:f*h,behavior:"smooth"})}),[f,h]),t.useEffect((()=>{x.current&&x.current.scrollTo({top:v*h,behavior:"smooth"})}),[v,h]);const z=e=>t=>{var r,c;j.current=!0,w.current=e,y.current=t.touches[0].clientY,T.current=("hour"===e?null==(r=g.current)?void 0:r.scrollTop:null==(c=x.current)?void 0:c.scrollTop)||0},N=e=>{if(!j.current||!w.current)return;const t=e.touches[0].clientY-y.current;"hour"===w.current&&g.current?g.current.scrollTop=T.current-t:"minute"===w.current&&x.current&&(x.current.scrollTop=T.current-t)},R=()=>{if(j.current&&w.current){if("hour"===w.current&&g.current){const e=Math.round(g.current.scrollTop/h);p(e),null==l||l(`${c[e]}:${n[v]}`)}else if("minute"===w.current&&x.current){const e=Math.round(x.current.scrollTop/h);k(e),null==l||l(`${c[f]}:${n[e]}`)}j.current=!1,w.current=null}},S=e=>()=>{if(!j.current)if("hour"===e&&g.current){const e=Math.round(g.current.scrollTop/h);p(e),null==l||l(`${c[e]}:${n[v]}`)}else if("minute"===e&&x.current){const e=Math.round(x.current.scrollTop/h);k(e),null==l||l(`${c[f]}:${n[e]}`)}},$=(t,r,c,n)=>e.jsxs("div",{className:"wz-time-picker-list",ref:c,style:{height:3*h},onTouchStart:z(n),onTouchMove:N,onTouchEnd:R,onScroll:S(n),children:[e.jsx("div",{style:{height:h}}),t.map(((t,c)=>e.jsx("div",{className:"wz-time-picker-item"+(c===r?" active":""),style:{height:h},children:t},t))),e.jsx("div",{style:{height:h}})]});return e.jsxs("div",{className:`wz-time-picker wz-time-picker-double ${o}`,style:a,children:[e.jsx("div",{className:"wz-time-picker-mask wz-time-picker-mask-top",style:{height:h}}),e.jsx("div",{className:"wz-time-picker-indicator",style:{height:h}}),e.jsxs("div",{className:"wz-time-picker-double-columns",children:[$(c,f,g,"hour"),$(n,v,x,"minute")]}),e.jsx("div",{className:"wz-time-picker-mask wz-time-picker-mask-bottom",style:{height:h}})]})}}));

package/dist/TimePicker/style/index.css

@@ -0,0 +1 @@
+.wz-time-picker{background:var(--wz-time-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-time-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;position:relative;overflow-y:scroll}.wz-time-picker-list::-webkit-scrollbar{display:none}.wz-time-picker-item{font-size:var(--wz-time-picker-font-size,22px);color:var(--wz-time-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-weight:600;transition:color .2s;display:flex}.wz-time-picker-item.active{color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-time-picker-mask-top{background:linear-gradient(to bottom,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-time-picker-mask-bottom{background:linear-gradient(to top,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-time-picker-indicator{z-index:1;pointer-events:none;background:var(--wz-time-picker-active-bg,#fff);border-radius:10px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.wz-time-picker-list:after{content:"";z-index:-1;pointer-events:none;display:block;position:absolute;top:33.33%;bottom:33.33%;left:0;right:0}.wz-time-picker-item:nth-child(n+2):nth-child(-n+99):nth-child(2n){color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-double-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-time-picker-list{flex:1 1 0;min-width:0}

package/dist/TimePicker/style/index.js

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

package/dist/TimePicker/style.css

@@ -0,0 +1 @@
+.wz-time-picker{background:var(--wz-time-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-time-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;position:relative;overflow-y:scroll}.wz-time-picker-list::-webkit-scrollbar{display:none}.wz-time-picker-item{font-size:var(--wz-time-picker-font-size,22px);color:var(--wz-time-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-weight:600;transition:color .2s;display:flex}.wz-time-picker-item.active{color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-time-picker-mask-top{background:linear-gradient(to bottom,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-time-picker-mask-bottom{background:linear-gradient(to top,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-time-picker-indicator{z-index:1;pointer-events:none;background:var(--wz-time-picker-active-bg,#fff);border-radius:10px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.wz-time-picker-list:after{content:"";z-index:-1;pointer-events:none;display:block;position:absolute;top:33.33%;bottom:33.33%;left:0;right:0}.wz-time-picker-item:nth-child(n+2):nth-child(-n+99):nth-child(2n){color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-double-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-time-picker-list{flex:1 1 0;min-width:0}