@chief-editor/ui/es/components/util/RimlessInput.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,s=1,r=arguments.length;s<r;s++)for(var n in t=arguments[s])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var s={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(s[r[n]]=e[r[n]])}return s};import{Down,Up}from"@byte-design/icons";import{classnames}from"@co-hooks/util";import React,{Fragment}from"react";import{usePrefixCls}from"../../hooks/usePrefixCls";export function RimlessInput(e){var t=e.alignType,s=void 0===t?"left":t,r=e.value,n=e.placeholder,a=void 0===n?"":n,l=e.showNum,i=e.active,o=e.disabled,c=e.readonly,m=e.renderContent,p=e.className,u=e.domRef,f=__rest(e,["alignType","value","placeholder","showNum","active","disabled","readonly","renderContent","className","domRef"]),d=classnames(usePrefixCls("rimless-input",{active:i,align:s,disabled:o,readonly:c,"show-num":null!=l}),p),y=usePrefixCls("rimless-input-inner",{num:l}),h=usePrefixCls("rimless-input-num"),g=usePrefixCls("rimless-input-icon");return React.createElement("span",{className:d,ref:u},React.createElement("span",__assign({className:y},f),m?m():React.createElement(Fragment,null,r||a,null!=l&&React.createElement("span",{className:h},l>99?"99+":l),i?React.createElement(Up,{className:g}):React.createElement(Down,{className:g}))))}