wz-h5-design 1.0.0

package/dist/GridView/index.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const GridViewItem = ({
+  icon,
+  text,
+  description,
+  badge,
+  corner,
+  onClick,
+  className = "",
+  style = {},
+  disabled = false,
+  children,
+  horizontal = false,
+  compact = false,
+  backgroundImage,
+  backgroundStyle = {}
+}) => {
+  const handleClick = () => {
+    if (!disabled && onClick) {
+      onClick();
+    }
+  };
+  const itemClass = [
+    "wz-grid-view-item",
+    disabled ? "wz-grid-view-item--disabled" : "",
+    onClick ? "wz-grid-view-item--clickable" : "",
+    horizontal ? "wz-grid-view-item--horizontal" : "",
+    compact ? "wz-grid-view-item--compact" : "",
+    backgroundImage ? "wz-grid-view-item--with-bg" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const itemStyle = backgroundImage ? {
+    backgroundImage: `url(${backgroundImage})`,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat",
+    ...backgroundStyle,
+    ...style
+  } : style;
+  if (children) {
+    return /* @__PURE__ */ jsxs("div", { className: itemClass, style: itemStyle, onClick: handleClick, children: [
+      corner && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__corner", children: corner }),
+      children,
+      badge && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__badge", children: badge })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: itemClass, style: itemStyle, onClick: handleClick, children: [
+    corner && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__corner", children: corner }),
+    /* @__PURE__ */ jsxs("div", { className: "wz-grid-view-item__content", children: [
+      icon && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__icon", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "wz-grid-view-item__text", children: [
+        text && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__title", children: text }),
+        description && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__desc", children: description })
+      ] })
+    ] }),
+    badge && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__badge", children: badge })
+  ] });
+};
+const GridView = ({
+  columns = 4,
+  gap = 0,
+  square = true,
+  className = "",
+  style = {},
+  children,
+  noBg = false,
+  rounded = false,
+  shadow = false,
+  horizontal = false
+}) => {
+  const gridStyle = {
+    gridTemplateColumns: `repeat(${columns}, 1fr)`,
+    gap: typeof gap === "number" ? `${gap}px` : gap,
+    ...style
+  };
+  const gridClass = [
+    "wz-grid-view",
+    square ? "wz-grid-view--square" : "",
+    noBg ? "wz-grid-view--no-bg" : "",
+    rounded ? "wz-grid-view--rounded" : "",
+    shadow ? "wz-grid-view--shadow" : "",
+    horizontal ? "wz-grid-view--horizontal" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { className: gridClass, style: gridStyle, children });
+};
+GridView.Item = GridViewItem;
+export {
+  GridView
+};

package/dist/GridView/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).GridView={},e.jsxRuntime)}(this,(function(e,i){"use strict";const r=({columns:e=4,gap:r=0,square:d=!0,className:s="",style:t={},children:n,noBg:a=!1,rounded:o=!1,shadow:c=!1,horizontal:l=!1})=>{const w={gridTemplateColumns:`repeat(${e}, 1fr)`,gap:"number"==typeof r?`${r}px`:r,...t},m=["wz-grid-view",d?"wz-grid-view--square":"",a?"wz-grid-view--no-bg":"",o?"wz-grid-view--rounded":"",c?"wz-grid-view--shadow":"",l?"wz-grid-view--horizontal":"",s].filter(Boolean).join(" ");return i.jsx("div",{className:m,style:w,children:n})};r.Item=({icon:e,text:r,description:d,badge:s,corner:t,onClick:n,className:a="",style:o={},disabled:c=!1,children:l,horizontal:w=!1,compact:m=!1,backgroundImage:g,backgroundStyle:v={}})=>{const u=()=>{!c&&n&&n()},z=["wz-grid-view-item",c?"wz-grid-view-item--disabled":"",n?"wz-grid-view-item--clickable":"",w?"wz-grid-view-item--horizontal":"",m?"wz-grid-view-item--compact":"",g?"wz-grid-view-item--with-bg":"",a].filter(Boolean).join(" "),h=g?{backgroundImage:`url(${g})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",...v,...o}:o;return l?i.jsxs("div",{className:z,style:h,onClick:u,children:[t&&i.jsx("div",{className:"wz-grid-view-item__corner",children:t}),l,s&&i.jsx("div",{className:"wz-grid-view-item__badge",children:s})]}):i.jsxs("div",{className:z,style:h,onClick:u,children:[t&&i.jsx("div",{className:"wz-grid-view-item__corner",children:t}),i.jsxs("div",{className:"wz-grid-view-item__content",children:[e&&i.jsx("div",{className:"wz-grid-view-item__icon",children:e}),i.jsxs("div",{className:"wz-grid-view-item__text",children:[r&&i.jsx("div",{className:"wz-grid-view-item__title",children:r}),d&&i.jsx("div",{className:"wz-grid-view-item__desc",children:d})]})]}),s&&i.jsx("div",{className:"wz-grid-view-item__badge",children:s})]})},e.GridView=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/GridView/style/index.css

@@ -0,0 +1 @@
+.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-grid-view-badge-bg,#ee0a24);color:#fff;text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:4px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-grid-view-corner-bg,#ff976a);color:#fff;transform-origin:0 0;border-radius:0 0 8px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:0;left:0}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:#fff;position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:#fff;text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:#fff;filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}

package/dist/GridView/style/index.js

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

package/dist/GridView/style.css

@@ -0,0 +1 @@
+.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-grid-view-badge-bg,#ee0a24);color:#fff;text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:4px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-grid-view-corner-bg,#ff976a);color:#fff;transform-origin:0 0;border-radius:0 0 8px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:0;left:0}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:#fff;position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:#fff;text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:#fff;filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}

package/dist/Icon/index.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+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
+    }
+  );
+};
+export {
+  Icon as default
+};

package/dist/Icon/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["react/jsx-runtime"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).Icon=n(e.jsxRuntime)}(this,(function(e){"use strict";return({name:n,size:o=24,color:t="currentColor",className:i="",style:s,onClick:c,type:r="yunying"})=>{const u={fontSize:"number"==typeof o?`${o}px`:o,color:t,...s},f=`iconfont-${r}`,l=`icon-${n}`;return e.jsx("i",{className:`wz-icon ${f} ${l} ${i}`,style:u,onClick:c})}}));

package/dist/Icon/style/index.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:""}

package/dist/Icon/style/index.js

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

package/dist/Icon/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:""}

package/dist/Input/index.js

@@ -0,0 +1,148 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useState } 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 Input = forwardRef(
+  ({
+    clearable = false,
+    align = "center",
+    value,
+    defaultValue,
+    onChange,
+    style,
+    className = "",
+    type = "text",
+    showCount = false,
+    rows = 3,
+    maxLength,
+    countStyle,
+    suffix,
+    borderRadius,
+    backgroundColor,
+    bordered,
+    ...props
+  }, ref) => {
+    const isControlled = value !== void 0;
+    const [innerValue, setInnerValue] = useState(defaultValue || "");
+    const showClear = clearable && !!(isControlled ? value : innerValue);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const handleChange = (e) => {
+      if (!isControlled) setInnerValue(e.target.value);
+      onChange == null ? void 0 : onChange(e);
+    };
+    const handleClear = () => {
+      if (!isControlled) setInnerValue("");
+      const event = {
+        ...props,
+        target: { value: "" }
+      };
+      onChange == null ? void 0 : onChange(event);
+    };
+    const handlePasswordVisible = () => {
+      setPasswordVisible(!passwordVisible);
+    };
+    const wrapperStyle = {
+      position: "relative",
+      width: style == null ? void 0 : style.width,
+      ...style
+    };
+    const inputStyle = {
+      textAlign: align,
+      borderRadius,
+      backgroundColor,
+      border: bordered !== void 0 ? void 0 : "none"
+    };
+    const currentValue = isControlled ? value : innerValue;
+    const count = (currentValue == null ? void 0 : currentValue.toString().length) || 0;
+    const isExceeded = maxLength && count > maxLength;
+    const renderInput = () => {
+      if (type === "textarea") {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref,
+              className: `wz-input ${className}`,
+              value: currentValue,
+              onChange: handleChange,
+              style: { ...inputStyle, resize: "none" },
+              rows,
+              maxLength,
+              ...props
+            }
+          ),
+          showCount && maxLength && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `wz-input-count ${isExceeded ? "wz-input-count-exceeded" : ""}`,
+              style: countStyle,
+              children: [
+                count,
+                "/",
+                maxLength
+              ]
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          className: `wz-input ${className}`,
+          value: currentValue,
+          onChange: handleChange,
+          style: inputStyle,
+          type: type === "password" && passwordVisible ? "text" : type,
+          maxLength,
+          ...props
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `wz-input-affix-wrapper ${type === "textarea" ? "wz-input-affix-wrapper-textarea" : ""} ${suffix ? "wz-input-has-suffix" : ""} ${bordered === void 0 ? "wz-input-no-border" : ""}`,
+        style: wrapperStyle,
+        children: [
+          renderInput(),
+          showClear && !props.disabled && type !== "textarea" && !suffix && /* @__PURE__ */ jsx("span", { className: "wz-input-clear", onClick: handleClear, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 22 }) }),
+          type === "password" && !suffix && /* @__PURE__ */ jsx("span", { className: "wz-input-password", onClick: handlePasswordVisible, children: /* @__PURE__ */ jsx(Icon, { name: passwordVisible ? "eyes-close" : "eyes-open", size: 22 }) }),
+          suffix && /* @__PURE__ */ jsxs("div", { className: "wz-input-suffix", children: [
+            /* @__PURE__ */ jsx("span", { className: "wz-input-suffix-divider" }),
+            suffix
+          ] })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+export {
+  Input as default
+};

package/dist/Input/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).Input=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";const n=({name:t,size:n=24,color:s="currentColor",className:a="",style:i,onClick:o,type:r="yunying"})=>{const l={fontSize:"number"==typeof n?`${n}px`:n,color:s,...i},u=`iconfont-${r}`,c=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${u} ${c} ${a}`,style:l,onClick:o})},s=t.forwardRef((({clearable:s=!1,align:a="center",value:i,defaultValue:o,onChange:r,style:l,className:u="",type:c="text",showCount:d=!1,rows:p=3,maxLength:x,countStyle:f,suffix:m,borderRadius:w,backgroundColor:y,bordered:h,...g},z)=>{const j=void 0!==i,[v,b]=t.useState(o||""),N=s&&!!(j?i:v),[C,$]=t.useState(!1),k=e=>{j||b(e.target.value),null==r||r(e)},R={position:"relative",width:null==l?void 0:l.width,...l},S={textAlign:a,borderRadius:w,backgroundColor:y,border:void 0!==h?void 0:"none"},L=j?i:v,q=(null==L?void 0:L.toString().length)||0,I=x&&q>x;return e.jsxs("div",{className:`wz-input-affix-wrapper ${"textarea"===c?"wz-input-affix-wrapper-textarea":""} ${m?"wz-input-has-suffix":""} ${void 0===h?"wz-input-no-border":""}`,style:R,children:["textarea"===c?e.jsxs(e.Fragment,{children:[e.jsx("textarea",{ref:z,className:`wz-input ${u}`,value:L,onChange:k,style:{...S,resize:"none"},rows:p,maxLength:x,...g}),d&&x&&e.jsxs("div",{className:"wz-input-count "+(I?"wz-input-count-exceeded":""),style:f,children:[q,"/",x]})]}):e.jsx("input",{ref:z,className:`wz-input ${u}`,value:L,onChange:k,style:S,type:"password"===c&&C?"text":c,maxLength:x,...g}),N&&!g.disabled&&"textarea"!==c&&!m&&e.jsx("span",{className:"wz-input-clear",onClick:()=>{j||b("");const e={...g,target:{value:""}};null==r||r(e)},children:e.jsx(n,{name:"close",size:22})}),"password"===c&&!m&&e.jsx("span",{className:"wz-input-password",onClick:()=>{$(!C)},children:e.jsx(n,{name:C?"eyes-close":"eyes-open",size:22})}),m&&e.jsxs("div",{className:"wz-input-suffix",children:[e.jsx("span",{className:"wz-input-suffix-divider"}),m]})]})}));return s.displayName="Input",s}));

package/dist/Input/style/index.css

@@ -0,0 +1 @@
+.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{color:#222;text-align:center;box-sizing:border-box;box-shadow:none;background:#fff;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{caret-color:#22c94d;border:1px solid #22c94d;box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{color:#eee;cursor:not-allowed;background:#fff;border:none}.wz-input-clear{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:#e5e7eb}.wz-input-password{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-password:active{background:#e5e7eb}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:#999;font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:#f5222d}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:#22c94d;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:#e0e0e0;width:1px;height:16px;margin-right:12px}

package/dist/Input/style/index.js

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

package/dist/Input/style.css

@@ -0,0 +1 @@
+.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{color:#222;text-align:center;box-sizing:border-box;box-shadow:none;background:#fff;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{caret-color:#22c94d;border:1px solid #22c94d;box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{color:#eee;cursor:not-allowed;background:#fff;border:none}.wz-input-clear{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:#e5e7eb}.wz-input-password{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-password:active{background:#e5e7eb}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:#999;font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:#f5222d}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:#22c94d;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:#e0e0e0;width:1px;height:16px;margin-right:12px}.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/NavBar/index.js

@@ -0,0 +1,175 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } 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 NavBar = ({
+  title,
+  leftArrow = true,
+  leftText,
+  rightText,
+  onLeftClick,
+  onRightClick,
+  leftSlot,
+  rightSlot,
+  titleSlot,
+  className,
+  style,
+  fixed = false,
+  scrollFixed = false
+}) => {
+  const [isFixed, setIsFixed] = useState(fixed);
+  const navbarRef = useRef(null);
+  const placeholderRef = useRef(null);
+  useEffect(() => {
+    if (scrollFixed === false) {
+      setIsFixed(fixed);
+      return;
+    }
+    const threshold = typeof scrollFixed === "number" ? scrollFixed : 0;
+    const handleScroll = () => {
+      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+      setIsFixed(scrollTop > threshold);
+    };
+    window.addEventListener("scroll", handleScroll);
+    handleScroll();
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [scrollFixed, fixed]);
+  const handleLeftClick = () => {
+    if (onLeftClick) {
+      onLeftClick();
+    }
+  };
+  const handleRightClick = () => {
+    if (onRightClick) {
+      onRightClick();
+    }
+  };
+  const renderLeft = () => {
+    if (leftSlot) {
+      return /* @__PURE__ */ jsx("div", { className: "wz-navbar-left", children: leftSlot });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "wz-navbar-left", onClick: handleLeftClick, children: [
+      leftArrow && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "right-arrow",
+          size: 20,
+          style: { transform: "scaleX(-1)" },
+          className: "wz-navbar-icon"
+        }
+      ),
+      leftText && /* @__PURE__ */ jsx("span", { className: "wz-navbar-text", children: leftText })
+    ] });
+  };
+  const renderRight = () => {
+    if (rightSlot) {
+      return /* @__PURE__ */ jsx("div", { className: "wz-navbar-right", children: rightSlot });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "wz-navbar-right", onClick: handleRightClick, children: [
+      rightText && /* @__PURE__ */ jsx("span", { className: "wz-navbar-text", children: rightText }),
+      !rightText && /* @__PURE__ */ jsx(Icon, { name: "more-h", className: "wz-navbar-icon" })
+    ] });
+  };
+  const renderTitle = () => {
+    if (titleSlot) {
+      return /* @__PURE__ */ jsx("div", { className: "wz-navbar-title", children: titleSlot });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "wz-navbar-title", children: title });
+  };
+  const navbarClass = classnames(
+    "wz-navbar",
+    {
+      "wz-navbar-fixed": isFixed
+    },
+    className
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isFixed && /* @__PURE__ */ jsx("div", { ref: placeholderRef, style: { height: "44px" } }),
+    /* @__PURE__ */ jsxs("div", { ref: navbarRef, className: navbarClass, style, children: [
+      renderLeft(),
+      renderTitle(),
+      renderRight()
+    ] })
+  ] });
+};
+export {
+  NavBar as default
+};

package/dist/NavBar/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).NavBar=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r,s={exports:{}};
+/*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  */r=s,function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var s=arguments[r];if(s){var a=typeof s;if("string"===a||"number"===a)n.push(s);else if(Array.isArray(s)){if(s.length){var i=t.apply(null,s);i&&n.push(i)}}else if("object"===a){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){n.push(s.toString());continue}for(var l in s)e.call(s,l)&&s[l]&&n.push(l)}}}return n.join(" ")}r.exports?(t.default=t,r.exports=t):window.classNames=t}();const a=n(s.exports),i=({name:t,size:n=24,color:r="currentColor",className:s="",style:a,onClick:i,type:l="yunying"})=>{const o={fontSize:"number"==typeof n?`${n}px`:n,color:r,...a},c=`iconfont-${l}`,f=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${c} ${f} ${s}`,style:o,onClick:i})};return({title:n,leftArrow:r=!0,leftText:s,rightText:l,onLeftClick:o,onRightClick:c,leftSlot:f,rightSlot:u,titleSlot:d,className:m,style:v,fixed:p=!1,scrollFixed:x=!1})=>{const[h,w]=t.useState(p),y=t.useRef(null),j=t.useRef(null);t.useEffect((()=>{if(!1===x)return void w(p);const e="number"==typeof x?x:0,t=()=>{const t=window.pageYOffset||document.documentElement.scrollTop;w(t>e)};return window.addEventListener("scroll",t),t(),()=>{window.removeEventListener("scroll",t)}}),[x,p]);const b=()=>{o&&o()},g=()=>{c&&c()},z=a("wz-navbar",{"wz-navbar-fixed":h},m);return e.jsxs(e.Fragment,{children:[h&&e.jsx("div",{ref:j,style:{height:"44px"}}),e.jsxs("div",{ref:y,className:z,style:v,children:[f?e.jsx("div",{className:"wz-navbar-left",children:f}):e.jsxs("div",{className:"wz-navbar-left",onClick:b,children:[r&&e.jsx(i,{name:"right-arrow",size:20,style:{transform:"scaleX(-1)"},className:"wz-navbar-icon"}),s&&e.jsx("span",{className:"wz-navbar-text",children:s})]}),d?e.jsx("div",{className:"wz-navbar-title",children:d}):e.jsx("div",{className:"wz-navbar-title",children:n}),u?e.jsx("div",{className:"wz-navbar-right",children:u}):e.jsxs("div",{className:"wz-navbar-right",onClick:g,children:[l&&e.jsx("span",{className:"wz-navbar-text",children:l}),!l&&e.jsx(i,{name:"more-h",className:"wz-navbar-icon"})]})]})]})}}));

package/dist/NavBar/style/index.css

@@ -0,0 +1 @@
+.wz-navbar{background-color:#fff;border-bottom:1px solid #f0f0f0;align-items:center;height:44px;display:flex;position:relative}.wz-navbar.wz-navbar-fixed{z-index:999;position:fixed;top:0;left:0;right:0}.wz-navbar-left,.wz-navbar-right{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;height:100%;padding:0 16px;display:flex}.wz-navbar-left .wz-navbar-icon,.wz-navbar-right .wz-navbar-icon{font-size:20px}.wz-navbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:500;overflow:hidden}.wz-navbar-text{font-size:14px}

package/dist/NavBar/style/index.js

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

package/dist/NavBar/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:""}.wz-navbar{background-color:#fff;border-bottom:1px solid #f0f0f0;align-items:center;height:44px;display:flex;position:relative}.wz-navbar.wz-navbar-fixed{z-index:999;position:fixed;top:0;left:0;right:0}.wz-navbar-left,.wz-navbar-right{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;height:100%;padding:0 16px;display:flex}.wz-navbar-left .wz-navbar-icon,.wz-navbar-right .wz-navbar-icon{font-size:20px}.wz-navbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:500;overflow:hidden}.wz-navbar-text{font-size:14px}