@labelbee/lb-components 1.24.0-alpha.37 → 1.24.0-alpha.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../../../components/attributeList/index.js"),index=require("../../../../components/checkboxList/index.js"),icons=require("@ant-design/icons"),es=require("antd/es"),_=require("lodash"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactRedux=require("react-redux"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,expandIconFuc=({isActive:t})=>React__default.default.createElement(icons.CaretRightOutlined,{rotate:t?90:0}),TagSidebar=({toolInstance:t,imgIndex:C})=>{const[u,v]=React.useState([]),s=React.useRef(null),[,q]=React.useState(0),[R,f]=React.useState(-1),{t:m}=reactI18next.useTranslation();React.useEffect(()=>{var r,a;t&&(v((a=(r=t.config)==null?void 0:r.inputList)==null?void 0:a.map(e=>e.value)),t.singleOn("render",()=>{q(e=>e+1)}))},[t]),React.useEffect(()=>{var r;if(t&&(t.singleOn("expend",T),((r=t==null?void 0:t.labelSelectedList)==null?void 0:r.length)===1)){let a=0;for(let e=0;e<t.labelSelectedList[0];e++)a+=46,n[e]&&u[e]!==""&&n[e].subSelected.forEach(l=>{a+=40});s.current&&(s.current.children[0].scrollTop=a)}}),React.useEffect(()=>{s.current&&(s.current.children[0].scrollTop=0)},[C]);const T=()=>{var r;const a=t.labelSelectedList[0],e=(r=n.filter((l,o)=>o===a)[0])==null?void 0:r.value;p(a,e,!0)},p=React.useCallback((r,a,e)=>{const l=_.cloneDeep(u);l[r]===""||e===!0?l[r]=a:l[r]="",v(l)},[u]);if(!t)return null;const{labelSelectedList:c,config:{inputList:n},currentTagResult:i,setLabel:g}=t,j=r=>c.length>0&&c[0]===r?React__default.default.createElement("span",{className:"keyDownIconActive"},r+1):React__default.default.createElement("span",{className:"keyDownIcon"},r+1),b=(r,a=-1)=>r?r.map((e,l)=>{var o,y,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../../../components/attributeList/index.js"),index=require("../../../../components/checkboxList/index.js"),icons=require("@ant-design/icons"),es=require("antd/es"),_=require("lodash"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactRedux=require("react-redux"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,expandIconFuc=({isActive:t})=>React__default.default.createElement(icons.CaretRightOutlined,{rotate:t?90:0}),TagSidebar=({toolInstance:t,imgIndex:C})=>{const[u,v]=React.useState([]),s=React.useRef(null),[,q]=React.useState(0),[R,f]=React.useState(-1),{t:m}=reactI18next.useTranslation();React.useEffect(()=>{var r,a;t&&(v((a=(r=t.config)==null?void 0:r.inputList)==null?void 0:a.map(e=>e.value)),t.singleOn("render",()=>{q(e=>e+1)}))},[t]),React.useEffect(()=>{var r;if(t&&(t.singleOn("expend",T),((r=t==null?void 0:t.labelSelectedList)==null?void 0:r.length)===1)){let a=0;for(let e=0;e<t.labelSelectedList[0];e++)a+=46,n[e]&&u[e]!==""&&n[e].subSelected.forEach(l=>{a+=40});s.current&&(s.current.children[0].scrollTop=a)}}),React.useEffect(()=>{s.current&&(s.current.children[0].scrollTop=0)},[C]);const T=()=>{var r;const a=t.labelSelectedList[0],e=(r=n.filter((l,o)=>o===a)[0])==null?void 0:r.value;p(a,e,!0)},p=React.useCallback((r,a,e)=>{const l=_.cloneDeep(u);l[r]===""||e===!0?l[r]=a:l[r]="",v(l)},[u]);if(!t)return null;const{labelSelectedList:c,config:{inputList:n},currentTagResult:i,setLabel:g}=t,j=r=>c.length>0&&c[0]===r?React__default.default.createElement("span",{className:"keyDownIconActive"},r+1):React__default.default.createElement("span",{className:"keyDownIcon"},r+1),b=(r,a=-1)=>r?r.map((e,l)=>{var o,E,y,h,L;if(e.subSelected){const k=lbAnnotation.TagUtils.judgeResultIsInInputList(e.value,(o=i==null?void 0:i.result)==null?void 0:o[e.value],n);return React__default.default.createElement(es.Collapse,{bordered:!1,expandIcon:expandIconFuc,key:`collapse_${l}_${a+1}`,onChange:()=>p(l,e.value),activeKey:[u[l]]},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flex:1}},React__default.default.createElement("span",null,e.key,React__default.default.createElement(es.Tooltip,{placement:"bottom",title:m("ClearThisOption")},React__default.default.createElement("img",{style:{marginLeft:5,cursor:"pointer"},onClick:x=>{x.stopPropagation(),t.clearResult(!0,e.value)},src:R===l||k?icon_clearSmall_a:icon_clearSmall,onMouseEnter:()=>{f(l)},onMouseLeave:()=>{f(-1)}})),k&&u[l]===""&&React__default.default.createElement(es.Badge,{color:"#87d068"})),(n==null?void 0:n.length)>1&&j(l)),key:e.value},React__default.default.createElement("div",{className:"level",style:{backgroundColor:c.length>0&&c[0]===l?"rgba(158, 158, 158, 0.18)":""}},b(e.subSelected,l))))}const d=(n==null?void 0:n[a])?n==null?void 0:n[a].value:0,S=((h=(y=(E=i==null?void 0:i.result)==null?void 0:E[d])==null?void 0:y.split(";"))==null?void 0:h.indexOf(e.value))>-1?e.value:"";return((L=n==null?void 0:n[a])==null?void 0:L.isMulti)===!0?React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index,{attributeChanged:()=>g(a,l),selectedAttribute:[S],list:[{value:e.value,label:e.key}],num:l+1})):React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index$1.default,{forbidColor:!0,attributeChanged:()=>g(a,l),selectedAttribute:S,list:[{value:e.value,label:e.key}],num:l+1}))}):null;return React__default.default.createElement("div",{className:"tagOperationMenu",ref:s},(n==null?void 0:n.length)===0?React__default.default.createElement("div",{style:{padding:20,textAlign:"center"}},m("NoConfiguration")):React__default.default.createElement("div",{className:"main"},b(n)))};function mapStateToProps(t){return{toolInstance:t.annotation.toolInstance,imgIndex:t.annotation.imgIndex}}var TagSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(TagSidebar);exports.default=TagSidebar$1,exports.expandIconFuc=expandIconFuc;
|
package/es/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import K from"../../../../components/attributeList/index.js";import
|
|
1
|
+
import K from"../../../../components/attributeList/index.js";import w from"../../../../components/checkboxList/index.js";import{CaretRightOutlined as M}from"@ant-design/icons";import{Collapse as T,Tooltip as P,Badge as x}from"antd/es";import{cloneDeep as F}from"lodash";import n,{useState as v,useRef as H,useEffect as p,useCallback as U}from"react";import q from"../../../../assets/annotation/common/icon_clearSmall.svg.js";import z from"../../../../assets/annotation/common/icon_clearSmall_a.svg.js";import{TagUtils as G}from"@labelbee/lb-annotation";import{connect as J}from"react-redux";import{useTranslation as Q}from"react-i18next";import{LabelBeeContext as V}from"../../../../store/ctx.js";const{Panel:W}=T,$=({isActive:a})=>n.createElement(M,{rotate:a?90:0}),X=({toolInstance:a,imgIndex:N})=>{const[s,g]=v([]),u=H(null),[,j]=v(0),[O,f]=v(-1),{t:b}=Q();p(()=>{var r,l;a&&(g((l=(r=a.config)==null?void 0:r.inputList)==null?void 0:l.map(e=>e.value)),a.singleOn("render",()=>{j(e=>e+1)}))},[a]),p(()=>{var r;if(a&&(a.singleOn("expend",A),((r=a==null?void 0:a.labelSelectedList)==null?void 0:r.length)===1)){let l=0;for(let e=0;e<a.labelSelectedList[0];e++)l+=46,o[e]&&s[e]!==""&&o[e].subSelected.forEach(t=>{l+=40});u.current&&(u.current.children[0].scrollTop=l)}}),p(()=>{u.current&&(u.current.children[0].scrollTop=0)},[N]);const A=()=>{var r;const l=a.labelSelectedList[0],e=(r=o.filter((t,m)=>m===l)[0])==null?void 0:r.value;E(l,e,!0)},E=U((r,l,e)=>{const t=F(s);t[r]===""||e===!0?t[r]=l:t[r]="",g(t)},[s]);if(!a)return null;const{labelSelectedList:i,config:{inputList:o},currentTagResult:c,setLabel:y}=a,B=r=>i.length>0&&i[0]===r?n.createElement("span",{className:"keyDownIconActive"},r+1):n.createElement("span",{className:"keyDownIcon"},r+1),h=(r,l=-1)=>r?r.map((e,t)=>{var m,_,L,k,C;if(e.subSelected){const R=G.judgeResultIsInInputList(e.value,(m=c==null?void 0:c.result)==null?void 0:m[e.value],o);return n.createElement(T,{bordered:!1,expandIcon:$,key:`collapse_${t}_${l+1}`,onChange:()=>E(t,e.value),activeKey:[s[t]]},n.createElement(W,{header:n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flex:1}},n.createElement("span",null,e.key,n.createElement(P,{placement:"bottom",title:b("ClearThisOption")},n.createElement("img",{style:{marginLeft:5,cursor:"pointer"},onClick:D=>{D.stopPropagation(),a.clearResult(!0,e.value)},src:O===t||R?z:q,onMouseEnter:()=>{f(t)},onMouseLeave:()=>{f(-1)}})),R&&s[t]===""&&n.createElement(x,{color:"#87d068"})),(o==null?void 0:o.length)>1&&B(t)),key:e.value},n.createElement("div",{className:"level",style:{backgroundColor:i.length>0&&i[0]===t?"rgba(158, 158, 158, 0.18)":""}},h(e.subSelected,t))))}const d=(o==null?void 0:o[l])?o==null?void 0:o[l].value:0,S=((k=(L=(_=c==null?void 0:c.result)==null?void 0:_[d])==null?void 0:L.split(";"))==null?void 0:k.indexOf(e.value))>-1?e.value:"";return((C=o==null?void 0:o[l])==null?void 0:C.isMulti)===!0?n.createElement("div",{className:"singleBar",key:`${d}_${l}_${t}`},n.createElement(w,{attributeChanged:()=>y(l,t),selectedAttribute:[S],list:[{value:e.value,label:e.key}],num:t+1})):n.createElement("div",{className:"singleBar",key:`${d}_${l}_${t}`},n.createElement(K,{forbidColor:!0,attributeChanged:()=>y(l,t),selectedAttribute:S,list:[{value:e.value,label:e.key}],num:t+1}))}):null;return n.createElement("div",{className:"tagOperationMenu",ref:u},(o==null?void 0:o.length)===0?n.createElement("div",{style:{padding:20,textAlign:"center"}},b("NoConfiguration")):n.createElement("div",{className:"main"},h(o)))};function Y(a){return{toolInstance:a.annotation.toolInstance,imgIndex:a.annotation.imgIndex}}var Z=J(Y,null,null,{context:V})(X);export{Z as default,$ as expandIconFuc};
|