UNPKG

@rainliu/y-ui

Version:

# @rainliu/y-ui > 一款基于 React 的现代化 UI 组件库,提供优雅、简洁且易于使用的组件,助力快速开发高质量的 Web 应用。

2 lines 1.29 kB
"use strict";var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},y=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of v(t))!f.call(e,a)&&a!==o&&r(e,a,{get:()=>t[a],enumerable:!(n=h(t,a))||n.enumerable});return e};var b=e=>y(r({},"__esModule",{value:!0}),e);var B={};C(B,{default:()=>x});module.exports=b(B);var d=require("react");var i=require("react/jsx-runtime"),p=({value:e,onChange:t,placeholder:o})=>(0,i.jsx)("input",{className:"y-input",value:e,onChange:n=>t?.(n.target.value),placeholder:o,"data-testid":"custom-input"});var s=require("react/jsx-runtime"),c=({children:e,onClick:t,type:o="default",disabled:n=!1,className:a=""})=>{let u=`y-button-${o}`,m=a?`${u} ${a}`:u;return(0,s.jsx)("button",{className:m,onClick:t,disabled:n,type:"button",children:e})};var l=require("react/jsx-runtime"),g=({onSubmit:e})=>{let[t,o]=(0,d.useState)("");return(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,l.jsx)(p,{value:t,onChange:o,placeholder:"\u8F93\u5165\u5185\u5BB9"}),(0,l.jsx)(c,{onClick:()=>{e(t),o("")},type:"primary",children:"\u63D0\u4EA4"})]})},x=g; //# sourceMappingURL=index.js.map