@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 2.78 kB
JavaScript
;var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,s=1,t=arguments.length;s<t;s++)for(var a in r=arguments[s])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var s={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(s[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(s[t[a]]=e[t[a]])}return s},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var s in e)Object.hasOwnProperty.call(e,s)&&(r[s]=e[s]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var icons_1=require("@byte-design/icons"),tree_map_1=require("@co-hooks/tree-map"),use_1=require("@rc-hooks/use"),util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),usePrefixCls_1=require("../../hooks/usePrefixCls"),checkbox_1=require("../checkbox");exports.ListItem=function(e){var r=e.prefixCls,s=e.className,t=e.children,a=e.checkable,i=void 0!==a&&a,l=e.chosen,c=void 0!==l&&l,n=e.disabled,o=void 0!==n&&n,u=e.readonly,_=void 0!==u&&u,f=e.state,p=void 0===f?tree_map_1.TreeMapState.UNSELECTED:f,h=e.onCheckboxChange,C=e.style,d=e.level,m=void 0===d?1:d,x=e.onClick,b=e.domRef,P=__rest(e,["prefixCls","className","children","checkable","chosen","disabled","readonly","state","onCheckboxChange","style","level","onClick","domRef"]),k=util_1.classnames(usePrefixCls_1.usePrefixCls("list-item-inner-wrapper"),usePrefixCls_1.usePrefixCls(r+"-inner-wrapper")),v=util_1.classnames(usePrefixCls_1.usePrefixCls("list-item-container",{disabled:o,readonly:_,level:""+m,checked:p===tree_map_1.TreeMapState.SELECTED}),usePrefixCls_1.usePrefixCls(r+"-container"),s),y=util_1.classnames(usePrefixCls_1.usePrefixCls("list-item-checkbox"),usePrefixCls_1.usePrefixCls(r+"-checkbox")),O=util_1.classnames(usePrefixCls_1.usePrefixCls("list-item-chosen-icon"),usePrefixCls_1.usePrefixCls(r+"-chosen-icon")),g=use_1.useRefCallback(h),E=use_1.useRefCallback(x),S=react_1.useCallback((function(e){o||_||E(e)}),[o,_]),j=react_1.useCallback((function(e){return e.stopPropagation()}),[]);return react_1.default.createElement("div",{className:v,ref:b,style:C,onClick:S},i&&react_1.default.createElement(checkbox_1.Checkbox,{className:y,onValueChange:g,disabled:o||_,onClick:j,checked:p===tree_map_1.TreeMapState.SELECTED,indeterminate:p===tree_map_1.TreeMapState.PARTIAL}),react_1.default.createElement("div",__assign({},P,{className:k}),"function"==typeof t?t():t),c&&react_1.default.createElement(icons_1.Check,{className:O}))};