@labelbee/lb-components 1.23.0-alpha.139 → 1.23.0-alpha.140
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_eyeLock_a=require("../../assets/attributeIcon/icon_eyeLock_a.svg.js"),icon_eyeLock_h=require("../../assets/attributeIcon/icon_eyeLock_h.svg.js"),Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,g)=>{const L=React__default.default.useRef(),{t:v}=reactI18next.useTranslation(),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_eyeLock_a=require("../../assets/attributeIcon/icon_eyeLock_a.svg.js"),icon_eyeLock_h=require("../../assets/attributeIcon/icon_eyeLock_h.svg.js"),Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,g)=>{const L=React__default.default.useRef(),{t:v}=reactI18next.useTranslation(),k=e.list||[],[y,c]=React.useState(!1),[h,R]=React.useState(void 0),[r,E]=React.useState([]);let d=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(d=d.slice(1));let b="sensebee-radio-group";e.noHeightLimit&&(b="sensebee-radio-group-no-limit-height");const C=t=>{var l,o;if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)||(e==null?void 0:e.forbidColor))return;let a=t.keyCode;e.forbidDefault===!0&&(a=a-1);let i;if(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])&&(i=e.list[a-48]),lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105])&&(i=e.list[a-96]),t.shiftKey&&i){if(!(e==null?void 0:e.attributeLockChange))return;s(t,i),t.preventDefault();return}(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])||lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105]))&&((o=e==null?void 0:e.attributeChanged)==null||o.call(e,(l=i==null?void 0:i.value)!=null?l:""))};React.useEffect(()=>(window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)));const A=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)},O=(t,l)=>{if(t.shiftKey&&(e==null?void 0:e.attributeLockChange)){s(t,l);return}e.attributeChanged(t.target.value)},S=___default.default.debounce(O,100),s=(t,l)=>{var o;if(e==null?void 0:e.forbidColor)return;const a=r.includes(l.value);let i=___default.default.cloneDeep(r);a?i=i.filter(n=>n!==l.value):i.push(l.value),E(i),(o=e==null?void 0:e.attributeLockChange)==null||o.call(e,i),a||antd.message.success(v("AttributeLockNotify",{label:l.label})),t.preventDefault()};return React__default.default.createElement("div",{className:b,style:e.style},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,ref:g},k.map((t,l)=>{var o,a,i;let n=(o=e==null?void 0:e.num)!=null?o:l;const q=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof n=="number"&&n++,typeof n=="number"&&n<=9&&n>=0||(n="-");let f=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:d[l%d.length];(t==null?void 0:t.color)&&(f=t.color);const{defaultSize:T,logicalCondition:m,sizeRange:w}=((a=t==null?void 0:t.limit)==null?void 0:a.sizeLimit)||{},I=((i=t==null?void 0:t.limit)==null?void 0:i.positionLimit)||T||w||(m==null?void 0:m.length)>0,D=q&&I&&e.forbidShowLimitPopover!==!0;return React__default.default.createElement(es.Radio,{value:t.value,ref:L,key:t.label+l,onClick:u=>S(u,t)},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(antd.Popover,{content:React__default.default.createElement(index,{defaultColor:f,setColor:u=>A(t.value,u)}),title:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,v("Palette")),React__default.default.createElement(icons.CloseOutlined,{onClick:()=>c(!1)})),visible:y&&h===l,onVisibleChange:u=>{!u||c(u)}},React__default.default.createElement(index$1.ColorTag,{color:f,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(R(l),c(!0))}})),t.label),!(e==null?void 0:e.forbidColor)&&(e==null?void 0:e.attributeLockChange)&&React__default.default.createElement("img",{onClick:u=>s(u,t),src:r.includes(t.value)?icon_eyeLock_a:icon_eyeLock_h,style:{display:r.includes(t.value)?"inline-block":""},className:"sensebee-radio-icon"}),D&&React__default.default.createElement(index$2,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),React__default.default.createElement("span",{className:"sensebee-radio-num"},n))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import K from"../../assets/attributeIcon/icon_eyeLock_a.svg.js";import B from"../../assets/attributeIcon/icon_eyeLock_h.svg.js";import{COLORS_ARRAY as b,NULL_COLOR as F}from"../../data/Style.js";import{ColorTag as G}from"../colorTag/index.js";import{Radio as y}from"antd/es";import n,{useState as C,useEffect as H}from"react";import{Popover as M,message as W}from"antd";import Y from"../colorPalette/index.js";import{CloseOutlined as $}from"@ant-design/icons";import{useTranslation as q}from"react-i18next";import J from"./components/limitPopover/index.js";import E from"lodash";import{CommonToolUtils as Q,MathUtils as s}from"@labelbee/lb-annotation";const R=[F].concat(b),X=n.forwardRef((e,_)=>{const w=n.useRef(),{t:g}=q(),A=e.list||[],[P,m]=C(!1),[T,D]=C(void 0),[c,I]=C([]);let d=[...R];e.forbidDefault===!0&&(d=d.slice(1));let k="sensebee-radio-group";e.noHeightLimit&&(k="sensebee-radio-group-no-limit-height");const L=t=>{var l,u;if(!Q.hotkeyFilter(t)||(e==null?void 0:e.forbidColor))return;let o=t.keyCode;e.forbidDefault===!0&&(o=o-1);let i;if(s.isInRange(t.keyCode,[48,57])&&(i=e.list[o-48]),s.isInRange(t.keyCode,[96,105])&&(i=e.list[o-96]),t.shiftKey&&i){if(!(e==null?void 0:e.attributeLockChange))return;f(t,i),t.preventDefault();return}(s.isInRange(t.keyCode,[48,57])||s.isInRange(t.keyCode,[96,105]))&&((u=e==null?void 0:e.attributeChanged)==null||u.call(e,(l=i==null?void 0:i.value)!=null?l:""))};H(()=>(window.addEventListener("keydown",L),()=>window.removeEventListener("keydown",L)));const O=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)},S=(t,l)=>{if(t.shiftKey&&(e==null?void 0:e.attributeLockChange)){f(t,l);return}e.attributeChanged(t.target.value)},j=E.debounce(S,100),f=(t,l)=>{var u;if(e==null?void 0:e.forbidColor)return;const o=c.includes(l.value);let i=E.cloneDeep(c);o?i=i.filter(a=>a!==l.value):i.push(l.value),I(i),(u=e==null?void 0:e.attributeLockChange)==null||u.call(e,i),o||W.success(g("AttributeLockNotify",{label:l.label})),t.preventDefault()};return n.createElement("div",{className:k,style:e.style},n.createElement(y.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,ref:_},A.map((t,l)=>{var u,o,i;let a=(u=e==null?void 0:e.num)!=null?u:l;const N=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof a=="number"&&a++,typeof a=="number"&&a<=9&&a>=0||(a="-");let v=l>8&&!e.forbidDefault?b[(l-1)%b.length]:d[l%d.length];(t==null?void 0:t.color)&&(v=t.color);const{defaultSize:z,logicalCondition:h,sizeRange:U}=((o=t==null?void 0:t.limit)==null?void 0:o.sizeLimit)||{},V=((i=t==null?void 0:t.limit)==null?void 0:i.positionLimit)||z||U||(h==null?void 0:h.length)>0,x=N&&V&&e.forbidShowLimitPopover!==!0;return n.createElement(y,{value:t.value,ref:w,key:t.label+l,onClick:r=>j(r,t)},n.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&n.createElement(M,{content:n.createElement(Y,{defaultColor:v,setColor:r=>O(t.value,r)}),title:n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n.createElement("span",null,g("Palette")),n.createElement($,{onClick:()=>m(!1)})),visible:P&&T===l,onVisibleChange:r=>{!r||m(r)}},n.createElement(G,{color:v,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(D(l),m(!0))}})),t.label),!(e==null?void 0:e.forbidColor)&&(e==null?void 0:e.attributeLockChange)&&n.createElement("img",{onClick:r=>f(r,t),src:c.includes(t.value)?K:B,style:{display:c.includes(t.value)?"inline-block":""},className:"sensebee-radio-icon"}),x&&n.createElement(J,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),n.createElement("span",{className:"sensebee-radio-num"},a))})))});export{R as ATTRIBUTE_COLORS,X as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@labelbee/lb-components",
|
|
3
|
-
"version": "1.23.0-alpha.
|
|
3
|
+
"version": "1.23.0-alpha.140",
|
|
4
4
|
"description": "Provide a complete library of annotation components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"es": "./es/index.js",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@ant-design/icons": "^4.6.2",
|
|
46
|
-
"@labelbee/lb-annotation": "1.27.0-alpha.
|
|
46
|
+
"@labelbee/lb-annotation": "1.27.0-alpha.70",
|
|
47
47
|
"@labelbee/lb-utils": "1.19.0-alpha.27",
|
|
48
48
|
"@labelbee/wavesurfer": "1.1.0-alpha.1",
|
|
49
49
|
"@types/react-dom": "^18.2.7",
|