@visactor/vtable 0.9.0-alpha.0-alpha.0 → 0.9.1-alpha.2

package/cjs/scenegraph/component/menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/component/menu.ts"],"names":[],"mappings":";;;AACA,+CAAqD;AACrD,kEAA+D;AAE/D,4CAAyC;AACzC,0CAAuC;AASvC,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,iCAAuB,CAAA;IACvB,uCAA6B,CAAA;IAC7B,6BAAmB,CAAA;AACrB,CAAC,EAJW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAInB;AAID,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,SAAS;IACzB,YAAY,EAAE,MAAM;IACpB,UAAU,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC;IACtB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,CAAC;IACd,eAAe,EAAE,CAAC;IAClB,YAAY,EAAE,GAAG;CAClB,CAAC;AAEF,MAAa,WAAW;IActB,YAAY,KAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,aAAa,GAAG,IAAI,aAAK,CAAC;YAC7B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YAEJ,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,SAAS,CAAC,OAAO;YAC5B,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,SAAS,CAAC,WAAW;YAClC,YAAY,EAAE,SAAS,CAAC,YAAY;YACpC,SAAS,EAAE,SAAS,CAAC,WAAW;SACjC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG;YACf,CAAC,EAAE,CAAC,CAAC;YACL,CAAC,EAAE,CAAC,CAAC;YACL,GAAG,EAAE,CAAC,CAAC;YACP,GAAG,EAAE,CAAC,CAAC;YACP,IAAI,EAAE,QAAQ,CAAC,QAAQ;YACvB,QAAQ,EAAE,EAAE;YACZ,cAAc,EAAE,CAAC,CAAC;SACnB,CAAC;IAUJ,CAAC;IAED,kBAAkB,CAAC,cAAqB;QACtC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAE/C,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,OAAO;IAEP,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,CAAS,EAAE,GAAW,EAAE,GAAW,EAAE,IAAc,EAAE,QAAmB;QACxF,IAAI,IAAI,KAAK,QAAQ,CAAC,QAAQ,IAAI,IAAI,CAAC,uBAAuB,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;YAExE,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YACvD,IAAI,CAAC,aAAa,EAAE;gBAClB,OAAO;aACR;YACD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;YACnD,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;YAC9D,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;SAEnD;aAAM,IAAI,IAAI,KAAK,QAAQ,CAAC,WAAW,EAAE;YACxC,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;gBACrC,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;gBACvD,IAAI,CAAC,aAAa,EAAE;oBAClB,OAAO;iBACR;gBACD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;gBACnD,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;gBAC9D,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;aACnD;SACF;QACD,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,cAAc,CAAC,GAAW,EAAE,GAAW,EAAE,IAAc,EAAE,QAAwB,EAAE,cAAsB;QACvG,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACnC,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;IACjD,CAAC;IAED,uBAAuB,CAAC,GAAW,EAAE,GAAW;QAC9C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1D,IAAI,IAAI,KAAK,QAAQ,CAAC,QAAQ,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,EAAE;YAClE,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sBAAsB,CAAC,CAAS,EAAE,CAAS;;QACzC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,IAAI,KAAK,QAAQ,CAAC,WAAW,IAAI,QAAQ,MAAK,MAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,0CAAE,gBAAgB,CAAA,EAAE;YAClG,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,kBAAkB,CAAC,QAAkB,EAAE,cAAsB;QAE3D,IAAI,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;QAGpC,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC;QAC9B,MAAM,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC;QAChC,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC/B,MAAM,aAAa,GAAG,cAAc,KAAK,KAAK,CAAC;YAC/C,IAAI,IAAI,CAAC;YACT,IAAI,IAAI,CAAC;YACT,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC5B,IAAI,GAAG,IAAI,CAAC;aACb;iBAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBACnC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;gBACjB,IAAI,aAAa,EAAE;oBACjB,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;iBAC1B;qBAAM;oBACL,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;iBAClB;aACF;YAED,MAAM,KAAK,GAAG,IAAI,aAAK,CAAC;gBACtB,CAAC;gBACD,CAAC;gBAED,MAAM,EAAE,SAAS,CAAC,UAAU;gBAC5B,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,SAAS,CAAC,OAAO;aAC7B,CAAC,CAAC;YACH,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAGtC,KAAK,CAAC,UAAU,GAAG,CAAC,SAAiB,EAAE,EAAE;gBACvC,IAAI,SAAS,KAAK,OAAO,EAAE;oBACzB,OAAO;wBACL,SAAS,EAAE,SAAS,CAAC,YAAY;qBAClC,CAAC;iBACH;gBACD,OAAO;oBACL,SAAS,EAAE,SAAS,CAAC,OAAO;iBAC7B,CAAC;YACJ,CAAC,CAAC;YACF,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAiB,EAAE,EAAE;gBAC3D,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;gBACrC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAiB,EAAE,EAAE;gBAC3D,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBAClC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;YAC3C,CAAC,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,IAAI,cAAI,CAAC;gBACxB,CAAC,EAAE,SAAS,CAAC,eAAe;gBAC5B,CAAC,EAAE,SAAS,CAAC,eAAe;gBAC5B,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK;gBACrE,IAAI;gBACJ,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,SAAS,CAAC,QAAQ;gBAC5B,QAAQ,EAAE,KAAK;gBACf,YAAY,EAAE,SAAS,CAAC,YAAY;gBACpC,QAAQ,EAAE,GAAG;aAEd,CAAC,CAAC;YACH,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAEzB,IAAI,IAAI,EAAE;gBACR,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBAChD,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC;gBACnC,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAC;gBACrC,MAAM,QAAQ,GAAG,IAAI,WAAI,CAAC;oBACxB,CAAC,EAAE,SAAS,CAAC,eAAe;oBAC5B,CAAC,EAAE,CAAC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC;oBAC1C,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,UAAU;oBAClB,KAAK,EAAE,IAAI,CAAC,GAAG;oBACf,QAAQ,EAAE,KAAK;iBAChB,CAAC,CAAC;gBACH,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC;gBAC5B,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBACvC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;aACnE;YAGD,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;YAExD,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;YAC/B,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAC,eAAe,GAAG,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,CAAC;YAC3E,MAAM,EAAE,CAAC,GAAG,SAAS,CAAC,WAAW;SAClC,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,SAAgB,EAAE,EAAE;YACtD,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,CAAS,EAAE,CAAS;QAEjC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;YAC/B,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACzF,CAAC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC3C,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;YAE/B,CAAC,EAAE,CAAC,IAAI;YACR,CAAC,EAAE,CAAC,IAAI;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC3C,CAAC;IASD,WAAW,CAAC,GAAW,EAAE,GAAW,EAAE,IAAc;;QAClD,IAAI,IAAI,KAAK,QAAQ,CAAC,QAAQ,EAAE;YAC9B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC/G,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC;YACxB,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;gBAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAC5C,IAAI,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE;wBACrD,cAAc,GAAG,CAAC,CAAC;wBACnB,MAAM;qBACP;iBACF;aACF;YACD,OAAO;gBACL,QAAQ,EAAE,YAAY;gBACtB,cAAc;aACf,CAAC;SACH;aAAM,IAAI,IAAI,KAAK,QAAQ,CAAC,WAAW,EAAE;YACxC,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,0CAAE,gBAAgB,CAAC;YACrE,IAAI,QAAQ,CAAC;YACb,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;gBAC9B,QAAQ,GAAG,WAAW,CAAC;aACxB;iBAAM,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;gBAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;oBAC9C,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC;oBACvC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;gBAC9C,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;aACpC;YACD,OAAO;gBACL,QAAQ;gBACR,cAAc,EAAE,CAAC,CAAC;aACnB,CAAC;SACH;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,SAAS;QAYP,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAiB,EAAE,EAAE;YACjE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;YACrB,IAAI,MAAM,IAAK,MAA2B,CAAC,IAAI,KAAK,WAAW,EAAE;gBAE/D,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,MAA0B,CAAC,CAAC;gBACrE,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAC7G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;gBAC9D,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,mCAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;aAIxE;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,MAAc;QAQzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAgB,CAAC;QACvC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,CAAC,eAAe,CAAC,CAAC,KAAa,EAAE,CAAS,EAAE,EAAE;YAClD,IAAI,KAAK,KAAK,MAAM,EAAE;gBACpB,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;gBACd,OAAO,IAAI,CAAC;aACb;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,GACR,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,QAAQ;YAChD,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;YAChC,CAAC,CAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAS,CAAC,IAAI,CAAC;QACnD,MAAM,OAAO,GACX,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,QAAQ;YAChD,CAAC,CAAC,IAAI;YACN,CAAC,CAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAS,CAAC,OAAO,IAAI,IAAI,CAAC;QAE9D,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG;YACvB,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG;YACvB,aAAa,EAAE,KAAK;YACpB,SAAS,EAAE,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,cAAc;YAClD,IAAI;YACJ,OAAO;SACR,CAAC;IACJ,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC;IAC7C,CAAC;CACF;AAtVD,kCAsVC","file":"menu.js","sourcesContent":["import type { FederatedEvent, IGroup } from '@visactor/vrender';\nimport { createRect, Text } from '@visactor/vrender';\nimport { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE';\nimport type { MenuListItem } from '../../ts-types';\nimport { Group } from '../graphic/group';\nimport { Icon } from '../graphic/icon';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * 菜单类型\n * dropDown 下拉菜单\n * contextmenu 右键菜单\n * custom 自定义菜单\n */\nexport enum MenuType {\n  'dropDown' = 'dropDown',\n  'contextmenu' = 'contextmenu',\n  'custom' = 'custom'\n}\n\ntype MenuInfo = MenuListItem[];\n\nconst menuStyle = {\n  fontSize: 12,\n  color: '#000',\n  highlightColor: '#2E68CF',\n  hoverBgColor: '#EEE',\n  lineHeight: 12 + 9 + 9,\n  bgColor: '#FFF',\n  borderRadius: 4,\n  borderWidth: 0.5,\n  borderColor: '#CCC',\n  menuPadding: 6,\n  menuItemPadding: 9,\n  maxLineWidth: 200\n};\n\nexport class MenuHandler {\n  private _table: BaseTableAPI;\n  private _menuInstance: IGroup;\n  private _menuInfo: {\n    x: number;\n    y: number;\n    col: number;\n    row: number;\n    type: MenuType;\n    menuInfo: MenuListItem[];\n    highlightIndex: number;\n  };\n  // private _attachInfo?: AttachInfo | null;\n\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n    this._menuInstance = new Group({\n      x: 0,\n      y: 0,\n      // visible: false,\n      fill: true,\n      fillColor: menuStyle.bgColor,\n      stroke: true,\n      strokeColor: menuStyle.borderColor,\n      borderRadius: menuStyle.borderRadius,\n      lineWidth: menuStyle.borderWidth\n    });\n    this._menuInfo = {\n      x: -1,\n      y: -1,\n      col: -1,\n      row: -1,\n      type: MenuType.dropDown,\n      menuInfo: [],\n      highlightIndex: -1\n    };\n\n    // this._menuInstance.setTheme({\n    //   rect: {\n    //     width: 100,\n    //   },\n    // });\n\n    // 绑定事件\n    // this._bindTableEvent(table);\n  }\n\n  bindTableComponent(componentGroup: Group) {\n    componentGroup.appendChild(this._menuInstance);\n\n    this.bindEvent();\n  }\n\n  dispose() {\n    // do nothing\n  }\n\n  attach(x: number, y: number, col: number, row: number, type: MenuType, menuInfo?: MenuInfo) {\n    if (type === MenuType.dropDown && this.checkDropDownMenuChange(col, row)) {\n      // 菜单内容变化，更新菜单Group\n      const tableMenuInfo = this.getMenuInfo(col, row, type);\n      if (!tableMenuInfo) {\n        return;\n      }\n      const { menuInfo, highlightIndex } = tableMenuInfo;\n      this.updateMenuInfo(col, row, type, menuInfo, highlightIndex);\n      this.updateMenuInstance(menuInfo, highlightIndex);\n      // this.updatePosition(x - this._table.scenegraph.x, y - this._table.scenegraph.y);\n    } else if (type === MenuType.contextmenu) {\n      if (this.checkContextMenuChange(x, y)) {\n        const tableMenuInfo = this.getMenuInfo(col, row, type);\n        if (!tableMenuInfo) {\n          return;\n        }\n        const { menuInfo, highlightIndex } = tableMenuInfo;\n        this.updateMenuInfo(col, row, type, menuInfo, highlightIndex);\n        this.updateMenuInstance(menuInfo, highlightIndex);\n      }\n    }\n    this.updatePosition(x - this._table.scenegraph.x, y - this._table.scenegraph.y);\n\n    this.addToScene();\n  }\n\n  updateMenuInfo(col: number, row: number, type: MenuType, menuInfo: MenuListItem[], highlightIndex: number) {\n    this._menuInfo.col = col;\n    this._menuInfo.row = row;\n    this._menuInfo.type = type;\n    this._menuInfo.menuInfo = menuInfo;\n    this._menuInfo.highlightIndex = highlightIndex;\n  }\n\n  checkDropDownMenuChange(col: number, row: number) {\n    const { type, col: curCol, row: curRow } = this._menuInfo;\n    if (type === MenuType.dropDown && col === curCol && row === curRow) {\n      return false;\n    }\n    return true;\n  }\n\n  checkContextMenuChange(x: number, y: number) {\n    const { type, menuInfo } = this._menuInfo;\n    if (type === MenuType.contextmenu && menuInfo === this._table.internalProps.menu?.contextMenuItems) {\n      return false;\n    }\n    return true;\n  }\n\n  updateMenuInstance(menuInfo: MenuInfo, highlightIndex: number) {\n    // 清空Mark\n    this._menuInstance.removeAllChild();\n\n    // menu padding\n    let y = menuStyle.menuPadding;\n    const x = menuStyle.menuPadding;\n    let maxWidth = 0;\n    menuInfo.forEach((item, index) => {\n      const isisHighlight = highlightIndex === index;\n      let icon;\n      let text;\n      if (typeof item === 'string') {\n        text = item;\n      } else if (typeof item === 'object') {\n        text = item.text;\n        if (isisHighlight) {\n          icon = item.selectedIcon;\n        } else {\n          icon = item.icon;\n        }\n      }\n\n      const group = new Group({\n        y,\n        x,\n        // childrenPickable: false,\n        height: menuStyle.lineHeight,\n        fill: true,\n        fillColor: menuStyle.bgColor\n      });\n      group.role = 'menu-item';\n      this._menuInstance.appendChild(group);\n\n      // 处理背景hover效果\n      group.stateProxy = (stateName: string) => {\n        if (stateName === 'hover') {\n          return {\n            fillColor: menuStyle.hoverBgColor\n          };\n        }\n        return {\n          fillColor: menuStyle.bgColor\n        };\n      };\n      group.addEventListener('pointerenter', (e: FederatedEvent) => {\n        group.addState('hover', true, false);\n        this._table.scenegraph.updateNextFrame();\n      });\n      group.addEventListener('pointerleave', (e: FederatedEvent) => {\n        group.removeState('hover', false);\n        this._table.scenegraph.updateNextFrame();\n      });\n\n      const textMark = new Text({\n        x: menuStyle.menuItemPadding,\n        y: menuStyle.menuItemPadding,\n        fill: true,\n        fillColor: isisHighlight ? menuStyle.highlightColor : menuStyle.color,\n        text,\n        textBaseline: 'top',\n        fontSize: menuStyle.fontSize,\n        pickable: false,\n        maxLineWidth: menuStyle.maxLineWidth,\n        ellipsis: '…'\n        // lineHeight: menuStyle.lineHeight,\n      });\n      group.addChild(textMark);\n\n      if (icon) {\n        const textHeight = textMark.AABBBounds.height();\n        const iconWidth = icon.width ?? 16;\n        const iconHeight = icon.height ?? 16;\n        const iconMark = new Icon({\n          x: menuStyle.menuItemPadding,\n          y: (menuStyle.lineHeight - iconHeight) / 2,\n          width: iconWidth,\n          height: iconHeight,\n          image: icon.svg,\n          pickable: false\n        });\n        iconMark.role = 'menu-icon';\n        group.insertBefore(iconMark, textMark);\n        textMark.setAttribute('x', iconWidth + menuStyle.menuItemPadding);\n      }\n\n      // const textWidth = textMark.AABBBounds.width();\n      maxWidth = Math.max(group.AABBBounds.width(), maxWidth);\n\n      y += menuStyle.lineHeight;\n    });\n\n    this._menuInstance.setAttributes({\n      width: maxWidth + menuStyle.menuItemPadding * 2 + menuStyle.menuPadding * 2,\n      height: y + menuStyle.menuPadding\n    });\n    this._menuInstance.forEachChildren((itemGroup: Group) => {\n      itemGroup.setAttribute('width', maxWidth + menuStyle.menuItemPadding * 2);\n    });\n  }\n\n  updatePosition(x: number, y: number) {\n    // to do: 位置躲避\n    this._menuInstance.setAttributes({\n      x: this._menuInfo.type === MenuType.dropDown ? x - this._menuInstance.attribute.width : x,\n      y\n    });\n    this._menuInfo.x = MenuType.dropDown ? x - this._menuInstance.attribute.width : x;\n    this._menuInfo.y = y;\n  }\n\n  addToScene() {\n    this._table.scenegraph.updateNextFrame();\n  }\n\n  detach() {\n    this._menuInstance.setAttributes({\n      // visible: false,\n      x: -1000,\n      y: -1000\n    });\n    // this._menuInstance.hideAll();\n    this._table.scenegraph.updateNextFrame();\n  }\n\n  /**\n   * @description: 获取对应单元格的菜单内容\n   * @param {number} col\n   * @param {number} row\n   * @param {MenuType} type\n   * @return {*}\n   */\n  getMenuInfo(col: number, row: number, type: MenuType) {\n    if (type === MenuType.dropDown) {\n      const { dropDownMenu = this._table.globalDropDownMenu, pivotInfo } = this._table._getHeaderLayoutMap(col, row);\n      let highlightIndex = -1;\n      if (Array.isArray(dropDownMenu)) {\n        for (let i = 0; i < dropDownMenu.length; i++) {\n          if (this._table._dropDownMenuIsHighlight(col, row, i)) {\n            highlightIndex = i;\n            break;\n          }\n        }\n      }\n      return {\n        menuInfo: dropDownMenu,\n        highlightIndex\n      };\n    } else if (type === MenuType.contextmenu) {\n      const contextmenu = this._table.internalProps.menu?.contextMenuItems;\n      let menuInfo;\n      if (Array.isArray(contextmenu)) {\n        menuInfo = contextmenu;\n      } else if (typeof contextmenu === 'function') {\n        const { field } = this._table.isHeader(col, row)\n          ? this._table.getHeaderDefine(col, row)\n          : this._table.getBodyColumnDefine(col, row);\n        menuInfo = contextmenu(field, row);\n      }\n      return {\n        menuInfo,\n        highlightIndex: -1\n      };\n    }\n    return undefined;\n  }\n\n  bindEvent() {\n    // // 监听showMenu自定义事件\n    // this._table.listen(DG_EVENT_TYPE.SHOW_MENU, (e) => {\n    //   const { x, y, col, row, type } = e;\n    //   this.attach(x, y, col, row, type);\n    // });\n    // // 监听hideMenu自定义事件\n    // this._table.listen(DG_EVENT_TYPE.HIDE_MENU, () => {\n    //   this.detach();\n    // });\n\n    // 监听菜单内容click\n    this._menuInstance.addEventListener('click', (e: FederatedEvent) => {\n      const { target } = e;\n      if (target && (target as unknown as Group).role === 'menu-item') {\n        // 成功点击menu-item，触发自定义事件\n        const resultMenuInfo = this.getEventInfo(target as unknown as Group);\n        const resultTableInfo = this._table.getMenuInfo(this._menuInfo.col, this._menuInfo.row, this._menuInfo.type);\n        const result = Object.assign(resultMenuInfo, resultTableInfo);\n        this._table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, result);\n\n        // 由DROPDOWNMENU_CLICK事件清空菜单\n        // this.detach();\n      }\n    });\n  }\n\n  getEventInfo(target: IGroup): {\n    col: number;\n    row: number;\n    menuKey: string;\n    dropDownIndex: number;\n    text: string;\n    highlight: boolean;\n  } {\n    const parent = target.parent as IGroup;\n    let index = 0;\n    parent.forEachChildren((child: IGroup, i: number) => {\n      if (child === target) {\n        index = i - 1; // index 0为背景rect\n        return true;\n      }\n      return false;\n    });\n\n    const text =\n      typeof this._menuInfo.menuInfo[index] === 'string'\n        ? this._menuInfo.menuInfo[index]\n        : (this._menuInfo.menuInfo[index] as any).text;\n    const menuKey =\n      typeof this._menuInfo.menuInfo[index] === 'string'\n        ? text\n        : (this._menuInfo.menuInfo[index] as any).menuKey || text;\n\n    return {\n      col: this._menuInfo.col,\n      row: this._menuInfo.row,\n      dropDownIndex: index,\n      highlight: index === this._menuInfo.highlightIndex,\n      text,\n      menuKey\n    };\n  }\n\n  get bounds() {\n    return this._menuInstance.globalAABBBounds;\n  }\n}\n\n// class MenuContainer {}\n\n// class MenuElement {}\n"]}
+{"version":3,"sources":["scenegraph/component/menu.ts"],"names":[],"mappings":"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","file":"menu.js","sourcesContent":["import type { FederatedEvent, IGroup } from '@visactor/vrender';\nimport { createRect, Text } from '@visactor/vrender';\nimport { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE';\nimport type { MenuListItem } from '../../ts-types';\nimport { Group } from '../graphic/group';\nimport { Icon } from '../graphic/icon';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * 菜单类型\n * dropDown 下拉菜单\n * contextmenu 右键菜单\n * custom 自定义菜单\n */\nexport enum MenuType {\n  'dropDown' = 'dropDown',\n  'contextmenu' = 'contextmenu',\n  'custom' = 'custom'\n}\n\ntype MenuInfo = MenuListItem[];\n\nconst menuStyle = {\n  fontSize: 12,\n  color: '#000',\n  highlightColor: '#2E68CF',\n  hoverBgColor: '#EEE',\n  lineHeight: 12 + 9 + 9,\n  bgColor: '#FFF',\n  borderRadius: 4,\n  borderWidth: 0.5,\n  borderColor: '#CCC',\n  menuPadding: 6,\n  menuItemPadding: 9,\n  maxLineWidth: 200\n};\n\nexport class MenuHandler {\n  private _table: BaseTableAPI;\n  private _menuInstance: IGroup;\n  private _menuInfo: {\n    x: number;\n    y: number;\n    col: number;\n    row: number;\n    type: MenuType;\n    menuInfo: MenuListItem[];\n    highlightIndex: number;\n  };\n  // private _attachInfo?: AttachInfo | null;\n\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n    this._menuInstance = new Group({\n      x: 0,\n      y: 0,\n      // visible: false,\n      fill: menuStyle.bgColor,\n      stroke: menuStyle.borderColor,\n      borderRadius: menuStyle.borderRadius,\n      lineWidth: menuStyle.borderWidth\n    });\n    this._menuInfo = {\n      x: -1,\n      y: -1,\n      col: -1,\n      row: -1,\n      type: MenuType.dropDown,\n      menuInfo: [],\n      highlightIndex: -1\n    };\n\n    // this._menuInstance.setTheme({\n    //   rect: {\n    //     width: 100,\n    //   },\n    // });\n\n    // 绑定事件\n    // this._bindTableEvent(table);\n  }\n\n  bindTableComponent(componentGroup: Group) {\n    componentGroup.appendChild(this._menuInstance);\n\n    this.bindEvent();\n  }\n\n  dispose() {\n    // do nothing\n  }\n\n  attach(x: number, y: number, col: number, row: number, type: MenuType, menuInfo?: MenuInfo) {\n    if (type === MenuType.dropDown && this.checkDropDownMenuChange(col, row)) {\n      // 菜单内容变化，更新菜单Group\n      const tableMenuInfo = this.getMenuInfo(col, row, type);\n      if (!tableMenuInfo) {\n        return;\n      }\n      const { menuInfo, highlightIndex } = tableMenuInfo;\n      this.updateMenuInfo(col, row, type, menuInfo, highlightIndex);\n      this.updateMenuInstance(menuInfo, highlightIndex);\n      // this.updatePosition(x - this._table.scenegraph.x, y - this._table.scenegraph.y);\n    } else if (type === MenuType.contextmenu) {\n      if (this.checkContextMenuChange(x, y)) {\n        const tableMenuInfo = this.getMenuInfo(col, row, type);\n        if (!tableMenuInfo) {\n          return;\n        }\n        const { menuInfo, highlightIndex } = tableMenuInfo;\n        this.updateMenuInfo(col, row, type, menuInfo, highlightIndex);\n        this.updateMenuInstance(menuInfo, highlightIndex);\n      }\n    }\n    this.updatePosition(x - this._table.scenegraph.x, y - this._table.scenegraph.y);\n\n    this.addToScene();\n  }\n\n  updateMenuInfo(col: number, row: number, type: MenuType, menuInfo: MenuListItem[], highlightIndex: number) {\n    this._menuInfo.col = col;\n    this._menuInfo.row = row;\n    this._menuInfo.type = type;\n    this._menuInfo.menuInfo = menuInfo;\n    this._menuInfo.highlightIndex = highlightIndex;\n  }\n\n  checkDropDownMenuChange(col: number, row: number) {\n    const { type, col: curCol, row: curRow } = this._menuInfo;\n    if (type === MenuType.dropDown && col === curCol && row === curRow) {\n      return false;\n    }\n    return true;\n  }\n\n  checkContextMenuChange(x: number, y: number) {\n    const { type, menuInfo } = this._menuInfo;\n    if (type === MenuType.contextmenu && menuInfo === this._table.internalProps.menu?.contextMenuItems) {\n      return false;\n    }\n    return true;\n  }\n\n  updateMenuInstance(menuInfo: MenuInfo, highlightIndex: number) {\n    // 清空Mark\n    this._menuInstance.removeAllChild();\n\n    // menu padding\n    let y = menuStyle.menuPadding;\n    const x = menuStyle.menuPadding;\n    let maxWidth = 0;\n    menuInfo.forEach((item, index) => {\n      const isisHighlight = highlightIndex === index;\n      let icon;\n      let text;\n      if (typeof item === 'string') {\n        text = item;\n      } else if (typeof item === 'object') {\n        text = item.text;\n        if (isisHighlight) {\n          icon = item.selectedIcon;\n        } else {\n          icon = item.icon;\n        }\n      }\n\n      const group = new Group({\n        y,\n        x,\n        // childrenPickable: false,\n        height: menuStyle.lineHeight,\n        fill: menuStyle.bgColor\n      });\n      group.role = 'menu-item';\n      this._menuInstance.appendChild(group);\n\n      // 处理背景hover效果\n      group.stateProxy = (stateName: string) => {\n        if (stateName === 'hover') {\n          return {\n            fill: menuStyle.hoverBgColor\n          };\n        }\n        return {\n          fill: menuStyle.bgColor\n        };\n      };\n      group.addEventListener('pointerenter', (e: FederatedEvent) => {\n        group.addState('hover', true, false);\n        this._table.scenegraph.updateNextFrame();\n      });\n      group.addEventListener('pointerleave', (e: FederatedEvent) => {\n        group.removeState('hover', false);\n        this._table.scenegraph.updateNextFrame();\n      });\n\n      const textMark = new Text({\n        x: menuStyle.menuItemPadding,\n        y: menuStyle.menuItemPadding,\n        fill: isisHighlight ? menuStyle.highlightColor : menuStyle.color,\n        text,\n        textBaseline: 'top',\n        fontSize: menuStyle.fontSize,\n        pickable: false,\n        maxLineWidth: menuStyle.maxLineWidth,\n        ellipsis: '…'\n        // lineHeight: menuStyle.lineHeight,\n      });\n      group.addChild(textMark);\n\n      if (icon) {\n        const textHeight = textMark.AABBBounds.height();\n        const iconWidth = icon.width ?? 16;\n        const iconHeight = icon.height ?? 16;\n        const iconMark = new Icon({\n          x: menuStyle.menuItemPadding,\n          y: (menuStyle.lineHeight - iconHeight) / 2,\n          width: iconWidth,\n          height: iconHeight,\n          image: icon.svg,\n          pickable: false\n        });\n        iconMark.role = 'menu-icon';\n        group.insertBefore(iconMark, textMark);\n        textMark.setAttribute('x', iconWidth + menuStyle.menuItemPadding);\n      }\n\n      // const textWidth = textMark.AABBBounds.width();\n      maxWidth = Math.max(group.AABBBounds.width(), maxWidth);\n\n      y += menuStyle.lineHeight;\n    });\n\n    this._menuInstance.setAttributes({\n      width: maxWidth + menuStyle.menuItemPadding * 2 + menuStyle.menuPadding * 2,\n      height: y + menuStyle.menuPadding\n    });\n    this._menuInstance.forEachChildren((itemGroup: Group) => {\n      itemGroup.setAttribute('width', maxWidth + menuStyle.menuItemPadding * 2);\n    });\n  }\n\n  updatePosition(x: number, y: number) {\n    // to do: 位置躲避\n    this._menuInstance.setAttributes({\n      x: this._menuInfo.type === MenuType.dropDown ? x - this._menuInstance.attribute.width : x,\n      y\n    });\n    this._menuInfo.x = MenuType.dropDown ? x - this._menuInstance.attribute.width : x;\n    this._menuInfo.y = y;\n  }\n\n  addToScene() {\n    this._table.scenegraph.updateNextFrame();\n  }\n\n  detach() {\n    this._menuInstance.setAttributes({\n      // visible: false,\n      x: -1000,\n      y: -1000\n    });\n    // this._menuInstance.hideAll();\n    this._table.scenegraph.updateNextFrame();\n  }\n\n  /**\n   * @description: 获取对应单元格的菜单内容\n   * @param {number} col\n   * @param {number} row\n   * @param {MenuType} type\n   * @return {*}\n   */\n  getMenuInfo(col: number, row: number, type: MenuType) {\n    if (type === MenuType.dropDown) {\n      const { dropDownMenu = this._table.globalDropDownMenu, pivotInfo } = this._table._getHeaderLayoutMap(col, row);\n      let highlightIndex = -1;\n      if (Array.isArray(dropDownMenu)) {\n        for (let i = 0; i < dropDownMenu.length; i++) {\n          if (this._table._dropDownMenuIsHighlight(col, row, i)) {\n            highlightIndex = i;\n            break;\n          }\n        }\n      }\n      return {\n        menuInfo: dropDownMenu,\n        highlightIndex\n      };\n    } else if (type === MenuType.contextmenu) {\n      const contextmenu = this._table.internalProps.menu?.contextMenuItems;\n      let menuInfo;\n      if (Array.isArray(contextmenu)) {\n        menuInfo = contextmenu;\n      } else if (typeof contextmenu === 'function') {\n        const { field } = this._table.isHeader(col, row)\n          ? this._table.getHeaderDefine(col, row)\n          : this._table.getBodyColumnDefine(col, row);\n        menuInfo = contextmenu(field, row);\n      }\n      return {\n        menuInfo,\n        highlightIndex: -1\n      };\n    }\n    return undefined;\n  }\n\n  bindEvent() {\n    // // 监听showMenu自定义事件\n    // this._table.listen(DG_EVENT_TYPE.SHOW_MENU, (e) => {\n    //   const { x, y, col, row, type } = e;\n    //   this.attach(x, y, col, row, type);\n    // });\n    // // 监听hideMenu自定义事件\n    // this._table.listen(DG_EVENT_TYPE.HIDE_MENU, () => {\n    //   this.detach();\n    // });\n\n    // 监听菜单内容click\n    this._menuInstance.addEventListener('click', (e: FederatedEvent) => {\n      const { target } = e;\n      if (target && (target as unknown as Group).role === 'menu-item') {\n        // 成功点击menu-item，触发自定义事件\n        const resultMenuInfo = this.getEventInfo(target as unknown as Group);\n        const resultTableInfo = this._table.getMenuInfo(this._menuInfo.col, this._menuInfo.row, this._menuInfo.type);\n        const result = Object.assign(resultMenuInfo, resultTableInfo);\n        this._table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, result);\n\n        // 由DROPDOWNMENU_CLICK事件清空菜单\n        // this.detach();\n      }\n    });\n  }\n\n  getEventInfo(target: IGroup): {\n    col: number;\n    row: number;\n    menuKey: string;\n    dropDownIndex: number;\n    text: string;\n    highlight: boolean;\n  } {\n    const parent = target.parent as IGroup;\n    let index = 0;\n    parent.forEachChildren((child: IGroup, i: number) => {\n      if (child === target) {\n        index = i - 1; // index 0为背景rect\n        return true;\n      }\n      return false;\n    });\n\n    const text =\n      typeof this._menuInfo.menuInfo[index] === 'string'\n        ? this._menuInfo.menuInfo[index]\n        : (this._menuInfo.menuInfo[index] as any).text;\n    const menuKey =\n      typeof this._menuInfo.menuInfo[index] === 'string'\n        ? text\n        : (this._menuInfo.menuInfo[index] as any).menuKey || text;\n\n    return {\n      col: this._menuInfo.col,\n      row: this._menuInfo.row,\n      dropDownIndex: index,\n      highlight: index === this._menuInfo.highlightIndex,\n      text,\n      menuKey\n    };\n  }\n\n  get bounds() {\n    return this._menuInstance.globalAABBBounds;\n  }\n}\n\n// class MenuContainer {}\n\n// class MenuElement {}\n"]}

package/cjs/scenegraph/component/table-component.js

@@ -16,8 +16,7 @@ class TableComponent {
         this.columnResizerLine = (0, vrender_1.createLine)({
             visible: !1,
             pickable: !1,
-            stroke: !0,
-            strokeColor: columnResizerColor,
+            stroke: columnResizerColor,
             lineWidth: columnResizerWidth,
             x: 0,
             y: 0,
@@ -31,8 +30,7 @@ class TableComponent {
         }), this.columnResizerBgLine = (0, vrender_1.createLine)({
             visible: !1,
             pickable: !1,
-            stroke: !0,
-            strokeColor: columnResizerBgColor,
+            stroke: columnResizerBgColor,
             lineWidth: columnResizerBgWidth,
             x: 0,
             y: 0,
@@ -50,7 +48,7 @@ class TableComponent {
             x: 0,
             y: 0,
             fontSize: 10,
-            fillColor: "#FFF",
+            fill: "#FFF",
             text: "",
             textBaseline: "top",
             dx: 16,
@@ -58,8 +56,7 @@ class TableComponent {
         }), columnResizerLabelBack = (0, vrender_1.createRect)({
             visible: !1,
             pickable: !1,
-            fill: !0,
-            fillColor: "#3073F2",
+            fill: "#3073F2",
             x: 0,
             y: 0,
             width: 38,
@@ -83,7 +80,7 @@ class TableComponent {
             y: 0,
             width: shadowWidth,
             height: 0,
-            fillColor: {
+            fill: {
                 gradient: "linear",
                 x0: 0,
                 y0: 0,
@@ -117,12 +114,10 @@ class TableComponent {
             height: width,
             padding: 0,
             railStyle: {
-                fill: !!scrollRailColor,
-                fillColor: scrollRailColor
+                fill: scrollRailColor
             },
             sliderStyle: {
-                fill: !0,
-                fillColor: scrollSliderColor
+                fill: scrollSliderColor
             },
             range: [ 0, .1 ],
             visible: !1
@@ -134,12 +129,10 @@ class TableComponent {
             height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),
             padding: 0,
             railStyle: {
-                fill: !!scrollRailColor,
-                fillColor: scrollRailColor
+                fill: scrollRailColor
             },
             sliderStyle: {
-                fill: !0,
-                fillColor: scrollSliderColor
+                fill: scrollSliderColor
             },
             range: [ 0, .1 ],
             visible: !1

package/cjs/scenegraph/component/table-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/component/table-component.ts"],"names":[],"mappings":";;;AACA,+CAAkG;AAClG,qEAAyD;AAGzD,iCAAqC;AACrC,6CAAyC;AACzC,6CAAyC;AACzC,iCAAiC;AAOjC,MAAa,cAAc;IAezB,YAAY,KAAmB;;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAG/B,IAAI,CAAC,eAAe,EAAE,CAAC;QAoBvB,MAAM,kBAAkB,GAAG,MAAA,KAAK,CAAC,YAAY,0CAAE,SAAS,CAAC;QACzD,MAAM,kBAAkB,GAAG,MAAA,KAAK,CAAC,YAAY,0CAAE,SAAS,CAAC;QACzD,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,YAAY,0CAAE,OAAO,CAAC;QACzD,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,CAAC;QACvD,IAAI,CAAC,iBAAiB,GAAG,IAAA,oBAAU,EAAC;YAClC,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,kBAA4B;YACzC,SAAS,EAAE,kBAA4B;YACvC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;aACf;SACF,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,GAAG,IAAA,oBAAU,EAAC;YACpC,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,oBAA8B;YAC3C,SAAS,EAAE,oBAA8B;YACzC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YAEJ,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;aACf;SACF,CAAC,CAAC;QAGH,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC;YACxC,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,EAAE;YACR,YAAY,EAAE,KAAK;YACnB,EAAE,EAAE,EAAE,GAAG,CAAC;YACV,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC;SACX,CAAC,CAAC;QACH,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC;YACxC,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,SAAS;YACpB,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,CAAC;YACf,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,CAAC,CAAC;SACP,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,GAAG,IAAA,qBAAW,EAAC;YACpC,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QAC5D,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QAG5D,IAAI,CAAC,SAAS,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAG3C,MAAM,WAAW,GAAG,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,0CAAE,KAAK,CAAC;QAC1D,MAAM,gBAAgB,GAAG,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,0CAAE,UAAU,CAAC;QACpE,MAAM,cAAc,GAAG,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,0CAAE,QAAQ,CAAC;QAChE,IAAI,CAAC,gBAAgB,GAAG,IAAA,oBAAU,EAAC;YACjC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,KAAK;YACf,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE;gBACT,QAAQ,EAAE,QAAQ;gBAClB,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE;oBACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC,EAAE;oBACtC,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,EAAE;iBACrC;aACF;SACF,CAAC,CAAC;QAWH,IAAI,CAAC,IAAI,GAAG,IAAI,kBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,CAAC,SAAS,GAAG,IAAI,sBAAS,EAAE,CAAC;IACnC,CAAC;IAOD,UAAU,CAAC,cAAqB;QAC9B,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAE/C,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAClD,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAChD,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACjD,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACzC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;QAC7C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC;IAMD,eAAe;;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,WAAW,0CAAE,eAAyB,CAAC;QACrE,MAAM,iBAAiB,GAAG,MAAA,KAAK,CAAC,WAAW,0CAAE,iBAA2B,CAAC;QACzE,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,WAAW,0CAAE,KAAe,CAAC;QAIjD,IAAI,CAAC,UAAU,GAAG,IAAI,8BAAS,CAAC;YAC9B,SAAS,EAAE,YAAY;YACvB,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC;YACpC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,CAAC;YACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;YACnC,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,CAAC;YACV,SAAS,EAAE;gBACT,IAAI,EAAE,CAAC,CAAC,eAAe;gBACvB,SAAS,EAAE,eAAe;aAC3B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,iBAAiB;aAC7B;YACD,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;YAEf,OAAO,EAAE,KAAK;SACf,CAAC,CAAC;QAEF,IAAI,CAAC,UAAkB,CAAC,MAAM,EAAE,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAE1B,IAAI,CAAC,UAAU,GAAG,IAAI,8BAAS,CAAC;YAC9B,SAAS,EAAE,UAAU;YACrB,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC;YACpC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,CAAC;YACrC,KAAK;YACL,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;YACxE,OAAO,EAAE,CAAC;YACV,SAAS,EAAE;gBACT,IAAI,EAAE,CAAC,CAAC,eAAe;gBACvB,SAAS,EAAE,eAAe;aAC3B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,iBAAiB;aAC7B;YACD,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;YACf,OAAO,EAAE,KAAK;SACf,CAAC,CAAC;QACF,IAAI,CAAC,UAAkB,CAAC,MAAM,EAAE,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;IAMD,eAAe;;QACb,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC5E,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC;QAExE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,WAAW,0CAAE,KAAe,CAAC;QACjD,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAiB,CAAC;QAErD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/E,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAEjF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAClD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAChD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;QAC1D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QACxD,IAAI,UAAU,GAAG,UAAU,EAAE;YAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,UAAU,GAAG,eAAe,CAAC,CAAC,CAAC;YACjG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;gBAC5B,CAAC,EAAE,eAAe;gBAClB,CAAC,EAAE,CAAC,GAAG,KAAK;gBACZ,KAAK,EAAE,UAAU,GAAG,eAAe;gBACnC,KAAK,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC;gBACpB,OAAO,EAAE,OAAO,KAAK,QAAQ;aAC9B,CAAC,CAAC;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC;YAC7E,IAAI,CAAC,UAAkB,CAAC,aAAa,GAAG;gBACvC,CAAC,EAAE,MAAM,CAAC,EAAE;gBACZ,CAAC,EAAE,MAAM,CAAC,EAAE;aACb,CAAC;YACF,IAAI,OAAO,KAAK,QAAQ,EAAE;gBACxB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;aAC3B;SACF;QAED,IAAI,WAAW,GAAG,WAAW,EAAE;YAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,WAAW,GAAG,gBAAgB,CAAC,GAAG,CAAC,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC;YACrG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;gBAC5B,CAAC,EAAE,CAAC,GAAG,KAAK;gBACZ,CAAC,EAAE,gBAAgB;gBACnB,MAAM,EAAE,WAAW,GAAG,gBAAgB;gBACtC,KAAK,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC;gBACpB,OAAO,EAAE,OAAO,KAAK,QAAQ;aAC9B,CAAC,CAAC;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC;YAC7E,IAAI,CAAC,UAAkB,CAAC,aAAa,GAAG;gBACvC,CAAC,EAAE,MAAM,CAAC,EAAE;gBACZ,CAAC,EAAE,MAAM,CAAC,EAAE;aACb,CAAC;YAEF,IAAI,OAAO,KAAK,QAAQ,EAAE;gBACxB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;aAC3B;SACF;QAED,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC3D,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC1D,CAAC;IAMD,aAAa;QAEX,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC;IACpC,CAAC;IAQD,aAAa,CAAC,GAAW,EAAE,CAAS;QAGlC,MAAM,IAAI,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;YACnC,OAAO,EAAE,IAAI;YACb,CAAC,EAAE,IAAI;YACP,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE;aAClE;SACF,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACrC,OAAO,EAAE,IAAI;YACb,CAAC,EAAE,IAAI;YACP,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE;aAClE;SACF,CAAC,CAAC;QAIH,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC;QAClC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC;YACpC,OAAO,EAAE,IAAI;YACb,CAAC,EAAE,IAAI;YACP,CAAC;SACF,CAAC,CAAC;QACF,IAAI,CAAC,kBAAkB,CAAC,SAAsB,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3G,CAAC;IAQD,eAAe,CAAC,GAAW,EAAE,CAAS;QAEpC,MAAM,IAAI,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;YACnC,CAAC,EAAE,IAAI;YACP,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE;aAClE;SACF,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACrC,CAAC,EAAE,IAAI;YACP,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE;aAClE;SACF,CAAC,CAAC;QAGH,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC;YACpC,CAAC,EAAE,IAAI;YACP,CAAC;SACF,CAAC,CAAC;QACF,IAAI,CAAC,kBAAkB,CAAC,SAAsB,CAAC,YAAY,CAC1D,MAAM,EACN,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,CAC/C,CAAC;IACJ,CAAC;IAMD,WAAW;QACT,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAQD,WAAW,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;QACjD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC;IAQD,aAAa,CAAC,KAAa,EAAE,KAAa,EAAE,KAAa,EAAE,KAAa;QACtE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACpD,CAAC;IAOD,qBAAqB,CAAC,GAAW;QAC/B,IAAI,GAAG,GAAG,CAAC,EAAE;YACX,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;gBAClC,OAAO,EAAE,KAAK;aACf,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YAC7C,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;gBAClC,OAAO,EAAE,IAAI;gBACb,CAAC,EAAE,IAAI;gBACP,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC7D,CAAC,CAAC;SACJ;IACH,CAAC;IAED,qBAAqB;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;QACrD,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,EAAE;YAClD,OAAO;SACR;QACD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;IACD,qBAAqB;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;QACrD,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,EAAE;YAClD,OAAO;SACR;QACD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;IACD,uBAAuB;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;QACrD,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,EAAE;YAClD,OAAO;SACR;QACD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;IACD,uBAAuB;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;QACrD,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,EAAE;YAClD,OAAO;SACR;QACD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;IACD,0BAA0B,CAAC,QAAgB;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC;QAC7E,IAAI,CAAC,UAAkB,CAAC,aAAa,GAAG;YACvC,CAAC,EAAE,MAAM,CAAC,EAAE;YACZ,CAAC,EAAE,MAAM,CAAC,EAAE;SACb,CAAC;IACJ,CAAC;IACD,4BAA4B,CAAC,SAAiB;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC;QACrE,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC;QAC7E,IAAI,CAAC,UAAkB,CAAC,aAAa,GAAG;YACvC,CAAC,EAAE,MAAM,CAAC,EAAE;YACZ,CAAC,EAAE,MAAM,CAAC,EAAE;SACb,CAAC;IACJ,CAAC;CACF;AA9dD,wCA8dC","file":"table-component.js","sourcesContent":["import type { ILine, IRect, IGroup } from '@visactor/vrender';\nimport { createRect, createLine, createText, createGroup, createSymbol } from '@visactor/vrender';\nimport { ScrollBar } from '@visactor/vrender-components';\nimport type { Group } from '../graphic/group';\nimport type { WrapText } from '../graphic/text';\nimport { MenuHandler } from './menu';\nimport { DrillIcon } from './drill-icon';\nimport { CellMover } from './cell-mover';\nimport { getColX } from './util';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * @description: 表格内容外组件\n * @return {*}\n */\nexport class TableComponent {\n  table: BaseTableAPI;\n\n  border: IRect; // 表格外边框\n  // selectBorder: IRect; // 表格选择区域边框\n  columnResizerLine: ILine; // 表格列宽调整基准线\n  columnResizerBgLine: ILine; // 表格列宽调整基准线背景\n  columnResizerLabel: IGroup; // 表格列宽调整标记\n  menu: MenuHandler; // 表格菜单\n  vScrollBar: ScrollBar; // 表格横向滚动条\n  hScrollBar: ScrollBar; // 表格纵向滚动条\n  frozenShadowLine: IRect; // 表格冻结列右侧阴影块\n  drillIcon: DrillIcon; // drill icon\n  cellMover: CellMover; // 表格列顺序调整标记\n\n  constructor(table: BaseTableAPI) {\n    this.table = table;\n    const theme = this.table.theme;\n\n    // 滚动条\n    this.createScrollBar();\n\n    // // 框选外边框\n    // const bodyClickBorderColor = theme.bodyStyle?.click?.cellBorderColor;\n    // const bodyClickLineWidth = theme.bodyStyle?.click?.cellBorderLineWidth;\n\n    // this.selectBorder = createRect({\n    //   visible: false,\n    //   pickable: false,\n    //   fill: false,\n    //   stroke: true,\n    //   strokeColor: bodyClickBorderColor as string,\n    //   lineWidth: bodyClickLineWidth as number,\n    //   x: 0,\n    //   y: 0,\n    //   width: 0,\n    //   height: 0,\n    // });\n\n    // 列宽调整基准线\n    const columnResizerColor = theme.columnResize?.lineColor;\n    const columnResizerWidth = theme.columnResize?.lineWidth;\n    const columnResizerBgColor = theme.columnResize?.bgColor;\n    const columnResizerBgWidth = theme.columnResize?.width;\n    this.columnResizerLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: true,\n      strokeColor: columnResizerColor as string,\n      lineWidth: columnResizerWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n    this.columnResizerBgLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: true,\n      strokeColor: columnResizerBgColor as string,\n      lineWidth: columnResizerBgWidth as number,\n      x: 0,\n      y: 0,\n      // dx: -(columnResizerBgWidth - columnResizerWidth) / 2,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列宽调整文字标签\n    const columnResizerLabelText = createText({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      fontSize: 10,\n      fillColor: '#FFF',\n      text: '',\n      textBaseline: 'top',\n      dx: 12 + 4,\n      dy: -8 + 2\n    });\n    const columnResizerLabelBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: true,\n      fillColor: '#3073F2',\n      x: 0,\n      y: 0,\n      width: 38,\n      height: 16,\n      borderRadius: 5,\n      dx: 12,\n      dy: -8\n    });\n    this.columnResizerLabel = createGroup({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0\n    });\n    this.columnResizerLabel.appendChild(columnResizerLabelBack);\n    this.columnResizerLabel.appendChild(columnResizerLabelText);\n\n    // 列顺序调整基准线\n    this.cellMover = new CellMover(this.table);\n\n    // 冻结列阴影\n    const shadowWidth = theme.frozenColumnLine?.shadow?.width;\n    const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;\n    const shadowEndColor = theme.frozenColumnLine?.shadow?.endColor;\n    this.frozenShadowLine = createRect({\n      visible: true,\n      pickable: false,\n      x: 0,\n      y: 0,\n      width: shadowWidth,\n      height: 0,\n      fillColor: {\n        gradient: 'linear',\n        x0: 0,\n        y0: 0,\n        x1: 1,\n        y1: 0,\n        stops: [\n          { color: shadowStartColor, offset: 0 },\n          { color: shadowEndColor, offset: 1 }\n        ]\n      }\n    });\n\n    // TO BE DONE 冻结列border(theme.frozenColumnLine?.border)\n\n    // 弹出窗口\n    // this.menu = createGroup({\n    //   visible: false,\n    //   pickable: false,\n    //   x: 0,\n    //   y: 0,\n    // });\n    this.menu = new MenuHandler(this.table);\n\n    this.drillIcon = new DrillIcon();\n  }\n\n  /**\n   * @description: 组件mark加入到容器Group中\n   * @param {Group} componentGroup\n   * @return {*}\n   */\n  addToGroup(componentGroup: Group) {\n    componentGroup.addChild(this.frozenShadowLine);\n    // componentGroup.addChild(this.selectBorder);\n    componentGroup.addChild(this.columnResizerBgLine);\n    componentGroup.addChild(this.columnResizerLine);\n    componentGroup.addChild(this.columnResizerLabel);\n    componentGroup.addChild(this.hScrollBar);\n    componentGroup.addChild(this.vScrollBar);\n    this.menu.bindTableComponent(componentGroup);\n    this.drillIcon.appand(componentGroup);\n    this.cellMover.appand(componentGroup);\n  }\n\n  /**\n   * @description: 创建滚动条组件\n   * @return {*}\n   */\n  createScrollBar() {\n    const theme = this.table.theme;\n    const scrollRailColor = theme.scrollStyle?.scrollRailColor as string;\n    const scrollSliderColor = theme.scrollStyle?.scrollSliderColor as string;\n    const width = theme.scrollStyle?.width as number;\n    // const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n\n    this.hScrollBar = new ScrollBar({\n      direction: 'horizontal',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width: this.table.tableNoFrameWidth,\n      height: width,\n      padding: 0,\n      railStyle: {\n        fill: !!scrollRailColor,\n        fillColor: scrollRailColor\n      },\n      sliderStyle: {\n        fill: true,\n        fillColor: scrollSliderColor\n      },\n      range: [0, 0.1],\n      // scrollRange: [0.4, 0.8]\n      visible: false\n    });\n    // hack方案实现初始化隐藏滚动条，也可以add到stage之后执行hideAll\n    (this.hScrollBar as any).render();\n    this.hScrollBar.hideAll();\n\n    this.vScrollBar = new ScrollBar({\n      direction: 'vertical',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width,\n      height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),\n      padding: 0,\n      railStyle: {\n        fill: !!scrollRailColor,\n        fillColor: scrollRailColor\n      },\n      sliderStyle: {\n        fill: true,\n        fillColor: scrollSliderColor\n      },\n      range: [0, 0.1],\n      visible: false\n    });\n    (this.vScrollBar as any).render();\n    this.vScrollBar.hideAll();\n  }\n\n  /**\n   * @description: 更新滚动条尺寸\n   * @return {*}\n   */\n  updateScrollBar() {\n    const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;\n    const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;\n\n    const theme = this.table.theme;\n    const width = theme.scrollStyle?.width as number;\n    const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n    const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);\n    const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);\n\n    const totalHeight = this.table.getAllRowsHeight();\n    const totalWidth = this.table.getAllColsWidth();\n    const frozenRowsHeight = this.table.getFrozenRowsHeight();\n    const frozenColsWidth = this.table.getFrozenColsWidth();\n    if (totalWidth > tableWidth) {\n      const y = Math.min(tableHeight, totalHeight);\n      const rangeEnd = Math.max(0.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));\n      this.hScrollBar.setAttributes({\n        x: frozenColsWidth,\n        y: y - width,\n        width: tableWidth - frozenColsWidth,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n      (this.hScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n      if (visible === 'always') {\n        this.hScrollBar.showAll();\n      }\n    }\n\n    if (totalHeight > tableHeight) {\n      const x = Math.min(tableWidth, totalWidth);\n      const rangeEnd = Math.max(0.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));\n      this.vScrollBar.setAttributes({\n        x: x - width,\n        y: frozenRowsHeight,\n        height: tableHeight - frozenRowsHeight,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n      (this.vScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n\n      if (visible === 'always') {\n        this.vScrollBar.showAll();\n      }\n    }\n\n    this.table.stateManeger.setScrollLeft(oldHorizontalBarPos);\n    this.table.stateManeger.setScrollTop(oldVerticalBarPos);\n  }\n\n  /**\n   * @description: 隐藏列宽调整组件\n   * @return {*}\n   */\n  hideResizeCol() {\n    // this.columnResizerLine.attribute.visible = false;\n    this.columnResizerLine.setAttribute('visible', false);\n    this.columnResizerBgLine.setAttribute('visible', false);\n    this.columnResizerLabel.setAttribute('visible', false);\n    this.columnResizerLabel.hideAll();\n  }\n\n  /**\n   * @description: 显示列宽调整组件\n   * @param {number} col\n   * @param {number} y\n   * @return {*}\n   */\n  showResizeCol(col: number, y: number) {\n    // this.columnResizerLine.attribute.visible = false;\n    // 基准线\n    const colX = getColX(col, this.table);\n    this.columnResizerLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n    this.columnResizerBgLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n\n    // 标签\n    // this.columnResizerLabel.setAttribute('visible', true);\n    this.columnResizerLabel.showAll();\n    this.columnResizerLabel.setAttributes({\n      visible: true,\n      x: colX,\n      y\n    });\n    (this.columnResizerLabel.lastChild as WrapText).setAttribute('text', `${this.table.getColWidth(col)}px`);\n  }\n\n  /**\n   * @description: 更新列宽调整组件\n   * @param {number} col\n   * @param {number} y 标签显示的y坐标\n   * @return {*}\n   */\n  updateResizeCol(col: number, y: number) {\n    // 基准线\n    const colX = getColX(col, this.table);\n    // this.columnResizerLine.setAttribute('x', x);\n    this.columnResizerLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n    this.columnResizerBgLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n\n    // 标签\n    this.columnResizerLabel.setAttributes({\n      x: colX,\n      y\n    });\n    (this.columnResizerLabel.lastChild as WrapText).setAttribute(\n      'text',\n      `${Math.floor(this.table.getColWidth(col))}px`\n    );\n  }\n\n  /**\n   * @description: 隐藏列顺序调整组件\n   * @return {*}\n   */\n  hideMoveCol() {\n    this.cellMover.hide();\n  }\n\n  /**\n   * @description: 显示列顺序调整组件\n   * @param {number} col\n   * @param {number} x\n   * @return {*}\n   */\n  showMoveCol(col: number, row: number, delta: number) {\n    this.cellMover.show(col, row, delta);\n  }\n\n  /**\n   * @description: 更新列顺序调整组件\n   * @param {number} backX\n   * @param {number} lineX\n   * @return {*}\n   */\n  updateMoveCol(backX: number, lineX: number, backY: number, lineY: number) {\n    this.cellMover.update(backX, lineX, backY, lineY);\n  }\n\n  /**\n   * @description: 显示冻结列shadow\n   * @param {number} col\n   * @return {*}\n   */\n  setFrozenColumnShadow(col: number) {\n    if (col < 0) {\n      this.frozenShadowLine.setAttributes({\n        visible: false\n      });\n    } else {\n      const colX = this.table.getColsWidth(0, col);\n      this.frozenShadowLine.setAttributes({\n        visible: true,\n        x: colX,\n        height: this.table.getRowsHeight(0, this.table.rowCount - 1)\n      });\n    }\n  }\n\n  hideVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', false);\n    this.vScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', true);\n    this.vScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  hideHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', false);\n    this.hScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', true);\n    this.hScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  updateVerticalScrollBarPos(topRatio: number) {\n    const range = this.vScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    const range0 = topRatio * (1 - size);\n    this.vScrollBar.setAttribute('range', [range0, range0 + size]);\n    const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n    (this.vScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n  updateHorizontalScrollBarPos(leftRatio: number) {\n    const range = this.hScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    this.hScrollBar.setAttribute('range', [leftRatio, leftRatio + size]);\n    const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n    (this.hScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n}\n"]}
+{"version":3,"sources":["scenegraph/component/table-component.ts"],"names":[],"mappings":"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","file":"table-component.js","sourcesContent":["import type { ILine, IRect, IGroup } from '@visactor/vrender';\nimport { createRect, createLine, createText, createGroup, createSymbol } from '@visactor/vrender';\nimport { ScrollBar } from '@visactor/vrender-components';\nimport type { Group } from '../graphic/group';\nimport type { WrapText } from '../graphic/text';\nimport { MenuHandler } from './menu';\nimport { DrillIcon } from './drill-icon';\nimport { CellMover } from './cell-mover';\nimport { getColX } from './util';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * @description: 表格内容外组件\n * @return {*}\n */\nexport class TableComponent {\n  table: BaseTableAPI;\n\n  border: IRect; // 表格外边框\n  // selectBorder: IRect; // 表格选择区域边框\n  columnResizerLine: ILine; // 表格列宽调整基准线\n  columnResizerBgLine: ILine; // 表格列宽调整基准线背景\n  columnResizerLabel: IGroup; // 表格列宽调整标记\n  menu: MenuHandler; // 表格菜单\n  vScrollBar: ScrollBar; // 表格横向滚动条\n  hScrollBar: ScrollBar; // 表格纵向滚动条\n  frozenShadowLine: IRect; // 表格冻结列右侧阴影块\n  drillIcon: DrillIcon; // drill icon\n  cellMover: CellMover; // 表格列顺序调整标记\n\n  constructor(table: BaseTableAPI) {\n    this.table = table;\n    const theme = this.table.theme;\n\n    // 滚动条\n    this.createScrollBar();\n\n    // 列宽调整基准线\n    const columnResizerColor = theme.columnResize?.lineColor;\n    const columnResizerWidth = theme.columnResize?.lineWidth;\n    const columnResizerBgColor = theme.columnResize?.bgColor;\n    const columnResizerBgWidth = theme.columnResize?.width;\n    this.columnResizerLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnResizerColor as string,\n      lineWidth: columnResizerWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n    this.columnResizerBgLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnResizerBgColor as string,\n      lineWidth: columnResizerBgWidth as number,\n      x: 0,\n      y: 0,\n      // dx: -(columnResizerBgWidth - columnResizerWidth) / 2,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列宽调整文字标签\n    const columnResizerLabelText = createText({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      fontSize: 10,\n      fill: '#FFF',\n      text: '',\n      textBaseline: 'top',\n      dx: 12 + 4,\n      dy: -8 + 2\n    });\n    const columnResizerLabelBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: '#3073F2',\n      x: 0,\n      y: 0,\n      width: 38,\n      height: 16,\n      borderRadius: 5,\n      dx: 12,\n      dy: -8\n    });\n    this.columnResizerLabel = createGroup({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0\n    });\n    this.columnResizerLabel.appendChild(columnResizerLabelBack);\n    this.columnResizerLabel.appendChild(columnResizerLabelText);\n\n    // 列顺序调整基准线\n    this.cellMover = new CellMover(this.table);\n\n    // 冻结列阴影\n    const shadowWidth = theme.frozenColumnLine?.shadow?.width;\n    const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;\n    const shadowEndColor = theme.frozenColumnLine?.shadow?.endColor;\n    this.frozenShadowLine = createRect({\n      visible: true,\n      pickable: false,\n      x: 0,\n      y: 0,\n      width: shadowWidth,\n      height: 0,\n      fill: {\n        gradient: 'linear',\n        x0: 0,\n        y0: 0,\n        x1: 1,\n        y1: 0,\n        stops: [\n          { color: shadowStartColor, offset: 0 },\n          { color: shadowEndColor, offset: 1 }\n        ]\n      }\n    });\n\n    // TO BE DONE 冻结列border(theme.frozenColumnLine?.border)\n\n    // 弹出窗口\n    // this.menu = createGroup({\n    //   visible: false,\n    //   pickable: false,\n    //   x: 0,\n    //   y: 0,\n    // });\n    this.menu = new MenuHandler(this.table);\n\n    this.drillIcon = new DrillIcon();\n  }\n\n  /**\n   * @description: 组件mark加入到容器Group中\n   * @param {Group} componentGroup\n   * @return {*}\n   */\n  addToGroup(componentGroup: Group) {\n    componentGroup.addChild(this.frozenShadowLine);\n    // componentGroup.addChild(this.selectBorder);\n    componentGroup.addChild(this.columnResizerBgLine);\n    componentGroup.addChild(this.columnResizerLine);\n    componentGroup.addChild(this.columnResizerLabel);\n    componentGroup.addChild(this.hScrollBar);\n    componentGroup.addChild(this.vScrollBar);\n    this.menu.bindTableComponent(componentGroup);\n    this.drillIcon.appand(componentGroup);\n    this.cellMover.appand(componentGroup);\n  }\n\n  /**\n   * @description: 创建滚动条组件\n   * @return {*}\n   */\n  createScrollBar() {\n    const theme = this.table.theme;\n    const scrollRailColor = theme.scrollStyle?.scrollRailColor as string;\n    const scrollSliderColor = theme.scrollStyle?.scrollSliderColor as string;\n    const width = theme.scrollStyle?.width as number;\n    // const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n\n    this.hScrollBar = new ScrollBar({\n      direction: 'horizontal',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width: this.table.tableNoFrameWidth,\n      height: width,\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle: {\n        fill: scrollSliderColor\n      },\n      range: [0, 0.1],\n      // scrollRange: [0.4, 0.8]\n      visible: false\n    });\n    // hack方案实现初始化隐藏滚动条，也可以add到stage之后执行hideAll\n    (this.hScrollBar as any).render();\n    this.hScrollBar.hideAll();\n\n    this.vScrollBar = new ScrollBar({\n      direction: 'vertical',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width,\n      height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle: {\n        fill: scrollSliderColor\n      },\n      range: [0, 0.1],\n      visible: false\n    });\n    (this.vScrollBar as any).render();\n    this.vScrollBar.hideAll();\n  }\n\n  /**\n   * @description: 更新滚动条尺寸\n   * @return {*}\n   */\n  updateScrollBar() {\n    const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;\n    const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;\n\n    const theme = this.table.theme;\n    const width = theme.scrollStyle?.width as number;\n    const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n    const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);\n    const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);\n\n    const totalHeight = this.table.getAllRowsHeight();\n    const totalWidth = this.table.getAllColsWidth();\n    const frozenRowsHeight = this.table.getFrozenRowsHeight();\n    const frozenColsWidth = this.table.getFrozenColsWidth();\n    if (totalWidth > tableWidth) {\n      const y = Math.min(tableHeight, totalHeight);\n      const rangeEnd = Math.max(0.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));\n      this.hScrollBar.setAttributes({\n        x: frozenColsWidth,\n        y: y - width,\n        width: tableWidth - frozenColsWidth,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n      (this.hScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n      if (visible === 'always') {\n        this.hScrollBar.showAll();\n      }\n    }\n\n    if (totalHeight > tableHeight) {\n      const x = Math.min(tableWidth, totalWidth);\n      const rangeEnd = Math.max(0.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));\n      this.vScrollBar.setAttributes({\n        x: x - width,\n        y: frozenRowsHeight,\n        height: tableHeight - frozenRowsHeight,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n      (this.vScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n\n      if (visible === 'always') {\n        this.vScrollBar.showAll();\n      }\n    }\n\n    this.table.stateManeger.setScrollLeft(oldHorizontalBarPos);\n    this.table.stateManeger.setScrollTop(oldVerticalBarPos);\n  }\n\n  /**\n   * @description: 隐藏列宽调整组件\n   * @return {*}\n   */\n  hideResizeCol() {\n    // this.columnResizerLine.attribute.visible = false;\n    this.columnResizerLine.setAttribute('visible', false);\n    this.columnResizerBgLine.setAttribute('visible', false);\n    this.columnResizerLabel.setAttribute('visible', false);\n    this.columnResizerLabel.hideAll();\n  }\n\n  /**\n   * @description: 显示列宽调整组件\n   * @param {number} col\n   * @param {number} y\n   * @return {*}\n   */\n  showResizeCol(col: number, y: number) {\n    // this.columnResizerLine.attribute.visible = false;\n    // 基准线\n    const colX = getColX(col, this.table);\n    this.columnResizerLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n    this.columnResizerBgLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n\n    // 标签\n    // this.columnResizerLabel.setAttribute('visible', true);\n    this.columnResizerLabel.showAll();\n    this.columnResizerLabel.setAttributes({\n      visible: true,\n      x: colX,\n      y\n    });\n    (this.columnResizerLabel.lastChild as WrapText).setAttribute('text', `${this.table.getColWidth(col)}px`);\n  }\n\n  /**\n   * @description: 更新列宽调整组件\n   * @param {number} col\n   * @param {number} y 标签显示的y坐标\n   * @return {*}\n   */\n  updateResizeCol(col: number, y: number) {\n    // 基准线\n    const colX = getColX(col, this.table);\n    // this.columnResizerLine.setAttribute('x', x);\n    this.columnResizerLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n    this.columnResizerBgLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n\n    // 标签\n    this.columnResizerLabel.setAttributes({\n      x: colX,\n      y\n    });\n    (this.columnResizerLabel.lastChild as WrapText).setAttribute(\n      'text',\n      `${Math.floor(this.table.getColWidth(col))}px`\n    );\n  }\n\n  /**\n   * @description: 隐藏列顺序调整组件\n   * @return {*}\n   */\n  hideMoveCol() {\n    this.cellMover.hide();\n  }\n\n  /**\n   * @description: 显示列顺序调整组件\n   * @param {number} col\n   * @param {number} x\n   * @return {*}\n   */\n  showMoveCol(col: number, row: number, delta: number) {\n    this.cellMover.show(col, row, delta);\n  }\n\n  /**\n   * @description: 更新列顺序调整组件\n   * @param {number} backX\n   * @param {number} lineX\n   * @return {*}\n   */\n  updateMoveCol(backX: number, lineX: number, backY: number, lineY: number) {\n    this.cellMover.update(backX, lineX, backY, lineY);\n  }\n\n  /**\n   * @description: 显示冻结列shadow\n   * @param {number} col\n   * @return {*}\n   */\n  setFrozenColumnShadow(col: number) {\n    if (col < 0) {\n      this.frozenShadowLine.setAttributes({\n        visible: false\n      });\n    } else {\n      const colX = this.table.getColsWidth(0, col);\n      this.frozenShadowLine.setAttributes({\n        visible: true,\n        x: colX,\n        height: this.table.getRowsHeight(0, this.table.rowCount - 1)\n      });\n    }\n  }\n\n  hideVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', false);\n    this.vScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', true);\n    this.vScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  hideHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', false);\n    this.hScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', true);\n    this.hScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  updateVerticalScrollBarPos(topRatio: number) {\n    const range = this.vScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    const range0 = topRatio * (1 - size);\n    this.vScrollBar.setAttribute('range', [range0, range0 + size]);\n    const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n    (this.vScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n  updateHorizontalScrollBarPos(leftRatio: number) {\n    const range = this.hScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    this.hScrollBar.setAttribute('range', [leftRatio, leftRatio + size]);\n    const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n    (this.hScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n}\n"]}

package/cjs/scenegraph/debug-tool/debug-tool.d.ts

@@ -1,4 +1,4 @@
-import type { FederatedPointerEvent, IStage, IRect, IGraphic } from '@visactor/vrender';
+import type { FederatedPointerEvent, IStage, IGraphic } from '@visactor/vrender';
 export interface DebugToolOptions {
     container?: HTMLElement;
     infoPosition?: 'tl' | 'tr' | 'bl' | 'br';
@@ -12,7 +12,6 @@ export declare class DebugTool {
     _infoContainer: HTMLElement;
     _highlightRect: HTMLElement;
     _target: IGraphic;
-    _rect: IRect;
     _mode: 'hover' | 'click';
     _customGrapicKeys?: string[];
     _modeTip: HTMLElement;
@@ -27,7 +26,6 @@ export declare class DebugTool {
     createHighlightRect(): void;
     bindStageEvent(): void;
     addHighlightBounds(bounds: any): void;
-    removeHighlightBounds(): void;
     updateInfo(): void;
     clearInfo(): void;
     updateMode(): void;

package/cjs/scenegraph/debug-tool/debug-tool.js

@@ -53,39 +53,24 @@ class DebugTool {
         this._highlightRect.style.position = "absolute", container.appendChild(this._highlightRect);
     }
     bindStageEvent() {
-        this._rect = (0, vrender_1.createRect)({
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0,
-            fill: !1,
-            stroke: !0,
-            strokeColor: "red",
-            lineWidth: 1,
-            pickable: !1,
-            visible: !1
-        }), this._stage.defaultLayer.appendChild(this._rect), this._callback.pointermove = e => {
+        this._callback.pointermove = e => {
             "hover" !== this._mode || (e.target && e.target !== this._target ? (this._target = e.target, 
             this.addHighlightBounds(this._target.globalAABBBounds), setTimeout((() => {
                 this.updateInfo();
-            }), 100)) : e.target || (this._target = void 0, this.removeHighlightBounds(), this.clearInfo()));
+            }), 100)) : e.target || (this._target = void 0, this.clearInfo()));
         }, this._stage.addEventListener("pointermove", this._callback.pointermove), this._callback.pointerup = e => {
             "click" !== this._mode || (e.target && e.target !== this._target ? (this._target = e.target, 
             this.addHighlightBounds(this._target.globalAABBBounds), setTimeout((() => {
                 this.updateInfo();
-            }), 100)) : e.target || (this._target = void 0, this.removeHighlightBounds(), this.clearInfo()));
+            }), 100)) : e.target || (this._target = void 0, this.clearInfo()));
         }, this._stage.addEventListener("pointerup", this._callback.pointerup), this._callback.pointerleave = e => {
-            "hover" === this._mode && (this._target = void 0, this.removeHighlightBounds(), 
-            this.clearInfo());
+            "hover" === this._mode && (this._target = void 0, this.clearInfo());
         }, this._stage.addEventListener("pointerleave", this._callback.pointerleave);
     }
     addHighlightBounds(bounds) {
         this._highlightRect.style.left = `${bounds.x1}px`, this._highlightRect.style.top = `${bounds.y1}px`, 
         this._highlightRect.style.width = `${bounds.width()}px`, this._highlightRect.style.height = `${bounds.height()}px`;
     }
-    removeHighlightBounds() {
-        this._rect.setAttribute("visible", !1), this._stage.renderNextFrame();
-    }
     updateInfo() {
         if (!this._target) return;
         this._infoContainer.children.length > 1 && this._infoContainer.removeChild(this._infoContainer.children[1]), 
@@ -128,9 +113,8 @@ class DebugTool {
     }
     release() {
         document.body.removeChild(this._infoContainer), this._highlightRect.parentElement.removeChild(this._highlightRect), 
-        this._stage.defaultLayer.removeChild(this._rect), this._stage.removeEventListener("pointermove", this._callback.pointermove), 
-        this._stage.removeEventListener("pointerup", this._callback.pointerup), this._stage.removeEventListener("pointerleave", this._callback.pointerleave), 
-        window.removeEventListener("keydown", this._callback.keydown);
+        this._stage.removeEventListener("pointermove", this._callback.pointermove), this._stage.removeEventListener("pointerup", this._callback.pointerup), 
+        this._stage.removeEventListener("pointerleave", this._callback.pointerleave), window.removeEventListener("keydown", this._callback.keydown);
     }
 }
 

package/cjs/scenegraph/debug-tool/debug-tool.js.map

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/debug-tool/debug-tool.ts"],"names":[],"mappings":"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","file":"debug-tool.js","sourcesContent":["import type { FederatedPointerEvent, IStage, IRect, IGraphic } from '@visactor/vrender';\nimport { createRect, getTheme } from '@visactor/vrender';\nimport JSONFormatter from 'json-formatter-js';\n\nexport interface DebugToolOptions {\n  container?: HTMLElement;\n  infoPosition?: 'tl' | 'tr' | 'bl' | 'br';\n  infoWidth?: number;\n  infoHeight?: number;\n  mode?: 'hover' | 'click';\n  customGrapicKeys?: string[];\n}\n\nexport class DebugTool {\n  _stage: IStage;\n  _infoContainer: HTMLElement;\n  _highlightRect: HTMLElement;\n  _target: IGraphic;\n  _rect: IRect;\n  _mode: 'hover' | 'click' = 'hover';\n  _customGrapicKeys?: string[];\n  _modeTip: HTMLElement;\n  _callback: {\n    pointermove: (e: FederatedPointerEvent) => void;\n    pointerup: (e: FederatedPointerEvent) => void;\n    pointerleave: (e: FederatedPointerEvent) => void;\n    keydown: (e: KeyboardEvent) => void;\n  };\n\n  constructor(stage: IStage, options?: DebugToolOptions) {\n    this._stage = stage;\n    this._callback = {} as any;\n\n    if (options?.customGrapicKeys) {\n      this._customGrapicKeys = options.customGrapicKeys;\n    }\n\n    // 创建信息框\n    if (options?.container) {\n      this._infoContainer = options.container;\n    } else {\n      this.createInfoContainer(options);\n    }\n\n    // 创建高亮矩形\n    this.createHighlightRect();\n\n    // 绑定stage事件\n    this.bindStageEvent();\n\n    // 绑定键盘事件\n    this.bindKeyEvent();\n  }\n\n  createInfoContainer(options?: DebugToolOptions) {\n    const position = options?.infoPosition || 'tr';\n    const width = options?.infoWidth || 300;\n    const height = options?.infoPosition || 400;\n    this._infoContainer = document.createElement('div');\n    this._infoContainer.style.position = 'fixed';\n    this._infoContainer.style.width = `${width}px`;\n    this._infoContainer.style.height = `${height}px`;\n    this._infoContainer.style.backgroundColor = 'rgba(210, 210, 210, 0.3)';\n    this._infoContainer.style.overflow = 'auto';\n    this._infoContainer.style.display = 'none';\n    switch (position) {\n      case 'tl':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'tr':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.right = `0px`;\n        break;\n      case 'bl':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'br':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.right = `0px`;\n        break;\n    }\n\n    // Tip\n    // debug 模式：hover（shift + s改变模式；shift + d控制台输出target graphic）\n    const tip = document.createElement('div');\n    const tipSpan1 = document.createElement('span');\n    tipSpan1.innerText = 'debug 模式：';\n    tip.appendChild(tipSpan1);\n    this._modeTip = document.createElement('span');\n    this._modeTip.innerText = this._mode;\n    tip.appendChild(this._modeTip);\n    const tipSpan2 = document.createElement('span');\n    tipSpan2.innerText = '（shift + s改变模式；shift + d控制台输出target graphic）';\n    tip.appendChild(tipSpan2);\n    this._infoContainer.appendChild(tip);\n\n    // document.body.append(this._infoContainer);\n    this._stage.window.getContainer().append(this._infoContainer);\n  }\n\n  createHighlightRect() {\n    const container = this._stage.window.getContainer();\n    this._highlightRect = document.createElement('div');\n    this._highlightRect.style.display = 'absolute';\n    this._highlightRect.style.border = '1px solid red';\n    this._highlightRect.style.pointerEvents = 'none';\n    this._highlightRect.style.position = 'absolute';\n    container.appendChild(this._highlightRect);\n  }\n\n  bindStageEvent() {\n    this._rect = createRect({\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0,\n      fill: false,\n      stroke: true,\n      strokeColor: 'red',\n      lineWidth: 1,\n      pickable: false,\n      visible: false\n    });\n    this._stage.defaultLayer.appendChild(this._rect);\n\n    this._callback.pointermove = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'hover') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointermove', this._callback.pointermove);\n\n    this._callback.pointerup = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'click') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerup', this._callback.pointerup);\n\n    this._callback.pointerleave = (e: FederatedPointerEvent) => {\n      if (this._mode === 'hover') {\n        this._target = undefined;\n        this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerleave', this._callback.pointerleave);\n  }\n\n  addHighlightBounds(bounds: any) {\n    // 使用VRender绘制高亮框会导致触发多余渲染，因此使用dom\n    // this._rect.setAttributes({\n    //   x: bounds.x1,\n    //   y: bounds.y1,\n    //   width: bounds.width(),\n    //   height: bounds.height(),\n    //   visible: true,\n    // });\n\n    // // 保证rect在最上层\n    // this._stage.defaultLayer.appendChild(this._rect);\n    // this._stage.renderNextFrame();\n\n    this._highlightRect.style.left = `${bounds.x1}px`;\n    this._highlightRect.style.top = `${bounds.y1}px`;\n    this._highlightRect.style.width = `${bounds.width()}px`;\n    this._highlightRect.style.height = `${bounds.height()}px`;\n  }\n\n  removeHighlightBounds() {\n    this._rect.setAttribute('visible', false);\n    this._stage.renderNextFrame();\n  }\n\n  updateInfo() {\n    if (!this._target) {\n      return;\n    }\n    // this._infoContainer.innerHTML = '';\n    if (this._infoContainer.children.length > 1) {\n      this._infoContainer.removeChild(this._infoContainer.children[1]);\n    }\n    this._infoContainer.style.display = 'block';\n\n    const info = {\n      customKeys: {},\n      type: this._target.type,\n      // role: (this._target as any).role,\n      globalX: this._target.globalTransMatrix.e,\n      globalY: this._target.globalTransMatrix.f,\n      attribute: this._target.attribute,\n      theme: getTheme(this._target)[this._target.type],\n      target: this._target\n    };\n\n    if (this._customGrapicKeys) {\n      this._customGrapicKeys.forEach(key => {\n        info.customKeys[key] = this._target[key];\n      });\n    } else {\n      delete info.customKeys;\n    }\n\n    const formatter = new JSONFormatter(info, 2);\n    this._infoContainer.appendChild(formatter.render());\n  }\n\n  clearInfo() {\n    this._infoContainer.style.display = 'none';\n  }\n\n  updateMode() {\n    this._modeTip.innerText = this._mode;\n  }\n\n  bindKeyEvent() {\n    this._callback.keydown = (e: KeyboardEvent) => {\n      if (e.key === 'D') {\n        console.log(this._target);\n      } else if (e.key === 'S') {\n        switch (this._mode) {\n          case 'click':\n            this._mode = 'hover';\n            break;\n          case 'hover':\n            this._mode = 'click';\n            break;\n        }\n        this.updateMode();\n      }\n    };\n    window.addEventListener('keydown', this._callback.keydown);\n  }\n\n  release() {\n    // 移除信息框\n    document.body.removeChild(this._infoContainer);\n\n    // 移除高亮框\n    this._highlightRect.parentElement.removeChild(this._highlightRect);\n\n    // 解绑stage事件\n    this._stage.defaultLayer.removeChild(this._rect);\n    this._stage.removeEventListener('pointermove', this._callback.pointermove);\n    this._stage.removeEventListener('pointerup', this._callback.pointerup);\n    this._stage.removeEventListener('pointerleave', this._callback.pointerleave);\n\n    // 解绑键盘事件\n    window.removeEventListener('keydown', this._callback.keydown);\n  }\n}\n"]}
+{"version":3,"sources":["scenegraph/debug-tool/debug-tool.ts"],"names":[],"mappings":"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","file":"debug-tool.js","sourcesContent":["import type { FederatedPointerEvent, IStage, IRect, IGraphic } from '@visactor/vrender';\nimport { createRect, getTheme } from '@visactor/vrender';\nimport JSONFormatter from 'json-formatter-js';\n\nexport interface DebugToolOptions {\n  container?: HTMLElement;\n  infoPosition?: 'tl' | 'tr' | 'bl' | 'br';\n  infoWidth?: number;\n  infoHeight?: number;\n  mode?: 'hover' | 'click';\n  customGrapicKeys?: string[];\n}\n\nexport class DebugTool {\n  _stage: IStage;\n  _infoContainer: HTMLElement;\n  _highlightRect: HTMLElement;\n  _target: IGraphic;\n  // _rect: IRect;\n  _mode: 'hover' | 'click' = 'hover';\n  _customGrapicKeys?: string[];\n  _modeTip: HTMLElement;\n  _callback: {\n    pointermove: (e: FederatedPointerEvent) => void;\n    pointerup: (e: FederatedPointerEvent) => void;\n    pointerleave: (e: FederatedPointerEvent) => void;\n    keydown: (e: KeyboardEvent) => void;\n  };\n\n  constructor(stage: IStage, options?: DebugToolOptions) {\n    this._stage = stage;\n    this._callback = {} as any;\n\n    if (options?.customGrapicKeys) {\n      this._customGrapicKeys = options.customGrapicKeys;\n    }\n\n    // 创建信息框\n    if (options?.container) {\n      this._infoContainer = options.container;\n    } else {\n      this.createInfoContainer(options);\n    }\n\n    // 创建高亮矩形\n    this.createHighlightRect();\n\n    // 绑定stage事件\n    this.bindStageEvent();\n\n    // 绑定键盘事件\n    this.bindKeyEvent();\n  }\n\n  createInfoContainer(options?: DebugToolOptions) {\n    const position = options?.infoPosition || 'tr';\n    const width = options?.infoWidth || 300;\n    const height = options?.infoPosition || 400;\n    this._infoContainer = document.createElement('div');\n    this._infoContainer.style.position = 'fixed';\n    this._infoContainer.style.width = `${width}px`;\n    this._infoContainer.style.height = `${height}px`;\n    this._infoContainer.style.backgroundColor = 'rgba(210, 210, 210, 0.3)';\n    this._infoContainer.style.overflow = 'auto';\n    this._infoContainer.style.display = 'none';\n    switch (position) {\n      case 'tl':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'tr':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.right = `0px`;\n        break;\n      case 'bl':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'br':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.right = `0px`;\n        break;\n    }\n\n    // Tip\n    // debug 模式：hover（shift + s改变模式；shift + d控制台输出target graphic）\n    const tip = document.createElement('div');\n    const tipSpan1 = document.createElement('span');\n    tipSpan1.innerText = 'debug 模式：';\n    tip.appendChild(tipSpan1);\n    this._modeTip = document.createElement('span');\n    this._modeTip.innerText = this._mode;\n    tip.appendChild(this._modeTip);\n    const tipSpan2 = document.createElement('span');\n    tipSpan2.innerText = '（shift + s改变模式；shift + d控制台输出target graphic）';\n    tip.appendChild(tipSpan2);\n    this._infoContainer.appendChild(tip);\n\n    // document.body.append(this._infoContainer);\n    this._stage.window.getContainer().append(this._infoContainer);\n  }\n\n  createHighlightRect() {\n    const container = this._stage.window.getContainer();\n    this._highlightRect = document.createElement('div');\n    this._highlightRect.style.display = 'absolute';\n    this._highlightRect.style.border = '1px solid red';\n    this._highlightRect.style.pointerEvents = 'none';\n    this._highlightRect.style.position = 'absolute';\n    container.appendChild(this._highlightRect);\n  }\n\n  bindStageEvent() {\n    this._callback.pointermove = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'hover') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointermove', this._callback.pointermove);\n\n    this._callback.pointerup = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'click') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerup', this._callback.pointerup);\n\n    this._callback.pointerleave = (e: FederatedPointerEvent) => {\n      if (this._mode === 'hover') {\n        this._target = undefined;\n        // this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerleave', this._callback.pointerleave);\n  }\n\n  addHighlightBounds(bounds: any) {\n    // 使用VRender绘制高亮框会导致触发多余渲染，因此使用dom\n    // this._rect.setAttributes({\n    //   x: bounds.x1,\n    //   y: bounds.y1,\n    //   width: bounds.width(),\n    //   height: bounds.height(),\n    //   visible: true,\n    // });\n\n    // // 保证rect在最上层\n    // this._stage.defaultLayer.appendChild(this._rect);\n    // this._stage.renderNextFrame();\n\n    this._highlightRect.style.left = `${bounds.x1}px`;\n    this._highlightRect.style.top = `${bounds.y1}px`;\n    this._highlightRect.style.width = `${bounds.width()}px`;\n    this._highlightRect.style.height = `${bounds.height()}px`;\n  }\n\n  // removeHighlightBounds() {\n  //   this._rect.setAttribute('visible', false);\n  //   this._stage.renderNextFrame();\n  // }\n\n  updateInfo() {\n    if (!this._target) {\n      return;\n    }\n    // this._infoContainer.innerHTML = '';\n    if (this._infoContainer.children.length > 1) {\n      this._infoContainer.removeChild(this._infoContainer.children[1]);\n    }\n    this._infoContainer.style.display = 'block';\n\n    const info = {\n      customKeys: {},\n      type: this._target.type,\n      // role: (this._target as any).role,\n      globalX: this._target.globalTransMatrix.e,\n      globalY: this._target.globalTransMatrix.f,\n      attribute: this._target.attribute,\n      theme: getTheme(this._target)[this._target.type],\n      target: this._target\n    };\n\n    if (this._customGrapicKeys) {\n      this._customGrapicKeys.forEach(key => {\n        info.customKeys[key] = this._target[key];\n      });\n    } else {\n      delete info.customKeys;\n    }\n\n    const formatter = new JSONFormatter(info, 2);\n    this._infoContainer.appendChild(formatter.render());\n  }\n\n  clearInfo() {\n    this._infoContainer.style.display = 'none';\n  }\n\n  updateMode() {\n    this._modeTip.innerText = this._mode;\n  }\n\n  bindKeyEvent() {\n    this._callback.keydown = (e: KeyboardEvent) => {\n      if (e.key === 'D') {\n        console.log(this._target);\n      } else if (e.key === 'S') {\n        switch (this._mode) {\n          case 'click':\n            this._mode = 'hover';\n            break;\n          case 'hover':\n            this._mode = 'click';\n            break;\n        }\n        this.updateMode();\n      }\n    };\n    window.addEventListener('keydown', this._callback.keydown);\n  }\n\n  release() {\n    // 移除信息框\n    document.body.removeChild(this._infoContainer);\n\n    // 移除高亮框\n    this._highlightRect.parentElement.removeChild(this._highlightRect);\n\n    // 解绑stage事件\n    // this._stage.defaultLayer.removeChild(this._rect);\n    this._stage.removeEventListener('pointermove', this._callback.pointermove);\n    this._stage.removeEventListener('pointerup', this._callback.pointerup);\n    this._stage.removeEventListener('pointerleave', this._callback.pointerleave);\n\n    // 解绑键盘事件\n    window.removeEventListener('keydown', this._callback.keydown);\n  }\n}\n"]}

package/cjs/scenegraph/graphic/contributions/group-contribution-render.js

@@ -32,7 +32,7 @@ let SplitGroupAfterRenderContribution = class {
         this.order = 0;
     }
     drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb) {
-        const {width: width = groupAttribute.width, height: height = groupAttribute.height, stroke: stroke = groupAttribute.stroke, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, lineWidth: lineWidth = groupAttribute.lineWidth, strokeColor: strokeColor = groupAttribute.strokeColor} = group.attribute;
+        const {width: width = groupAttribute.width, height: height = groupAttribute.height, stroke: stroke = groupAttribute.stroke, strokeArrayColor: strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth: strokeArrayWidth = groupAttribute.strokeArrayWidth, lineWidth: lineWidth = groupAttribute.lineWidth, strokeColor: strokeColor = groupAttribute.stroke} = group.attribute;
         stroke && (Array.isArray(strokeArrayWidth) || 0 !== lineWidth) && (Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth)) && (("number" == typeof lineWidth && 1 & lineWidth || Array.isArray(strokeArrayWidth) && strokeArrayWidth.some((width => 1 & width))) && (x = Math.floor(x) + .5, 
         y = Math.floor(y) + .5), renderStroke(group, context, x, y, groupAttribute, stroke, strokeArrayWidth || lineWidth, strokeArrayColor || strokeColor, Math.ceil(width), Math.ceil(height)));
     }
@@ -172,7 +172,7 @@ let AdjustColorGroupBeforeRenderContribution = class {
     drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb, doFillOrStroke) {
         if ("cell" === group.role) {
             const table = group.stage.table, hoverColor = (0, is_cell_hover_1.getCellHoverColor)(group, table);
-            hoverColor && (group.oldColor = group.attribute.fillColor, group.attribute.fillColor = hoverColor);
+            hoverColor && (group.oldColor = group.attribute.fill, group.attribute.fill = hoverColor);
         }
     }
 };
@@ -186,7 +186,7 @@ let AdjustColorGroupAfterRenderContribution = class {
         this.order = 0;
     }
     drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, fillCb, strokeCb) {
-        "oldColor" in group && (group.attribute.fillColor = group.oldColor, delete group.oldColor);
+        "oldColor" in group && (group.attribute.fill = group.oldColor, delete group.oldColor);
     }
 };