@keyfunc/keybricks-ds 2.4.7 → 2.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DEPLOY.md +2 -2
- package/DESIGN.md +4 -4
- package/INTEGRATION.md +17 -2
- package/_adherence.oxlintrc.json +4 -4
- package/assets/icons/icon-index.js +1 -1
- package/assets/icons/icon-index.json +1 -1
- package/components/_cards/segmented-control.card.html +1 -1
- package/components/_cards/table.card.html +139 -6
- package/components/_cards/toggles.card.html +27 -27
- package/components/_shared/src-data.js +1 -1
- package/components/_shared/src-display.js +1 -1
- package/components/_shared/src-forms.js +1 -1
- package/components/_shared/src-icons.js +1 -1
- package/components/_shared/src-navigation.js +1 -1
- package/components/_shared/src-tabs.js +1 -1
- package/components/data/SmartTable.d.ts +9 -1
- package/components/data/SmartTable.jsx +24 -4
- package/components/data/SmartTable.vue +18 -5
- package/components/data/Spreadsheet.d.ts +5 -1
- package/components/data/Spreadsheet.jsx +23 -3
- package/components/data/Spreadsheet.vue +18 -5
- package/components/data/Table.d.ts +25 -4
- package/components/data/Table.jsx +74 -20
- package/components/data/Table.vue +56 -14
- package/components/display/Tag.d.ts +1 -1
- package/components/display/Tag.jsx +1 -1
- package/components/display/Tag.vue +1 -1
- package/components/forms/Switch.d.ts +2 -2
- package/components/forms/Switch.jsx +10 -8
- package/components/forms/Switch.vue +5 -4
- package/components/forms/forms.prompt.md +1 -1
- package/components/icons/Icon.jsx +2 -1
- package/components/icons/icon-paths.js +2 -1
- package/components/navigation/Breadcrumb.jsx +9 -7
- package/components/navigation/Breadcrumb.vue +16 -14
- package/components/tabs/CountBadge.vue +1 -1
- package/components/tabs/Tabs.d.ts +1 -1
- package/components/tabs/Tabs.jsx +1 -1
- package/package.json +1 -1
- package/tokens/layout.css +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"name":"search","set":"core","tags":["search","find","magnifier","magnifying glass"]},{"name":"bell","set":"core","tags":["bell","alarm","notification","sound"]},{"name":"panel-left","set":"core","tags":["panel","left"]},{"name":"house","set":"core","tags":["house"]},{"name":"file","set":"core","tags":["file"]},{"name":"file-text","set":"core","tags":["file","text","data","txt","pdf"]},{"name":"file-check","set":"core","tags":["file","check"]},{"name":"layout-grid","set":"core","tags":["layout","grid"]},{"name":"database","set":"core","tags":["database","storage","memory"]},{"name":"scale","set":"core","tags":["scale"]},{"name":"network","set":"core","tags":["network"]},{"name":"folder","set":"core","tags":["folder","directory"]},{"name":"folder-open","set":"core","tags":["folder","open"]},{"name":"folder-cog","set":"core","tags":["folder","cog"]},{"name":"settings","set":"core","tags":["settings","cog","edit","gear","preferences"]},{"name":"settings-2","set":"core","tags":["settings","2"]},{"name":"moon","set":"core","tags":["moon","dark","night"]},{"name":"circle-help","set":"core","tags":["circle","help"]},{"name":"model","set":"core","tags":["model","modeling","cube","box","package","3d","dimension"]},{"name":"workflow","set":"core","tags":["workflow"]},{"name":"shield","set":"core","tags":["shield","security","secure"]},{"name":"refresh-cw","set":"core","tags":["refresh","cw","synchronise","arrows"]},{"name":"chart-line","set":"core","tags":["chart","line"]},{"name":"chart-column","set":"core","tags":["chart","column"]},{"name":"chart-no-axes-column","set":"core","tags":["chart","no","axes","column"]},{"name":"list-todo","set":"core","tags":["list","todo"]},{"name":"circle-check","set":"core","tags":["circle","check"]},{"name":"target","set":"core","tags":["target","logo","bullseye"]},{"name":"book-open","set":"core","tags":["book","open","read","library"]},{"name":"chevron-down","set":"core","tags":["chevron","down","expand"]},{"name":"chevron-right","set":"core","tags":["chevron","right"]},{"name":"chevron-left","set":"core","tags":["chevron","left"]},{"name":"chevron-up","set":"core","tags":["chevron","up","collapse"]},{"name":"arrow-left","set":"core","tags":["arrow","left"]},{"name":"arrow-right","set":"core","tags":["arrow","right"]},{"name":"arrow-right-left","set":"core","tags":["arrow","right","left"]},{"name":"table","set":"core","tags":["table"]},{"name":"layers","set":"core","tags":["layers","stack","hierarchy"]},{"name":"grid-3x3","set":"core","tags":["grid","3x3"]},{"name":"text-search","set":"core","tags":["text","search"]},{"name":"shuffle","set":"core","tags":["shuffle","music"]},{"name":"split","set":"core","tags":["split"]},{"name":"menu","set":"core","tags":["menu","bars","navigation","hamburger"]},{"name":"list","set":"core","tags":["list","options"]},{"name":"funnel","set":"core","tags":["funnel"]},{"name":"sliders-horizontal","set":"core","tags":["sliders","horizontal"]},{"name":"trending-up","set":"core","tags":["trending","up"]},{"name":"code","set":"core","tags":["code","source","programming"]},{"name":"merge","set":"core","tags":["merge"]},{"name":"upload","set":"core","tags":["upload"]},{"name":"download","set":"core","tags":["download"]},{"name":"check","set":"core","tags":["check"]},{"name":"x","set":"core","tags":["x","cancel","close","delete","remove","times","clear"]},{"name":"plus","set":"core","tags":["plus","add","new"]},{"name":"minus","set":"core","tags":["minus","subtract"]},{"name":"ellipsis","set":"core","tags":["ellipsis"]},{"name":"play","set":"core","tags":["play","music","start"]},{"name":"send","set":"core","tags":["send","message","mail","email","paper airplane","paper aeroplane"]},{"name":"eye","set":"core","tags":["eye","view","watch"]},{"name":"copy","set":"core","tags":["copy","clone","duplicate"]},{"name":"trash-2","set":"core","tags":["trash","2","garbage","delete","remove","bin"]},{"name":"clock","set":"core","tags":["clock","time","watch","alarm"]},{"name":"calendar","set":"core","tags":["calendar","date"]},{"name":"undo-2","set":"core","tags":["undo","2"]},{"name":"redo-2","set":"core","tags":["redo","2"]},{"name":"history","set":"core","tags":["history"]},{"name":"bug","set":"core","tags":["bug"]},{"name":"info","set":"core","tags":["info"]},{"name":"triangle-alert","set":"core","tags":["triangle","alert"]},{"name":"event","set":"core","tags":["event","milestone","trigger","business event","diamond","stream"]},{"name":"consolidation","set":"core","tags":["consolidation","sum","aggregate","roll up","entities","group","total"]},{"name":"journal","set":"core","tags":["journal","ledger","entry","debit","credit","t-account","accounting","posting"]},{"name":"reconciliation","set":"core","tags":["reconciliation","match","check","tick","verify","compare","statement"]},{"name":"view-tree","set":"core","tags":["tree","tree view","hierarchy","outline","structure","parent","child"]},{"name":"drilldown","set":"core","tags":["drill down","drilldown","detail","expand","level","arrow down"]},{"name":"add-below","set":"core","tags":["add below","insert","new row","add","plus","after"]},{"name":"copy-data","set":"core","tags":["copy data","copy","import","load","into","transfer"]},{"name":"task-execution","set":"core","tags":["task","execute","execution","run","clipboard","start"]},{"name":"time-future","set":"core","tags":["future","forward","forecast","time","clock","period"]},{"name":"time-restatement","set":"core","tags":["restatement","restate","past","rewind","time","clock","period"]},{"name":"activity","set":"feather","tags":["activity","pulse","health","action","motion"]},{"name":"airplay","set":"feather","tags":["airplay","stream","cast","mirroring"]},{"name":"alert-circle","set":"feather","tags":["alert","circle","warning","danger"]},{"name":"alert-octagon","set":"feather","tags":["alert","octagon","warning","danger"]},{"name":"alert-triangle","set":"feather","tags":["alert","triangle","warning","danger"]},{"name":"align-center","set":"feather","tags":["align","center","text alignment"]},{"name":"align-justify","set":"feather","tags":["align","justify","text alignment","justified"]},{"name":"align-left","set":"feather","tags":["align","left","text alignment"]},{"name":"align-right","set":"feather","tags":["align","right","text alignment"]},{"name":"anchor","set":"feather","tags":["anchor"]},{"name":"aperture","set":"feather","tags":["aperture","camera","photo"]},{"name":"archive","set":"feather","tags":["archive","index","box"]},{"name":"arrow-down-circle","set":"feather","tags":["arrow","down","circle"]},{"name":"arrow-down-left","set":"feather","tags":["arrow","down","left"]},{"name":"arrow-down-right","set":"feather","tags":["arrow","down","right"]},{"name":"arrow-down","set":"feather","tags":["arrow","down"]},{"name":"arrow-left-circle","set":"feather","tags":["arrow","left","circle"]},{"name":"arrow-right-circle","set":"feather","tags":["arrow","right","circle"]},{"name":"arrow-up-circle","set":"feather","tags":["arrow","up","circle"]},{"name":"arrow-up-left","set":"feather","tags":["arrow","up","left"]},{"name":"arrow-up-right","set":"feather","tags":["arrow","up","right"]},{"name":"arrow-up","set":"feather","tags":["arrow","up"]},{"name":"at-sign","set":"feather","tags":["at","sign","mention","email","message"]},{"name":"award","set":"feather","tags":["award","achievement","badge"]},{"name":"bar-chart-2","set":"feather","tags":["bar","chart","2","statistics","diagram","graph"]},{"name":"bar-chart","set":"feather","tags":["bar","chart","statistics","diagram","graph"]},{"name":"battery-charging","set":"feather","tags":["battery","charging","power","electricity"]},{"name":"battery","set":"feather","tags":["battery","power","electricity"]},{"name":"bell-off","set":"feather","tags":["bell","off","alarm","notification","silent"]},{"name":"bluetooth","set":"feather","tags":["bluetooth","wireless"]},{"name":"bold","set":"feather","tags":["bold"]},{"name":"book","set":"feather","tags":["book","read","dictionary","booklet","magazine","library"]},{"name":"bookmark","set":"feather","tags":["bookmark","read","clip","marker","tag"]},{"name":"briefcase","set":"feather","tags":["briefcase","work","bag","baggage","folder"]},{"name":"camera-off","set":"feather","tags":["camera","off"]},{"name":"camera","set":"feather","tags":["camera","photo"]},{"name":"cast","set":"feather","tags":["cast","chromecast","airplay"]},{"name":"check-circle","set":"feather","tags":["check","circle"]},{"name":"check-square","set":"feather","tags":["check","square"]},{"name":"chevrons-down","set":"feather","tags":["chevrons","down"]},{"name":"chevrons-left","set":"feather","tags":["chevrons","left"]},{"name":"chevrons-right","set":"feather","tags":["chevrons","right"]},{"name":"chevrons-up","set":"feather","tags":["chevrons","up"]},{"name":"chrome","set":"feather","tags":["chrome"]},{"name":"circle","set":"feather","tags":["circle","off","zero","record"]},{"name":"clipboard","set":"feather","tags":["clipboard","copy"]},{"name":"cloud-drizzle","set":"feather","tags":["cloud","drizzle","weather","shower"]},{"name":"cloud-lightning","set":"feather","tags":["cloud","lightning","weather","bolt"]},{"name":"cloud-off","set":"feather","tags":["cloud","off"]},{"name":"cloud-rain","set":"feather","tags":["cloud","rain","weather"]},{"name":"cloud-snow","set":"feather","tags":["cloud","snow","weather","blizzard"]},{"name":"cloud","set":"feather","tags":["cloud","weather"]},{"name":"codepen","set":"feather","tags":["codepen","logo"]},{"name":"codesandbox","set":"feather","tags":["codesandbox","logo"]},{"name":"coffee","set":"feather","tags":["coffee","drink","cup","mug","tea","cafe","hot","beverage"]},{"name":"columns","set":"feather","tags":["columns","layout"]},{"name":"command","set":"feather","tags":["command","keyboard","cmd","terminal","prompt"]},{"name":"compass","set":"feather","tags":["compass","navigation","safari","travel","direction"]},{"name":"corner-down-left","set":"feather","tags":["corner","down","left","arrow","return"]},{"name":"corner-down-right","set":"feather","tags":["corner","down","right","arrow"]},{"name":"corner-left-down","set":"feather","tags":["corner","left","down","arrow"]},{"name":"corner-left-up","set":"feather","tags":["corner","left","up","arrow"]},{"name":"corner-right-down","set":"feather","tags":["corner","right","down","arrow"]},{"name":"corner-right-up","set":"feather","tags":["corner","right","up","arrow"]},{"name":"corner-up-left","set":"feather","tags":["corner","up","left","arrow"]},{"name":"corner-up-right","set":"feather","tags":["corner","up","right","arrow"]},{"name":"cpu","set":"feather","tags":["cpu","processor","technology"]},{"name":"credit-card","set":"feather","tags":["credit","card","purchase","payment","cc"]},{"name":"crop","set":"feather","tags":["crop","photo","image"]},{"name":"crosshair","set":"feather","tags":["crosshair","aim","target"]},{"name":"delete","set":"feather","tags":["delete","remove"]},{"name":"disc","set":"feather","tags":["disc","album","cd","dvd","music"]},{"name":"divide-circle","set":"feather","tags":["divide","circle"]},{"name":"divide-square","set":"feather","tags":["divide","square"]},{"name":"divide","set":"feather","tags":["divide"]},{"name":"dollar-sign","set":"feather","tags":["dollar","sign","currency","money","payment"]},{"name":"download-cloud","set":"feather","tags":["download","cloud"]},{"name":"dribbble","set":"feather","tags":["dribbble"]},{"name":"droplet","set":"feather","tags":["droplet","water"]},{"name":"edit-2","set":"feather","tags":["edit","2","pencil","change"]},{"name":"edit-3","set":"feather","tags":["edit","3","pencil","change"]},{"name":"edit","set":"feather","tags":["edit","pencil","change"]},{"name":"external-link","set":"feather","tags":["external","link","outbound"]},{"name":"eye-off","set":"feather","tags":["eye","off","view","watch","hide","hidden"]},{"name":"facebook","set":"feather","tags":["facebook","logo","social"]},{"name":"fast-forward","set":"feather","tags":["fast","forward","music"]},{"name":"feather","set":"feather","tags":["feather"]},{"name":"figma","set":"feather","tags":["figma","logo","design","tool"]},{"name":"file-minus","set":"feather","tags":["file","minus","delete","remove","erase"]},{"name":"file-plus","set":"feather","tags":["file","plus","add","create","new"]},{"name":"film","set":"feather","tags":["film","movie","video"]},{"name":"filter","set":"feather","tags":["filter","funnel","hopper"]},{"name":"flag","set":"feather","tags":["flag","report"]},{"name":"folder-minus","set":"feather","tags":["folder","minus","directory"]},{"name":"folder-plus","set":"feather","tags":["folder","plus","directory"]},{"name":"framer","set":"feather","tags":["framer","logo","design","tool"]},{"name":"frown","set":"feather","tags":["frown","emoji","face","bad","sad","emotion"]},{"name":"gift","set":"feather","tags":["gift","present","box","birthday","party"]},{"name":"git-branch","set":"feather","tags":["git","branch","code","version control"]},{"name":"git-commit","set":"feather","tags":["git","commit","code","version control"]},{"name":"git-merge","set":"feather","tags":["git","merge","code","version control"]},{"name":"git-pull-request","set":"feather","tags":["git","pull","request","code","version control"]},{"name":"github","set":"feather","tags":["github","logo","version control"]},{"name":"gitlab","set":"feather","tags":["gitlab","logo","version control"]},{"name":"globe","set":"feather","tags":["globe","world","browser","language","translate"]},{"name":"grid","set":"feather","tags":["grid"]},{"name":"hard-drive","set":"feather","tags":["hard","drive","computer","server","memory","data"]},{"name":"hash","set":"feather","tags":["hash","hashtag","number","pound"]},{"name":"headphones","set":"feather","tags":["headphones","music","audio","sound"]},{"name":"heart","set":"feather","tags":["heart","like","love","emotion"]},{"name":"help-circle","set":"feather","tags":["help","circle","question mark"]},{"name":"hexagon","set":"feather","tags":["hexagon","shape","node.js","logo"]},{"name":"home","set":"feather","tags":["home","house","living"]},{"name":"image","set":"feather","tags":["image","picture"]},{"name":"inbox","set":"feather","tags":["inbox","email"]},{"name":"instagram","set":"feather","tags":["instagram","logo","camera"]},{"name":"italic","set":"feather","tags":["italic"]},{"name":"key","set":"feather","tags":["key","password","login","authentication","secure"]},{"name":"layout","set":"feather","tags":["layout","window","webpage"]},{"name":"life-buoy","set":"feather","tags":["life","buoy","help","life ring","support"]},{"name":"link-2","set":"feather","tags":["link","2","chain","url"]},{"name":"link","set":"feather","tags":["link","chain","url"]},{"name":"linkedin","set":"feather","tags":["linkedin","logo","social media"]},{"name":"loader","set":"feather","tags":["loader"]},{"name":"lock","set":"feather","tags":["lock","security","password","secure"]},{"name":"log-in","set":"feather","tags":["log","in","sign in","arrow","enter"]},{"name":"log-out","set":"feather","tags":["log","out","sign out","arrow","exit"]},{"name":"mail","set":"feather","tags":["mail","email","message"]},{"name":"map-pin","set":"feather","tags":["map","pin","location","navigation","travel","marker"]},{"name":"map","set":"feather","tags":["map","location","navigation","travel"]},{"name":"maximize-2","set":"feather","tags":["maximize","2","fullscreen","arrows","expand"]},{"name":"maximize","set":"feather","tags":["maximize","fullscreen"]},{"name":"meh","set":"feather","tags":["meh","emoji","face","neutral","emotion"]},{"name":"message-circle","set":"feather","tags":["message","circle","comment","chat"]},{"name":"message-square","set":"feather","tags":["message","square","comment","chat"]},{"name":"mic-off","set":"feather","tags":["mic","off","record","sound","mute"]},{"name":"mic","set":"feather","tags":["mic","record","sound","listen"]},{"name":"minimize-2","set":"feather","tags":["minimize","2","exit fullscreen","arrows","close"]},{"name":"minimize","set":"feather","tags":["minimize","exit fullscreen","close"]},{"name":"minus-circle","set":"feather","tags":["minus","circle"]},{"name":"minus-square","set":"feather","tags":["minus","square"]},{"name":"monitor","set":"feather","tags":["monitor","tv","screen","display"]},{"name":"more-horizontal","set":"feather","tags":["more","horizontal","ellipsis"]},{"name":"more-vertical","set":"feather","tags":["more","vertical","ellipsis"]},{"name":"mouse-pointer","set":"feather","tags":["mouse","pointer","arrow","cursor"]},{"name":"move","set":"feather","tags":["move","arrows"]},{"name":"music","set":"feather","tags":["music","note"]},{"name":"navigation-2","set":"feather","tags":["navigation","2","location","travel"]},{"name":"navigation","set":"feather","tags":["navigation","location","travel"]},{"name":"octagon","set":"feather","tags":["octagon","stop"]},{"name":"package","set":"feather","tags":["package","box","container"]},{"name":"paperclip","set":"feather","tags":["paperclip","attachment"]},{"name":"pause-circle","set":"feather","tags":["pause","circle","music","audio","stop"]},{"name":"pause","set":"feather","tags":["pause","music","stop"]},{"name":"pen-tool","set":"feather","tags":["pen","tool","vector","drawing"]},{"name":"percent","set":"feather","tags":["percent","discount"]},{"name":"phone-call","set":"feather","tags":["phone","call","ring"]},{"name":"phone-forwarded","set":"feather","tags":["phone","forwarded","call"]},{"name":"phone-incoming","set":"feather","tags":["phone","incoming","call"]},{"name":"phone-missed","set":"feather","tags":["phone","missed","call"]},{"name":"phone-off","set":"feather","tags":["phone","off","call","mute"]},{"name":"phone-outgoing","set":"feather","tags":["phone","outgoing","call"]},{"name":"phone","set":"feather","tags":["phone","call"]},{"name":"pie-chart","set":"feather","tags":["pie","chart","statistics","diagram"]},{"name":"play-circle","set":"feather","tags":["play","circle","music","start"]},{"name":"plus-circle","set":"feather","tags":["plus","circle","add","new"]},{"name":"plus-square","set":"feather","tags":["plus","square","add","new"]},{"name":"pocket","set":"feather","tags":["pocket","logo","save"]},{"name":"power","set":"feather","tags":["power","on","off"]},{"name":"printer","set":"feather","tags":["printer","fax","office","device"]},{"name":"radio","set":"feather","tags":["radio","signal"]},{"name":"refresh-ccw","set":"feather","tags":["refresh","ccw","arrows"]},{"name":"repeat","set":"feather","tags":["repeat","loop","arrows","change"]},{"name":"rewind","set":"feather","tags":["rewind","music"]},{"name":"rotate-ccw","set":"feather","tags":["rotate","ccw","arrow"]},{"name":"rotate-cw","set":"feather","tags":["rotate","cw","arrow"]},{"name":"rss","set":"feather","tags":["rss","feed","subscribe"]},{"name":"save","set":"feather","tags":["save","floppy disk"]},{"name":"scissors","set":"feather","tags":["scissors","cut"]},{"name":"server","set":"feather","tags":["server"]},{"name":"share-2","set":"feather","tags":["share","2","network","connections"]},{"name":"share","set":"feather","tags":["share"]},{"name":"shield-off","set":"feather","tags":["shield","off","security","insecure"]},{"name":"shopping-bag","set":"feather","tags":["shopping","bag","ecommerce","cart","purchase","store"]},{"name":"shopping-cart","set":"feather","tags":["shopping","cart","ecommerce","purchase","store"]},{"name":"sidebar","set":"feather","tags":["sidebar"]},{"name":"skip-back","set":"feather","tags":["skip","back","music"]},{"name":"skip-forward","set":"feather","tags":["skip","forward","music"]},{"name":"slack","set":"feather","tags":["slack","logo"]},{"name":"slash","set":"feather","tags":["slash","ban","no"]},{"name":"sliders","set":"feather","tags":["sliders","settings","controls"]},{"name":"smartphone","set":"feather","tags":["smartphone","cellphone","device"]},{"name":"smile","set":"feather","tags":["smile","emoji","face","happy","good","emotion"]},{"name":"speaker","set":"feather","tags":["speaker","audio","music"]},{"name":"square","set":"feather","tags":["square"]},{"name":"star","set":"feather","tags":["star","bookmark","favorite","like"]},{"name":"stop-circle","set":"feather","tags":["stop","circle","media","music"]},{"name":"sun","set":"feather","tags":["sun","brightness","weather","light"]},{"name":"sunrise","set":"feather","tags":["sunrise","weather","time","morning","day"]},{"name":"sunset","set":"feather","tags":["sunset","weather","time","evening","night"]},{"name":"tablet","set":"feather","tags":["tablet","device"]},{"name":"tag","set":"feather","tags":["tag","label"]},{"name":"terminal","set":"feather","tags":["terminal","code","command line","prompt"]},{"name":"thermometer","set":"feather","tags":["thermometer","temperature","celsius","fahrenheit","weather"]},{"name":"thumbs-down","set":"feather","tags":["thumbs","down","dislike","bad","emotion"]},{"name":"thumbs-up","set":"feather","tags":["thumbs","up","like","good","emotion"]},{"name":"toggle-left","set":"feather","tags":["toggle","left","on","off","switch"]},{"name":"toggle-right","set":"feather","tags":["toggle","right","on","off","switch"]},{"name":"tool","set":"feather","tags":["tool","settings","spanner"]},{"name":"trash","set":"feather","tags":["trash","garbage","delete","remove","bin"]},{"name":"trello","set":"feather","tags":["trello"]},{"name":"trending-down","set":"feather","tags":["trending","down"]},{"name":"triangle","set":"feather","tags":["triangle","delta"]},{"name":"truck","set":"feather","tags":["truck","delivery","van","shipping","transport","lorry"]},{"name":"tv","set":"feather","tags":["tv","television","stream"]},{"name":"twitch","set":"feather","tags":["twitch","logo"]},{"name":"twitter","set":"feather","tags":["twitter","logo","social"]},{"name":"type","set":"feather","tags":["type","text"]},{"name":"umbrella","set":"feather","tags":["umbrella","rain","weather"]},{"name":"underline","set":"feather","tags":["underline"]},{"name":"unlock","set":"feather","tags":["unlock","security"]},{"name":"upload-cloud","set":"feather","tags":["upload","cloud"]},{"name":"user-check","set":"feather","tags":["user","check","followed","subscribed"]},{"name":"user-minus","set":"feather","tags":["user","minus","delete","remove","unfollow","unsubscribe"]},{"name":"user-plus","set":"feather","tags":["user","plus","new","add","create","follow","subscribe"]},{"name":"user-x","set":"feather","tags":["user","x","delete","remove","unfollow","unsubscribe","unavailable"]},{"name":"user","set":"feather","tags":["user","person","account"]},{"name":"users","set":"feather","tags":["users","group"]},{"name":"video-off","set":"feather","tags":["video","off","camera","movie","film"]},{"name":"video","set":"feather","tags":["video","camera","movie","film"]},{"name":"voicemail","set":"feather","tags":["voicemail","phone"]},{"name":"volume-1","set":"feather","tags":["volume","1","music","sound"]},{"name":"volume-2","set":"feather","tags":["volume","2","music","sound"]},{"name":"volume-x","set":"feather","tags":["volume","x","music","sound","mute"]},{"name":"volume","set":"feather","tags":["volume","music","sound","mute"]},{"name":"watch","set":"feather","tags":["watch","clock","time"]},{"name":"wifi-off","set":"feather","tags":["wifi","off","disabled"]},{"name":"wifi","set":"feather","tags":["wifi","connection","signal","wireless"]},{"name":"wind","set":"feather","tags":["wind","weather","air"]},{"name":"x-circle","set":"feather","tags":["x","circle","cancel","close","delete","remove","times","clear"]},{"name":"x-octagon","set":"feather","tags":["x","octagon","delete","stop","alert","warning","times","clear"]},{"name":"x-square","set":"feather","tags":["x","square","cancel","close","delete","remove","times","clear"]},{"name":"youtube","set":"feather","tags":["youtube","logo","video","play"]},{"name":"zap-off","set":"feather","tags":["zap","off","flash","camera","lightning"]},{"name":"zap","set":"feather","tags":["zap","flash","camera","lightning"]},{"name":"zoom-in","set":"feather","tags":["zoom","in","magnifying glass"]},{"name":"zoom-out","set":"feather","tags":["zoom","out","magnifying glass"]},{"name":"dimension-account","set":"core","tags":["account","chart of accounts","ledger","general ledger","book","coa","科目","会计科目","总账"]},{"name":"dimension-audit","set":"core","tags":["audit","audit trail","adjustment","search","inspect","file","审计","审计轨迹","调整"]},{"name":"dimension-currency","set":"core","tags":["currency","exchange","fx","conversion","dollar","yen","rmb","币种","货币","汇率","换算"]},{"name":"dimension-custom_default","set":"core","tags":["custom","dimension","model","cube","box","自定义","维度"]},{"name":"dimension-entity","set":"core","tags":["entity","legal entity","company","organization","buildings","subsidiary","实体","法人","公司","组织"]},{"name":"dimension-group","set":"core","tags":["group","consolidation group","hierarchy","network","tree","集团","组","层级"]},{"name":"dimension-intercompany","set":"core","tags":["intercompany","counterparty","exchange","transfer","往来","内部往来","关联方"]},{"name":"dimension-subtable","set":"core","tags":["subtable","table","detail","sub table","grid","子表","明细表"]},{"name":"dimension-time","set":"core","tags":["time","period","fiscal period","calendar","clock","month","year","期间","会计期间","时间","年月"]},{"name":"dimension-version","set":"core","tags":["version","actual","budget","forecast","branch","版本","实际","预算","预测"]},{"name":"version-exempt","set":"core","tags":["version exempt","exclude","excluded","branch","remove","版本豁免","排除"]},{"name":"model-exempt","set":"core","tags":["model exempt","exclude","excluded","cube","remove","模型豁免","排除"]},{"name":"modeling","set":"core","tags":["modeling","model design","designer","monitor","screen","cube","建模","模型设计"]},{"name":"restatement","set":"core","tags":["restatement","retrospective","history","adjust","restate","重述","追溯调整"]},{"name":"review","set":"core","tags":["review","check","view","inspect","eye","file","审阅","复核","查看"]},{"name":"admin","set":"core","tags":["admin","administration","settings","system","manage","管理","系统设置"]},{"name":"analytics","set":"core","tags":["analytics","analysis","insight","trend","dashboard","monitor","chart","分析","洞察","趋势"]},{"name":"automation","set":"core","tags":["automation","automate","run","schedule","gear","play","自动化","自动执行"]},{"name":"data_integration","set":"core","tags":["data integration","sync","connector","external data","数据集成","外部数据","接入","database","sources","merge","hub","数据源","汇集"]},{"name":"reconciliation-entity","set":"core","tags":["reconciliation","entity","company","buildings","实体对账","法人对账"]},{"name":"reconciliation-balance","set":"core","tags":["reconciliation","balance","coins","money","余额对账","科目余额"]},{"name":"scenario","set":"core","tags":["scenario","what if","compare","budget","forecast","情景","假设","对比"]},{"name":"report","set":"core","tags":["report","financial report","chart","line chart","报表","财务报告"]},{"name":"spreadsheet","set":"core","tags":["spreadsheet","sheet","table","grid","excel","电子表格","在线表格"]},{"name":"sheet","set":"core","tags":["sheet","worksheet","form","table","grid","表单","工作表"]},{"name":"script","set":"core","tags":["script","code","custom code","developer","脚本","代码","自定义代码"]},{"name":"workflow_group","set":"core","tags":["workflow group","workflow","folder","process","工作流组","流程集合"]},{"name":"model_interaction","set":"core","tags":["model interaction","model sync","link","exchange","cubes","模型交互","数据联动"]},{"name":"announcement","set":"core","tags":["announcement","notice","megaphone","broadcast","news","file","公告","通知","公示"]},{"name":"approval","set":"core","tags":["approval","approve","approved","badge","check","verified","审批","批准","通过"]},{"name":"data-import","set":"core","tags":["data import","import","load","database","in","down","数据导入","导入"]},{"name":"data-export","set":"core","tags":["data export","export","unload","database","out","up","数据导出","导出"]},{"name":"execution","set":"core","tags":["execution","execute","run","calculate","gear","check","done","执行","运行","计算"]},{"name":"submission","set":"core","tags":["submission","submit","send","report up","check","提交","上报"]},{"name":"expense_control","set":"core","tags":["expense control","expense","cost","budget control","gear","dollar","费用控制","费用","成本"]},{"name":"expense_control-aggregate","set":"core","tags":["expense control","aggregate","total","sum","merge","gear","汇总控制","汇总"]},{"name":"expense_control-limit","set":"core","tags":["expense control","limit","ceiling","cap","max","gear","上限控制","上限"]},{"name":"expense_control-enumerated","set":"core","tags":["expense control","enumerated","list","itemized","detail","gear","明细列举","明细"]},{"name":"expense_control-quota","set":"core","tags":["expense control","quota","percent","ratio","allowance","gear","额度控制","额度","比例"]},{"name":"profile-access","set":"core","tags":["profile access","access","permission","key","user","authorization","权限档案","访问授权","权限"]},{"name":"usergroup","set":"core","tags":["user group","users","team","members","people","用户组","团队"]},{"name":"user","set":"core","tags":["user","person","account","profile","member","用户","个人"]},{"name":"profile-system","set":"core","tags":["profile system","system","settings","user","gear","config","系统档案","系统配置"]},{"name":"rules-initialization","set":"core","tags":["rules","initialization","init","start","power","reset","规则","初始化"]},{"name":"rules-subsidy","set":"core","tags":["rules","subsidy","grant","allowance","dollar","plus","规则","补贴"]},{"name":"rules-transfer","set":"core","tags":["rules","transfer","move","exchange","arrows","规则","转移","调拨"]},{"name":"rules-import","set":"core","tags":["rules","import","load","in","down","规则","导入"]},{"name":"rules-reclassification","set":"core","tags":["rules","reclassification","reclass","split","move","规则","重分类"]},{"name":"rules-allocation","set":"core","tags":["rules","allocation","allocate","distribute","split","规则","分摊","分配"]},{"name":"rules-account","set":"core","tags":["rules","account","list","chart of accounts","规则","科目"]},{"name":"rules-carryforward","set":"core","tags":["rules","carry forward","carryforward","roll forward","forward","规则","结转"]},{"name":"rules-compound","set":"core","tags":["rules","compound","composite","hexagon","规则","复合"]},{"name":"rules-currency","set":"core","tags":["rules","currency","dollar","fx","规则","币种","货币"]},{"name":"rules-deduction","set":"core","tags":["rules","deduction","deduct","minus","subtract","dollar","规则","扣除","抵扣"]},{"name":"rules-depreciation","set":"core","tags":["rules","depreciation","decline","trend down","规则","折旧"]},{"name":"rules-eliminations_n_adjustments","set":"core","tags":["rules","elimination","eliminations","adjustment","adjustments","plus minus","规则","抵销","调整"]},{"name":"rules-general","set":"core","tags":["rules","general","text","lines","规则","通用"]},{"name":"rules-intercompany","set":"core","tags":["rules","intercompany","buildings","companies","规则","内部往来"]},{"name":"rules-journal_matching","set":"core","tags":["rules","journal matching","match","lines","check","规则","凭证匹配","匹配"]},{"name":"rules-method","set":"core","tags":["rules","method","path","route","flow","arrow","规则","方法"]},{"name":"rules-method_coefficient","set":"core","tags":["rules","method coefficient","coefficient","factor","multiply","bracket","规则","方法系数","系数"]},{"name":"rules-validation","set":"core","tags":["rules","validation","validate","check","verify","规则","校验","验证"]},{"name":"rules-shared","set":"core","tags":["rules","shared","share","network","规则","共享"]},{"name":"task-manual","set":"core","tags":["task","manual","edit","pencil","clipboard","任务","手工","手动"]},{"name":"task-reclassification","set":"core","tags":["task","reclassification","reclass","clipboard","任务","重分类"]},{"name":"task-account","set":"core","tags":["task","account","list","clipboard","任务","科目"]},{"name":"task-allocation","set":"core","tags":["task","allocation","allocate","distribute","clipboard","任务","分摊"]},{"name":"task-carryforward","set":"core","tags":["task","carry forward","carryforward","clipboard","任务","结转"]},{"name":"task-currency","set":"core","tags":["task","currency","dollar","fx","clipboard","任务","币种"]},{"name":"task-deduction","set":"core","tags":["task","deduction","deduct","minus","clipboard","任务","扣除"]},{"name":"task-depreciation","set":"core","tags":["task","depreciation","decline","clipboard","任务","折旧"]},{"name":"task-eliminations_n_adjustments","set":"core","tags":["task","elimination","adjustment","plus minus","clipboard","任务","抵销","调整"]},{"name":"task-etl","set":"core","tags":["task","etl","extract","transform","load","database","clipboard","任务","数据抽取"]},{"name":"task-shared","set":"core","tags":["task","shared","share","clipboard","任务","共享"]},{"name":"task-intercompany","set":"core","tags":["task","intercompany","buildings","clipboard","任务","内部往来"]},{"name":"ai","set":"core","tags":["ai","artificial intelligence","assistant","copilot","agent","ai agent","generative","smart","intelligent","sparkles","badge","workspace","automation"]},{"name":"ai-sparkles","set":"core","tags":["ai","sparkles","magic","generate","generative","suggest","assistant","intelligent","smart","stars","auto"]}]
|
|
1
|
+
[{"name":"search","set":"core","tags":["search","find","magnifier","magnifying glass"]},{"name":"bell","set":"core","tags":["bell","alarm","notification","sound"]},{"name":"panel-left","set":"core","tags":["panel","left"]},{"name":"house","set":"core","tags":["house"]},{"name":"file","set":"core","tags":["file"]},{"name":"file-text","set":"core","tags":["file","text","data","txt","pdf"]},{"name":"file-check","set":"core","tags":["file","check"]},{"name":"layout-grid","set":"core","tags":["layout","grid"]},{"name":"database","set":"core","tags":["database","storage","memory"]},{"name":"scale","set":"core","tags":["scale"]},{"name":"network","set":"core","tags":["network"]},{"name":"folder","set":"core","tags":["folder","directory"]},{"name":"folder-open","set":"core","tags":["folder","open"]},{"name":"folder-cog","set":"core","tags":["folder","cog"]},{"name":"settings","set":"core","tags":["settings","cog","edit","gear","preferences"]},{"name":"settings-2","set":"core","tags":["settings","2"]},{"name":"moon","set":"core","tags":["moon","dark","night"]},{"name":"circle-help","set":"core","tags":["circle","help"]},{"name":"model","set":"core","tags":["model","modeling","cube","box","package","3d","dimension"]},{"name":"workflow","set":"core","tags":["workflow"]},{"name":"shield","set":"core","tags":["shield","security","secure"]},{"name":"refresh-cw","set":"core","tags":["refresh","cw","synchronise","arrows"]},{"name":"chart-line","set":"core","tags":["chart","line"]},{"name":"chart-column","set":"core","tags":["chart","column"]},{"name":"chart-no-axes-column","set":"core","tags":["chart","no","axes","column"]},{"name":"list-todo","set":"core","tags":["list","todo"]},{"name":"circle-check","set":"core","tags":["circle","check"]},{"name":"target","set":"core","tags":["target","logo","bullseye"]},{"name":"book-open","set":"core","tags":["book","open","read","library"]},{"name":"chevron-down","set":"core","tags":["chevron","down","expand"]},{"name":"chevron-right","set":"core","tags":["chevron","right"]},{"name":"chevron-left","set":"core","tags":["chevron","left"]},{"name":"chevron-up","set":"core","tags":["chevron","up","collapse"]},{"name":"arrow-left","set":"core","tags":["arrow","left"]},{"name":"arrow-right","set":"core","tags":["arrow","right"]},{"name":"arrow-right-left","set":"core","tags":["arrow","right","left"]},{"name":"table","set":"core","tags":["table"]},{"name":"layers","set":"core","tags":["layers","stack","hierarchy"]},{"name":"grid-3x3","set":"core","tags":["grid","3x3"]},{"name":"text-search","set":"core","tags":["text","search"]},{"name":"shuffle","set":"core","tags":["shuffle","music"]},{"name":"split","set":"core","tags":["split"]},{"name":"menu","set":"core","tags":["menu","bars","navigation","hamburger"]},{"name":"list","set":"core","tags":["list","options"]},{"name":"funnel","set":"core","tags":["funnel"]},{"name":"sliders-horizontal","set":"core","tags":["sliders","horizontal"]},{"name":"trending-up","set":"core","tags":["trending","up"]},{"name":"code","set":"core","tags":["code","source","programming"]},{"name":"merge","set":"core","tags":["merge"]},{"name":"upload","set":"core","tags":["upload"]},{"name":"download","set":"core","tags":["download"]},{"name":"check","set":"core","tags":["check"]},{"name":"x","set":"core","tags":["x","cancel","close","delete","remove","times","clear"]},{"name":"plus","set":"core","tags":["plus","add","new"]},{"name":"minus","set":"core","tags":["minus","subtract"]},{"name":"ellipsis","set":"core","tags":["ellipsis"]},{"name":"play","set":"core","tags":["play","music","start"]},{"name":"send","set":"core","tags":["send","message","mail","email","paper airplane","paper aeroplane"]},{"name":"eye","set":"core","tags":["eye","view","watch"]},{"name":"copy","set":"core","tags":["copy","clone","duplicate"]},{"name":"trash-2","set":"core","tags":["trash","2","garbage","delete","remove","bin"]},{"name":"clock","set":"core","tags":["clock","time","watch","alarm"]},{"name":"calendar","set":"core","tags":["calendar","date"]},{"name":"undo-2","set":"core","tags":["undo","2"]},{"name":"redo-2","set":"core","tags":["redo","2"]},{"name":"history","set":"core","tags":["history"]},{"name":"bug","set":"core","tags":["bug"]},{"name":"info","set":"core","tags":["info"]},{"name":"triangle-alert","set":"core","tags":["triangle","alert"]},{"name":"event","set":"core","tags":["event","milestone","trigger","business event","diamond","stream"]},{"name":"consolidation","set":"core","tags":["consolidation","sum","aggregate","roll up","entities","group","total"]},{"name":"journal","set":"core","tags":["journal","ledger","entry","debit","credit","t-account","accounting","posting"]},{"name":"reconciliation","set":"core","tags":["reconciliation","match","check","tick","verify","compare","statement"]},{"name":"view-tree","set":"core","tags":["tree","tree view","hierarchy","outline","structure","parent","child"]},{"name":"drilldown","set":"core","tags":["drill down","drilldown","detail","expand","level","arrow down"]},{"name":"add-below","set":"core","tags":["add below","insert","new row","add","plus","after"]},{"name":"copy-data","set":"core","tags":["copy data","copy","import","load","into","transfer"]},{"name":"task-execution","set":"core","tags":["task","execute","execution","run","clipboard","start"]},{"name":"time-future","set":"core","tags":["future","forward","forecast","time","clock","period"]},{"name":"time-restatement","set":"core","tags":["restatement","restate","past","rewind","time","clock","period"]},{"name":"activity","set":"feather","tags":["activity","pulse","health","action","motion"]},{"name":"airplay","set":"feather","tags":["airplay","stream","cast","mirroring"]},{"name":"alert-circle","set":"feather","tags":["alert","circle","warning","danger"]},{"name":"alert-octagon","set":"feather","tags":["alert","octagon","warning","danger"]},{"name":"alert-triangle","set":"feather","tags":["alert","triangle","warning","danger"]},{"name":"align-center","set":"feather","tags":["align","center","text alignment"]},{"name":"align-justify","set":"feather","tags":["align","justify","text alignment","justified"]},{"name":"align-left","set":"feather","tags":["align","left","text alignment"]},{"name":"align-right","set":"feather","tags":["align","right","text alignment"]},{"name":"anchor","set":"feather","tags":["anchor"]},{"name":"aperture","set":"feather","tags":["aperture","camera","photo"]},{"name":"archive","set":"feather","tags":["archive","index","box"]},{"name":"arrow-down-circle","set":"feather","tags":["arrow","down","circle"]},{"name":"arrow-down-left","set":"feather","tags":["arrow","down","left"]},{"name":"arrow-down-right","set":"feather","tags":["arrow","down","right"]},{"name":"arrow-down","set":"feather","tags":["arrow","down"]},{"name":"arrow-left-circle","set":"feather","tags":["arrow","left","circle"]},{"name":"arrow-right-circle","set":"feather","tags":["arrow","right","circle"]},{"name":"arrow-up-circle","set":"feather","tags":["arrow","up","circle"]},{"name":"arrow-up-left","set":"feather","tags":["arrow","up","left"]},{"name":"arrow-up-right","set":"feather","tags":["arrow","up","right"]},{"name":"arrow-up","set":"feather","tags":["arrow","up"]},{"name":"at-sign","set":"feather","tags":["at","sign","mention","email","message"]},{"name":"award","set":"feather","tags":["award","achievement","badge"]},{"name":"bar-chart-2","set":"feather","tags":["bar","chart","2","statistics","diagram","graph"]},{"name":"bar-chart","set":"feather","tags":["bar","chart","statistics","diagram","graph"]},{"name":"battery-charging","set":"feather","tags":["battery","charging","power","electricity"]},{"name":"battery","set":"feather","tags":["battery","power","electricity"]},{"name":"bell-off","set":"feather","tags":["bell","off","alarm","notification","silent"]},{"name":"bluetooth","set":"feather","tags":["bluetooth","wireless"]},{"name":"bold","set":"feather","tags":["bold"]},{"name":"book","set":"feather","tags":["book","read","dictionary","booklet","magazine","library"]},{"name":"bookmark","set":"feather","tags":["bookmark","read","clip","marker","tag"]},{"name":"briefcase","set":"feather","tags":["briefcase","work","bag","baggage","folder"]},{"name":"camera-off","set":"feather","tags":["camera","off"]},{"name":"camera","set":"feather","tags":["camera","photo"]},{"name":"cast","set":"feather","tags":["cast","chromecast","airplay"]},{"name":"check-circle","set":"feather","tags":["check","circle"]},{"name":"check-square","set":"feather","tags":["check","square"]},{"name":"chevrons-down","set":"feather","tags":["chevrons","down"]},{"name":"chevrons-left","set":"feather","tags":["chevrons","left"]},{"name":"chevrons-right","set":"feather","tags":["chevrons","right"]},{"name":"chevrons-up","set":"feather","tags":["chevrons","up"]},{"name":"chrome","set":"feather","tags":["chrome"]},{"name":"circle","set":"feather","tags":["circle","off","zero","record"]},{"name":"clipboard","set":"feather","tags":["clipboard","copy"]},{"name":"cloud-drizzle","set":"feather","tags":["cloud","drizzle","weather","shower"]},{"name":"cloud-lightning","set":"feather","tags":["cloud","lightning","weather","bolt"]},{"name":"cloud-off","set":"feather","tags":["cloud","off"]},{"name":"cloud-rain","set":"feather","tags":["cloud","rain","weather"]},{"name":"cloud-snow","set":"feather","tags":["cloud","snow","weather","blizzard"]},{"name":"cloud","set":"feather","tags":["cloud","weather"]},{"name":"codepen","set":"feather","tags":["codepen","logo"]},{"name":"codesandbox","set":"feather","tags":["codesandbox","logo"]},{"name":"coffee","set":"feather","tags":["coffee","drink","cup","mug","tea","cafe","hot","beverage"]},{"name":"columns","set":"feather","tags":["columns","layout"]},{"name":"command","set":"feather","tags":["command","keyboard","cmd","terminal","prompt"]},{"name":"compass","set":"feather","tags":["compass","navigation","safari","travel","direction"]},{"name":"corner-down-left","set":"feather","tags":["corner","down","left","arrow","return"]},{"name":"corner-down-right","set":"feather","tags":["corner","down","right","arrow"]},{"name":"corner-left-down","set":"feather","tags":["corner","left","down","arrow"]},{"name":"corner-left-up","set":"feather","tags":["corner","left","up","arrow"]},{"name":"corner-right-down","set":"feather","tags":["corner","right","down","arrow"]},{"name":"corner-right-up","set":"feather","tags":["corner","right","up","arrow"]},{"name":"corner-up-left","set":"feather","tags":["corner","up","left","arrow"]},{"name":"corner-up-right","set":"feather","tags":["corner","up","right","arrow"]},{"name":"cpu","set":"feather","tags":["cpu","processor","technology"]},{"name":"credit-card","set":"feather","tags":["credit","card","purchase","payment","cc"]},{"name":"crop","set":"feather","tags":["crop","photo","image"]},{"name":"crosshair","set":"feather","tags":["crosshair","aim","target"]},{"name":"delete","set":"feather","tags":["delete","remove"]},{"name":"disc","set":"feather","tags":["disc","album","cd","dvd","music"]},{"name":"divide-circle","set":"feather","tags":["divide","circle"]},{"name":"divide-square","set":"feather","tags":["divide","square"]},{"name":"divide","set":"feather","tags":["divide"]},{"name":"dollar-sign","set":"feather","tags":["dollar","sign","currency","money","payment"]},{"name":"download-cloud","set":"feather","tags":["download","cloud"]},{"name":"dribbble","set":"feather","tags":["dribbble"]},{"name":"droplet","set":"feather","tags":["droplet","water"]},{"name":"edit-2","set":"feather","tags":["edit","2","pencil","change"]},{"name":"edit-3","set":"feather","tags":["edit","3","pencil","change"]},{"name":"edit","set":"feather","tags":["edit","pencil","change"]},{"name":"external-link","set":"feather","tags":["external","link","outbound"]},{"name":"eye-off","set":"feather","tags":["eye","off","view","watch","hide","hidden"]},{"name":"facebook","set":"feather","tags":["facebook","logo","social"]},{"name":"fast-forward","set":"feather","tags":["fast","forward","music"]},{"name":"feather","set":"feather","tags":["feather"]},{"name":"figma","set":"feather","tags":["figma","logo","design","tool"]},{"name":"file-minus","set":"feather","tags":["file","minus","delete","remove","erase"]},{"name":"file-plus","set":"feather","tags":["file","plus","add","create","new"]},{"name":"film","set":"feather","tags":["film","movie","video"]},{"name":"filter","set":"feather","tags":["filter","funnel","hopper"]},{"name":"flag","set":"feather","tags":["flag","report"]},{"name":"folder-minus","set":"feather","tags":["folder","minus","directory"]},{"name":"folder-plus","set":"feather","tags":["folder","plus","directory"]},{"name":"framer","set":"feather","tags":["framer","logo","design","tool"]},{"name":"frown","set":"feather","tags":["frown","emoji","face","bad","sad","emotion"]},{"name":"gift","set":"feather","tags":["gift","present","box","birthday","party"]},{"name":"git-branch","set":"feather","tags":["git","branch","code","version control"]},{"name":"git-commit","set":"feather","tags":["git","commit","code","version control"]},{"name":"git-merge","set":"feather","tags":["git","merge","code","version control"]},{"name":"git-pull-request","set":"feather","tags":["git","pull","request","code","version control"]},{"name":"github","set":"feather","tags":["github","logo","version control"]},{"name":"gitlab","set":"feather","tags":["gitlab","logo","version control"]},{"name":"globe","set":"feather","tags":["globe","world","browser","language","translate"]},{"name":"grid","set":"feather","tags":["grid"]},{"name":"hard-drive","set":"feather","tags":["hard","drive","computer","server","memory","data"]},{"name":"hash","set":"feather","tags":["hash","hashtag","number","pound"]},{"name":"headphones","set":"feather","tags":["headphones","music","audio","sound"]},{"name":"heart","set":"feather","tags":["heart","like","love","emotion"]},{"name":"help-circle","set":"feather","tags":["help","circle","question mark"]},{"name":"hexagon","set":"feather","tags":["hexagon","shape","node.js","logo"]},{"name":"home","set":"feather","tags":["home","house","living"]},{"name":"image","set":"feather","tags":["image","picture"]},{"name":"inbox","set":"feather","tags":["inbox","email"]},{"name":"instagram","set":"feather","tags":["instagram","logo","camera"]},{"name":"italic","set":"feather","tags":["italic"]},{"name":"key","set":"feather","tags":["key","password","login","authentication","secure"]},{"name":"layout","set":"feather","tags":["layout","window","webpage"]},{"name":"life-buoy","set":"feather","tags":["life","buoy","help","life ring","support"]},{"name":"link-2","set":"feather","tags":["link","2","chain","url"]},{"name":"link","set":"feather","tags":["link","chain","url"]},{"name":"linkedin","set":"feather","tags":["linkedin","logo","social media"]},{"name":"loader","set":"feather","tags":["loader"]},{"name":"lock","set":"feather","tags":["lock","security","password","secure"]},{"name":"log-in","set":"feather","tags":["log","in","sign in","arrow","enter"]},{"name":"log-out","set":"feather","tags":["log","out","sign out","arrow","exit"]},{"name":"mail","set":"feather","tags":["mail","email","message"]},{"name":"map-pin","set":"feather","tags":["map","pin","location","navigation","travel","marker"]},{"name":"map","set":"feather","tags":["map","location","navigation","travel"]},{"name":"maximize-2","set":"feather","tags":["maximize","2","fullscreen","arrows","expand"]},{"name":"maximize","set":"feather","tags":["maximize","fullscreen"]},{"name":"meh","set":"feather","tags":["meh","emoji","face","neutral","emotion"]},{"name":"message-circle","set":"feather","tags":["message","circle","comment","chat"]},{"name":"message-square","set":"feather","tags":["message","square","comment","chat"]},{"name":"mic-off","set":"feather","tags":["mic","off","record","sound","mute"]},{"name":"mic","set":"feather","tags":["mic","record","sound","listen"]},{"name":"minimize-2","set":"feather","tags":["minimize","2","exit fullscreen","arrows","close"]},{"name":"minimize","set":"feather","tags":["minimize","exit fullscreen","close"]},{"name":"minus-circle","set":"feather","tags":["minus","circle"]},{"name":"minus-square","set":"feather","tags":["minus","square"]},{"name":"monitor","set":"feather","tags":["monitor","tv","screen","display"]},{"name":"more-horizontal","set":"feather","tags":["more","horizontal","ellipsis"]},{"name":"more-vertical","set":"feather","tags":["more","vertical","ellipsis"]},{"name":"mouse-pointer","set":"feather","tags":["mouse","pointer","arrow","cursor"]},{"name":"move","set":"feather","tags":["move","arrows"]},{"name":"music","set":"feather","tags":["music","note"]},{"name":"navigation-2","set":"feather","tags":["navigation","2","location","travel"]},{"name":"navigation","set":"feather","tags":["navigation","location","travel"]},{"name":"octagon","set":"feather","tags":["octagon","stop"]},{"name":"package","set":"feather","tags":["package","box","container"]},{"name":"paperclip","set":"feather","tags":["paperclip","attachment"]},{"name":"pause-circle","set":"feather","tags":["pause","circle","music","audio","stop"]},{"name":"pause","set":"feather","tags":["pause","music","stop"]},{"name":"pen-tool","set":"feather","tags":["pen","tool","vector","drawing"]},{"name":"percent","set":"feather","tags":["percent","discount"]},{"name":"phone-call","set":"feather","tags":["phone","call","ring"]},{"name":"phone-forwarded","set":"feather","tags":["phone","forwarded","call"]},{"name":"phone-incoming","set":"feather","tags":["phone","incoming","call"]},{"name":"phone-missed","set":"feather","tags":["phone","missed","call"]},{"name":"phone-off","set":"feather","tags":["phone","off","call","mute"]},{"name":"phone-outgoing","set":"feather","tags":["phone","outgoing","call"]},{"name":"phone","set":"feather","tags":["phone","call"]},{"name":"pie-chart","set":"feather","tags":["pie","chart","statistics","diagram"]},{"name":"play-circle","set":"feather","tags":["play","circle","music","start"]},{"name":"plus-circle","set":"feather","tags":["plus","circle","add","new"]},{"name":"plus-square","set":"feather","tags":["plus","square","add","new"]},{"name":"pocket","set":"feather","tags":["pocket","logo","save"]},{"name":"power","set":"feather","tags":["power","on","off"]},{"name":"printer","set":"feather","tags":["printer","fax","office","device"]},{"name":"radio","set":"feather","tags":["radio","signal"]},{"name":"refresh-ccw","set":"feather","tags":["refresh","ccw","arrows"]},{"name":"repeat","set":"feather","tags":["repeat","loop","arrows","change"]},{"name":"rewind","set":"feather","tags":["rewind","music"]},{"name":"rotate-ccw","set":"feather","tags":["rotate","ccw","arrow"]},{"name":"rotate-cw","set":"feather","tags":["rotate","cw","arrow"]},{"name":"rss","set":"feather","tags":["rss","feed","subscribe"]},{"name":"save","set":"feather","tags":["save","floppy disk"]},{"name":"scissors","set":"feather","tags":["scissors","cut"]},{"name":"server","set":"feather","tags":["server"]},{"name":"share-2","set":"feather","tags":["share","2","network","connections"]},{"name":"share","set":"feather","tags":["share"]},{"name":"shield-off","set":"feather","tags":["shield","off","security","insecure"]},{"name":"shopping-bag","set":"feather","tags":["shopping","bag","ecommerce","cart","purchase","store"]},{"name":"shopping-cart","set":"feather","tags":["shopping","cart","ecommerce","purchase","store"]},{"name":"sidebar","set":"feather","tags":["sidebar"]},{"name":"skip-back","set":"feather","tags":["skip","back","music"]},{"name":"skip-forward","set":"feather","tags":["skip","forward","music"]},{"name":"slack","set":"feather","tags":["slack","logo"]},{"name":"slash","set":"feather","tags":["slash","ban","no"]},{"name":"sliders","set":"feather","tags":["sliders","settings","controls"]},{"name":"smartphone","set":"feather","tags":["smartphone","cellphone","device"]},{"name":"smile","set":"feather","tags":["smile","emoji","face","happy","good","emotion"]},{"name":"speaker","set":"feather","tags":["speaker","audio","music"]},{"name":"square","set":"feather","tags":["square"]},{"name":"star","set":"feather","tags":["star","bookmark","favorite","like"]},{"name":"stop-circle","set":"feather","tags":["stop","circle","media","music"]},{"name":"sun","set":"feather","tags":["sun","brightness","weather","light"]},{"name":"sunrise","set":"feather","tags":["sunrise","weather","time","morning","day"]},{"name":"sunset","set":"feather","tags":["sunset","weather","time","evening","night"]},{"name":"tablet","set":"feather","tags":["tablet","device"]},{"name":"tag","set":"feather","tags":["tag","label"]},{"name":"terminal","set":"feather","tags":["terminal","code","command line","prompt"]},{"name":"thermometer","set":"feather","tags":["thermometer","temperature","celsius","fahrenheit","weather"]},{"name":"thumbs-down","set":"feather","tags":["thumbs","down","dislike","bad","emotion"]},{"name":"thumbs-up","set":"feather","tags":["thumbs","up","like","good","emotion"]},{"name":"toggle-left","set":"feather","tags":["toggle","left","on","off","switch"]},{"name":"toggle-right","set":"feather","tags":["toggle","right","on","off","switch"]},{"name":"tool","set":"feather","tags":["tool","settings","spanner"]},{"name":"trash","set":"feather","tags":["trash","garbage","delete","remove","bin"]},{"name":"trello","set":"feather","tags":["trello"]},{"name":"trending-down","set":"feather","tags":["trending","down"]},{"name":"triangle","set":"feather","tags":["triangle","delta"]},{"name":"truck","set":"feather","tags":["truck","delivery","van","shipping","transport","lorry"]},{"name":"tv","set":"feather","tags":["tv","television","stream"]},{"name":"twitch","set":"feather","tags":["twitch","logo"]},{"name":"twitter","set":"feather","tags":["twitter","logo","social"]},{"name":"type","set":"feather","tags":["type","text"]},{"name":"umbrella","set":"feather","tags":["umbrella","rain","weather"]},{"name":"underline","set":"feather","tags":["underline"]},{"name":"unlock","set":"feather","tags":["unlock","security"]},{"name":"upload-cloud","set":"feather","tags":["upload","cloud"]},{"name":"user-check","set":"feather","tags":["user","check","followed","subscribed"]},{"name":"user-minus","set":"feather","tags":["user","minus","delete","remove","unfollow","unsubscribe"]},{"name":"user-plus","set":"feather","tags":["user","plus","new","add","create","follow","subscribe"]},{"name":"user-x","set":"feather","tags":["user","x","delete","remove","unfollow","unsubscribe","unavailable"]},{"name":"user","set":"feather","tags":["user","person","account"]},{"name":"users","set":"feather","tags":["users","group"]},{"name":"video-off","set":"feather","tags":["video","off","camera","movie","film"]},{"name":"video","set":"feather","tags":["video","camera","movie","film"]},{"name":"voicemail","set":"feather","tags":["voicemail","phone"]},{"name":"volume-1","set":"feather","tags":["volume","1","music","sound"]},{"name":"volume-2","set":"feather","tags":["volume","2","music","sound"]},{"name":"volume-x","set":"feather","tags":["volume","x","music","sound","mute"]},{"name":"volume","set":"feather","tags":["volume","music","sound","mute"]},{"name":"watch","set":"feather","tags":["watch","clock","time"]},{"name":"wifi-off","set":"feather","tags":["wifi","off","disabled"]},{"name":"wifi","set":"feather","tags":["wifi","connection","signal","wireless"]},{"name":"wind","set":"feather","tags":["wind","weather","air"]},{"name":"x-circle","set":"feather","tags":["x","circle","cancel","close","delete","remove","times","clear"]},{"name":"x-octagon","set":"feather","tags":["x","octagon","delete","stop","alert","warning","times","clear"]},{"name":"x-square","set":"feather","tags":["x","square","cancel","close","delete","remove","times","clear"]},{"name":"youtube","set":"feather","tags":["youtube","logo","video","play"]},{"name":"zap-off","set":"feather","tags":["zap","off","flash","camera","lightning"]},{"name":"zap","set":"feather","tags":["zap","flash","camera","lightning"]},{"name":"zoom-in","set":"feather","tags":["zoom","in","magnifying glass"]},{"name":"zoom-out","set":"feather","tags":["zoom","out","magnifying glass"]},{"name":"dimension-account","set":"core","tags":["account","chart of accounts","ledger","general ledger","book","coa","科目","会计科目","总账"]},{"name":"dimension-audit","set":"core","tags":["audit","audit trail","adjustment","search","inspect","file","审计","审计轨迹","调整"]},{"name":"dimension-currency","set":"core","tags":["currency","exchange","fx","conversion","dollar","yen","rmb","币种","货币","汇率","换算"]},{"name":"dimension-custom_default","set":"core","tags":["custom","dimension","model","cube","box","自定义","维度"]},{"name":"dimension-entity","set":"core","tags":["entity","legal entity","company","organization","buildings","subsidiary","实体","法人","公司","组织"]},{"name":"dimension-group","set":"core","tags":["group","consolidation group","hierarchy","network","tree","集团","组","层级"]},{"name":"dimension-intercompany","set":"core","tags":["intercompany","counterparty","exchange","transfer","往来","内部往来","关联方"]},{"name":"dimension-subtable","set":"core","tags":["subtable","table","detail","sub table","grid","子表","明细表"]},{"name":"dimension-time","set":"core","tags":["time","period","fiscal period","calendar","clock","month","year","期间","会计期间","时间","年月"]},{"name":"dimension-version","set":"core","tags":["version","actual","budget","forecast","branch","版本","实际","预算","预测"]},{"name":"version-exempt","set":"core","tags":["version exempt","exclude","excluded","branch","remove","版本豁免","排除"]},{"name":"model-exempt","set":"core","tags":["model exempt","exclude","excluded","cube","remove","模型豁免","排除"]},{"name":"modeling","set":"core","tags":["modeling","model design","designer","monitor","screen","cube","建模","模型设计"]},{"name":"restatement","set":"core","tags":["restatement","retrospective","history","adjust","restate","重述","追溯调整"]},{"name":"review","set":"core","tags":["review","check","view","inspect","eye","file","审阅","复核","查看"]},{"name":"admin","set":"core","tags":["admin","administration","settings","system","manage","管理","系统设置"]},{"name":"analytics","set":"core","tags":["analytics","analysis","insight","trend","dashboard","monitor","chart","分析","洞察","趋势"]},{"name":"automation","set":"core","tags":["automation","automate","run","schedule","gear","play","自动化","自动执行"]},{"name":"data_integration","set":"core","tags":["data integration","sync","connector","external data","数据集成","外部数据","接入","database","sources","merge","hub","数据源","汇集"]},{"name":"reconciliation-entity","set":"core","tags":["reconciliation","entity","company","buildings","实体对账","法人对账"]},{"name":"reconciliation-balance","set":"core","tags":["reconciliation","balance","coins","money","余额对账","科目余额"]},{"name":"scenario","set":"core","tags":["scenario","what if","compare","budget","forecast","情景","假设","对比"]},{"name":"report","set":"core","tags":["report","financial report","chart","line chart","报表","财务报告"]},{"name":"spreadsheet","set":"core","tags":["spreadsheet","sheet","table","grid","excel","电子表格","在线表格"]},{"name":"sheet","set":"core","tags":["sheet","worksheet","form","table","grid","表单","工作表"]},{"name":"script","set":"core","tags":["script","code","custom code","developer","脚本","代码","自定义代码"]},{"name":"workflow_group","set":"core","tags":["workflow group","workflow","folder","process","工作流组","流程集合"]},{"name":"model_interaction","set":"core","tags":["model interaction","model sync","link","exchange","cubes","模型交互","数据联动"]},{"name":"announcement","set":"core","tags":["announcement","notice","megaphone","broadcast","news","file","公告","通知","公示"]},{"name":"approval","set":"core","tags":["approval","approve","approved","badge","check","verified","审批","批准","通过"]},{"name":"data-import","set":"core","tags":["data import","import","load","database","in","down","数据导入","导入"]},{"name":"data-export","set":"core","tags":["data export","export","unload","database","out","up","数据导出","导出"]},{"name":"execution","set":"core","tags":["execution","execute","run","calculate","gear","check","done","执行","运行","计算"]},{"name":"submission","set":"core","tags":["submission","submit","send","report up","check","提交","上报"]},{"name":"expense_control","set":"core","tags":["expense control","expense","cost","budget control","gear","dollar","费用控制","费用","成本"]},{"name":"expense_control-aggregate","set":"core","tags":["expense control","aggregate","total","sum","merge","gear","汇总控制","汇总"]},{"name":"expense_control-limit","set":"core","tags":["expense control","limit","ceiling","cap","max","gear","上限控制","上限"]},{"name":"expense_control-enumerated","set":"core","tags":["expense control","enumerated","list","itemized","detail","gear","明细列举","明细"]},{"name":"expense_control-quota","set":"core","tags":["expense control","quota","percent","ratio","allowance","gear","额度控制","额度","比例"]},{"name":"profile-access","set":"core","tags":["profile access","access","permission","key","user","authorization","权限档案","访问授权","权限"]},{"name":"usergroup","set":"core","tags":["user group","users","team","members","people","用户组","团队"]},{"name":"user","set":"core","tags":["user","person","account","profile","member","用户","个人"]},{"name":"profile-system","set":"core","tags":["profile system","system","settings","user","gear","config","系统档案","系统配置"]},{"name":"rules-initialization","set":"core","tags":["rules","initialization","init","start","power","reset","规则","初始化"]},{"name":"rules-subsidy","set":"core","tags":["rules","subsidy","grant","allowance","dollar","plus","规则","补贴"]},{"name":"rules-transfer","set":"core","tags":["rules","transfer","move","exchange","arrows","规则","转移","调拨"]},{"name":"rules-import","set":"core","tags":["rules","import","load","in","down","规则","导入"]},{"name":"rules-reclassification","set":"core","tags":["rules","reclassification","reclass","split","move","规则","重分类"]},{"name":"rules-allocation","set":"core","tags":["rules","allocation","allocate","distribute","split","规则","分摊","分配"]},{"name":"rules-account","set":"core","tags":["rules","account","list","chart of accounts","规则","科目"]},{"name":"rules-carryforward","set":"core","tags":["rules","carry forward","carryforward","roll forward","forward","规则","结转"]},{"name":"rules-compound","set":"core","tags":["rules","compound","composite","hexagon","规则","复合"]},{"name":"rules-currency","set":"core","tags":["rules","currency","dollar","fx","规则","币种","货币"]},{"name":"rules-deduction","set":"core","tags":["rules","deduction","deduct","minus","subtract","dollar","规则","扣除","抵扣"]},{"name":"rules-depreciation","set":"core","tags":["rules","depreciation","decline","trend down","规则","折旧"]},{"name":"rules-eliminations_n_adjustments","set":"core","tags":["rules","elimination","eliminations","adjustment","adjustments","plus minus","规则","抵销","调整"]},{"name":"rules-general","set":"core","tags":["rules","general","text","lines","规则","通用"]},{"name":"rules-intercompany","set":"core","tags":["rules","intercompany","buildings","companies","规则","内部往来"]},{"name":"rules-journal_matching","set":"core","tags":["rules","journal matching","match","lines","check","规则","凭证匹配","匹配"]},{"name":"rules-method","set":"core","tags":["rules","method","path","route","flow","arrow","规则","方法"]},{"name":"rules-method_coefficient","set":"core","tags":["rules","method coefficient","coefficient","factor","multiply","bracket","规则","方法系数","系数"]},{"name":"rules-validation","set":"core","tags":["rules","validation","validate","check","verify","规则","校验","验证"]},{"name":"rules-shared","set":"core","tags":["rules","shared","share","network","规则","共享"]},{"name":"task-manual","set":"core","tags":["task","manual","edit","pencil","clipboard","任务","手工","手动"]},{"name":"task-reclassification","set":"core","tags":["task","reclassification","reclass","clipboard","任务","重分类"]},{"name":"task-account","set":"core","tags":["task","account","list","clipboard","任务","科目"]},{"name":"task-allocation","set":"core","tags":["task","allocation","allocate","distribute","clipboard","任务","分摊"]},{"name":"task-carryforward","set":"core","tags":["task","carry forward","carryforward","clipboard","任务","结转"]},{"name":"task-currency","set":"core","tags":["task","currency","dollar","fx","clipboard","任务","币种"]},{"name":"task-deduction","set":"core","tags":["task","deduction","deduct","minus","clipboard","任务","扣除"]},{"name":"task-depreciation","set":"core","tags":["task","depreciation","decline","clipboard","任务","折旧"]},{"name":"task-eliminations_n_adjustments","set":"core","tags":["task","elimination","adjustment","plus minus","clipboard","任务","抵销","调整"]},{"name":"task-etl","set":"core","tags":["task","etl","extract","transform","load","database","clipboard","任务","数据抽取"]},{"name":"task-shared","set":"core","tags":["task","shared","share","clipboard","任务","共享"]},{"name":"task-intercompany","set":"core","tags":["task","intercompany","buildings","clipboard","任务","内部往来"]},{"name":"ownership","set":"core","tags":["ownership","owner","own","belongs to","responsible","key","hand","handover","custody","所有权","所有者","负责人","归属","持有"]},{"name":"ai","set":"core","tags":["ai","artificial intelligence","assistant","copilot","agent","ai agent","generative","smart","intelligent","sparkles","badge","workspace","automation"]},{"name":"ai-sparkles","set":"core","tags":["ai","sparkles","magic","generate","generative","suggest","assistant","intelligent","smart","stars","auto"]}]
|
|
@@ -23,7 +23,7 @@ function Sheet() {
|
|
|
23
23
|
<Case k="count on an option"><SegmentedControl options={[{ label: "Submission", count: 3 }, { label: "Review", count: 12 }, { label: "Approved", count: 0 }]} value={n} onChange={setN} /></Case>
|
|
24
24
|
<Case k="showZero · muted 0"><SegmentedControl showZero options={[{ label: "Submission", count: 3 }, { label: "Review", count: 12 }, { label: "Approved", count: 0 }]} value={n} onChange={setN} /></Case>
|
|
25
25
|
<Case k="sizes"><div style={{ display: "flex", flexDirection: "column", gap: 12, alignItems: "flex-start" }}>{["sm", "md", "lg"].map(s => <SegmentedControl key={s} size={s} options={[{ label: "Submission", count: 3 }, { label: "Review", count: 12 }, { label: "Approved" }]} value={n} onChange={setN} />)}</div></Case>
|
|
26
|
-
<div className="note">The badge sits 6px right of the label: <code>--count-h</code> tall (sm 16 · md
|
|
26
|
+
<div className="note">The badge sits 6px right of the label: <code>--count-h</code> tall (sm 16 · md and lg 18), 6px sides, full radius, 12px tabular figures. The fill is the alpha wash <code>--neutral-alpha-8</code>, so it shows on the white active segment and the #fafafa track alike; the text tells them apart — <code>--text-heading</code> selected, <code>--text-body</code> unselected. A count of 0 or none hides it; <code>showZero</code> (on the control or the option) draws a muted 0. The selected value is still matched by label.</div>
|
|
27
27
|
|
|
28
28
|
<div className="kb-h kb-h-gap">With icons</div>
|
|
29
29
|
<Case k="icon + label"><SegmentedControl options={[{ label: "List", icon: "list" }, { label: "Grid", icon: "layout-grid" }]} value={a} onChange={setA} /></Case>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!-- @dsCard group="Components" viewport="
|
|
1
|
+
<!-- @dsCard group="Components" viewport="700x9720" name="Table" subtitle="Anatomy · densities · cell types (display · editable · per tier) · two-line name · sorting · selection · frames · column resize · states · composition" -->
|
|
2
2
|
<!DOCTYPE html>
|
|
3
3
|
<html><head><meta charset="utf-8"><script src="../_shared/frame-theme.js"></script><link rel="stylesheet" href="../../styles.css"><link rel="stylesheet" href="../../tokens/hover.css"><link rel="stylesheet" href="../_shared/card-kit.css">
|
|
4
4
|
<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<style>body{margin:0;background:var(--bg-surface);padding:20px 24px;font-family:var(--font-sans);box-sizing:border-box}.sec{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);padding:20px 0 4px;border-top:1px solid var(--border-subtle);margin-top:18px}.sec:first-child{border-top:none;margin-top:0;padding-top:0}.case{padding:10px 0 4px}.k{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-sans);display:block;padding-bottom:8px}.note{font-size:var(--text-xs);line-height:17px;color:var(--text-secondary);max-width:64ch;padding:6px 0 0}.note code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-heading)}.grey{background:var(--bg-app);padding:16px;border-radius:var(--radius-lg)}a{color:var(--link)}a:hover{color:var(--link-hover)}.kb-h-gap{margin:28px 0 12px}.kb-h-gap:first-child{margin-top:0}</style></head>
|
|
11
11
|
<body><div id="root"></div>
|
|
12
12
|
<script type="text/babel">
|
|
13
|
-
const { Table, Select, Badge, Pagination, EmptyState, Skeleton, IconButton } = window.KeybricksDesignSystem_71231a;
|
|
13
|
+
const { Table, Select, Badge, Pagination, EmptyState, Skeleton, IconButton, Button, Icon, Switch, Checkbox, Input, NumberStepper, DatePicker, Tag, Avatar, AvatarGroup, ProgressBar, Sparkline, DiffValue } = window.KeybricksDesignSystem_71231a;
|
|
14
14
|
const { KBLive: Live } = window;
|
|
15
15
|
const { KBTiers: Tiers } = window;
|
|
16
16
|
const Case = ({ k, children }) => <div className="case"><span className="k">{k}</span>{children}</div>;
|
|
@@ -56,6 +56,97 @@ const TREE_ROWS = [
|
|
|
56
56
|
] },
|
|
57
57
|
{ id: "cash", name: "Cash Flow Forecast", description: "13-week rolling forecast", icon: "spreadsheet", hue: "source", details: "Spreadsheet", at: "2026-10-16 08:30" },
|
|
58
58
|
];
|
|
59
|
+
/* Cell parts. Controls inherit the table's tier; parts that take a number (Avatar, AvatarGroup, Sparkline) get the tier's value from FIT. */
|
|
60
|
+
const FIT = { sm: { av: 20, sp: [56, 16] }, md: { av: 24, sp: [64, 20] }, lg: { av: 28, sp: [80, 24] } };
|
|
61
|
+
const ROW_ICON = { width: "var(--control-icon)", height: "var(--control-icon)", color: "var(--text-muted)", flexShrink: 0 };
|
|
62
|
+
const IconText = ({ icon, children }) => <span style={{ display: "inline-flex", alignItems: "center", gap: 8, minWidth: 0 }}><Icon name={icon} size={16} style={ROW_ICON} /><span style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{children}</span></span>;
|
|
63
|
+
const Person = ({ n, s }) => <span style={{ display: "inline-flex", alignItems: "center", gap: 8 }}><Avatar name={n} size={s} />{n}</span>;
|
|
64
|
+
const Tags = ({ v }) => <span style={{ display: "inline-flex", gap: 4 }}>{v.map(t => <Tag key={t}>{t}</Tag>)}</span>;
|
|
65
|
+
const Prog = ({ v }) => <span style={{ display: "flex", alignItems: "center", gap: 8 }}><ProgressBar value={v} color={v === 100 ? "var(--success)" : undefined} style={{ flex: 1, minWidth: 48 }} /><span style={{ fontVariantNumeric: "tabular-nums", color: "var(--text-secondary)", minWidth: 34, textAlign: "right" }}>{v}%</span></span>;
|
|
66
|
+
const TONE = { Completed: "success", Failed: "danger", Partial: "warning", Draft: "neutral" };
|
|
67
|
+
const ENT_ROWS = [
|
|
68
|
+
{ ent: "Shanghai Subsidiary", owner: "Felix Wang", status: "Completed", tags: ["FY26", "CN"], team: ["Felix Wang", "Luo Lisi", "Guo Kaige", "Ann Li"], p: 100, trend: [4, 5, 5, 6, 7, 9], from: "12,401", to: "12,980", on: true, notify: true, act: "Overwrite" },
|
|
69
|
+
{ ent: "Tokyo Branch", owner: "Luo Lisi", status: "Failed", tags: ["FY26", "JP"], team: ["Luo Lisi", "Ann Li"], p: 18, trend: [9, 8, 8, 6, 5, 4], from: "486,300", to: "471,050", on: false, notify: false, act: "Skip" },
|
|
70
|
+
{ ent: "Singapore HQ", owner: "Guo Kaige", status: "Partial", tags: ["FY26"], team: ["Guo Kaige", "Felix Wang", "Luo Lisi"], p: 64, trend: [5, 6, 5, 7, 6, 7], from: "3,215", to: "3,215", on: true, notify: false, act: "New" },
|
|
71
|
+
];
|
|
72
|
+
const DISPLAY_A = [
|
|
73
|
+
{ key: "ent", label: "Entity", width: 190, render: v => <IconText icon="dimension-entity">{v}</IconText> },
|
|
74
|
+
{ key: "owner", label: "Owner", width: 140, render: v => <Person n={v} s={FIT.md.av} /> },
|
|
75
|
+
{ key: "status", label: "Status", width: 110, render: v => <Badge tone={TONE[v]}>{v}</Badge> },
|
|
76
|
+
{ key: "tags", label: "Tags", render: v => <Tags v={v} /> },
|
|
77
|
+
{ key: "link", label: "", align: "right", width: 100, render: () => <a href="#" onClick={e => e.preventDefault()}>Open report</a> },
|
|
78
|
+
];
|
|
79
|
+
const DISPLAY_B = [
|
|
80
|
+
{ key: "ent", label: "Entity", width: 170 },
|
|
81
|
+
{ key: "team", label: "Reviewers", width: 110, render: v => <AvatarGroup names={v} size={FIT.md.av} max={3} /> },
|
|
82
|
+
{ key: "p", label: "Progress", width: 150, render: v => <Prog v={v} /> },
|
|
83
|
+
{ key: "trend", label: "Trend", width: 96, render: v => <Sparkline values={v} width={FIT.md.sp[0]} height={FIT.md.sp[1]} tone="auto" /> },
|
|
84
|
+
{ key: "to", label: "Rows", align: "right", render: (v, r) => r.from === v ? <span style={{ fontVariantNumeric: "tabular-nums" }}>{v}</span> : <DiffValue from={r.from} to={v} mono /> },
|
|
85
|
+
];
|
|
86
|
+
const LiveSwitch = ({ v }) => <Live init={v}>{(x, set) => <Switch checked={x} onChange={set} />}</Live>;
|
|
87
|
+
const LiveCheck = ({ v }) => <Live init={v}>{(x, set) => <Checkbox checked={x} onChange={set} />}</Live>;
|
|
88
|
+
const LiveSelect = ({ v }) => <Live init={v}>{(x, set) => <Select options={["New", "Overwrite", "Skip"]} value={x} onChange={(e) => set(e && e.target ? e.target.value : e)} style={{ width: "100%" }} />}</Live>;
|
|
89
|
+
const EDIT_A = [
|
|
90
|
+
{ key: "ent", label: "Entity", width: 180 },
|
|
91
|
+
{ key: "on", label: "Enabled", width: 90, render: v => <LiveSwitch v={v} /> },
|
|
92
|
+
{ key: "notify", label: "Notify", width: 80, render: v => <LiveCheck v={v} /> },
|
|
93
|
+
{ key: "act", label: "On conflict", width: 150, render: v => <LiveSelect v={v} /> },
|
|
94
|
+
{ key: "ops", label: "", align: "right", render: () => <span style={{ display: "inline-flex", alignItems: "center", gap: 4 }}><Button variant="text">Edit</Button><IconButton icon="ellipsis" muted label="Row actions" /></span> },
|
|
95
|
+
];
|
|
96
|
+
const RATE_ROWS = [
|
|
97
|
+
{ code: "FX_RATE_USD_CNY", rate: "7.1284", n: 12, from: "2026-01-01" },
|
|
98
|
+
{ code: "FX_RATE_EUR_CNY", rate: "7.7920", n: 6, from: "2026-07-01" },
|
|
99
|
+
];
|
|
100
|
+
const EDIT_B = [
|
|
101
|
+
{ key: "code", label: "Code", code: true, width: 170 },
|
|
102
|
+
{ key: "rate", label: "Rate", width: 110, render: v => <Live init={v}>{(x, set) => <Input value={x} onChange={e => set(e.target.value)} style={{ width: "100%", textAlign: "right", fontVariantNumeric: "tabular-nums" }} />}</Live> },
|
|
103
|
+
{ key: "n", label: "Periods", width: 130, render: v => <Live init={v}>{(x, set) => <NumberStepper value={x} onChange={set} min={1} max={12} />}</Live> },
|
|
104
|
+
{ key: "from", label: "Effective from", width: 180, render: v => <Live init={v}>{(x, set) => <DatePicker value={x} onChange={set} width="100%" />}</Live> },
|
|
105
|
+
];
|
|
106
|
+
const TIER_ROWS = ENT_ROWS.slice(0, 2).map((r, i) => ({ ...r, ent: ["Shanghai Sub.", "Tokyo Branch"][i] }));
|
|
107
|
+
const TIER_COLS = (t) => [
|
|
108
|
+
{ key: "ent", label: "Entity", width: 140, render: v => <IconText icon="dimension-entity">{v}</IconText> },
|
|
109
|
+
{ key: "owner", label: "Owner", width: 130, render: v => <Person n={v} s={FIT[t].av} /> },
|
|
110
|
+
{ key: "on", label: "Enabled", width: 84, render: v => <LiveSwitch v={v} /> },
|
|
111
|
+
{ key: "act", label: "On conflict", width: 160, render: v => <Live init={v}>{(x, set) => <Select options={["New", "Overwrite", "Skip"]} value={x} onChange={(e) => set(e && e.target ? e.target.value : e)} style={{ width: "100%", minWidth: 124 }} />}</Live> },
|
|
112
|
+
{ key: "trend", label: "Trend", render: v => <Sparkline values={v} width={FIT[t].sp[0]} height={FIT[t].sp[1]} tone="auto" /> },
|
|
113
|
+
];
|
|
114
|
+
const SPEC_COLS = [{ key: "part", label: "In the cell", width: 230 }, { key: "sm", label: "sm", mono: true, width: 100 }, { key: "md", label: "md", mono: true, width: 90 }, { key: "lg", label: "lg", mono: true, width: 90 }, { key: "how", label: "Sized by" }];
|
|
115
|
+
const SPEC_ROWS = [
|
|
116
|
+
{ part: "Row", sm: "36", md: "40", lg: "48", how: "table size" },
|
|
117
|
+
{ part: "Cell text", sm: "12 (13 CJK)", md: "14", lg: "14", how: "table size" },
|
|
118
|
+
{ part: "Select · Input · DatePicker · Stepper · Button", sm: "28", md: "32", lg: "40", how: "inherits — no size prop" },
|
|
119
|
+
{ part: "Switch", sm: "28×16", md: "32×18", lg: "32×18", how: "inherits" },
|
|
120
|
+
{ part: "Checkbox · Radio", sm: "14", md: "16", lg: "16", how: "inherits" },
|
|
121
|
+
{ part: "Tag", sm: "20", md: "24", lg: "24", how: "inherits" },
|
|
122
|
+
{ part: "Icon beside text", sm: "14", md: "16", lg: "16", how: "--control-icon" },
|
|
123
|
+
{ part: "Badge (status)", sm: "20", md: "20", lg: "20", how: "fixed" },
|
|
124
|
+
{ part: "Progress track", sm: "6", md: "6", lg: "6", how: "fixed" },
|
|
125
|
+
{ part: "Avatar · AvatarGroup", sm: "20", md: "24", lg: "28", how: "pass size" },
|
|
126
|
+
{ part: "Sparkline", sm: "56×16", md: "64×20", lg: "80×24", how: "pass width · height" },
|
|
127
|
+
];
|
|
128
|
+
const PIN_COLS = [{ key: "code", label: "Account", mono: true, width: 110, sortable: true }, { key: "name", label: "Account name", sortable: true }, { key: "ent", label: "Entity", width: 150 }, { key: "amt", label: "Closing balance", mono: true, align: "right", width: 150, sortable: true }];
|
|
129
|
+
const PIN_ROWS = [
|
|
130
|
+
{ code: "1001", name: "Cash on hand", ent: "Shanghai Sub.", amt: "12,480.00" },
|
|
131
|
+
{ code: "1002", name: "Bank deposits", ent: "Shanghai Sub.", amt: "3,215,906.12" },
|
|
132
|
+
{ code: "1122", name: "Accounts receivable", ent: "Tokyo Branch", amt: "842,100.00" },
|
|
133
|
+
{ code: "1403", name: "Raw materials", ent: "Singapore HQ", amt: "96,350.40" },
|
|
134
|
+
{ code: "2202", name: "Accounts payable", ent: "Tokyo Branch", amt: "486,300.00" },
|
|
135
|
+
{ code: "2211", name: "Payroll payable", ent: "Singapore HQ", amt: "128,000.00" },
|
|
136
|
+
];
|
|
137
|
+
const LOCK_ROWS = [
|
|
138
|
+
{ name: "Group (consolidated)", dim: "Entity", req: true },
|
|
139
|
+
{ name: "Shanghai Sub.", dim: "Entity" },
|
|
140
|
+
{ name: "Tokyo Branch", dim: "Entity" },
|
|
141
|
+
{ name: "Actual", dim: "Version" },
|
|
142
|
+
{ name: "Budget v1", dim: "Version" },
|
|
143
|
+
{ name: "Budget v2", dim: "Version" },
|
|
144
|
+
{ name: "Forecast Q3", dim: "Version" },
|
|
145
|
+
];
|
|
146
|
+
/* The app's rules: one Version at most; the consolidated group is required. The Table only renders what isRowDisabled returns. */
|
|
147
|
+
const lockRule = (sel) => (r, i) => !!r.req || (r.dim === "Version" && sel.some(j => j !== i && LOCK_ROWS[j].dim === "Version"));
|
|
148
|
+
const lockWhy = (r) => r.req ? "Required by this report" : "Version slot already filled";
|
|
149
|
+
const oneVersion = (ids) => { let seen = false; return ids.filter(i => LOCK_ROWS[i].dim !== "Version" || (!seen && (seen = true))); };
|
|
59
150
|
const ZH_LABELS = { sortAsc: "升序排列", sortDesc: "降序排列", sortClear: "取消排序", more: "更多操作", expand: "展开", collapse: "收起" };
|
|
60
151
|
const DOC_ROWS_ZH = [
|
|
61
152
|
{ name: "2026 预算", description: "FY2026 预算周期", icon: "folder", hue: "neutral", details: "3 个文档" },
|
|
@@ -73,11 +164,20 @@ function Sheet() {
|
|
|
73
164
|
const [srt, setSrt] = React.useState(null);
|
|
74
165
|
const [exp, setExp] = React.useState(["budget"]);
|
|
75
166
|
const [opened, setOpened] = React.useState(null);
|
|
167
|
+
const [pin, setPin] = React.useState([3]);
|
|
168
|
+
const [lock, setLock] = React.useState([0, 3]);
|
|
169
|
+
const lockFn = lockRule(lock);
|
|
170
|
+
const lockToggle = (w, v, next) => setLock(w === "all" ? oneVersion(next) : v ? [...lock, w] : lock.filter(i => i !== w));
|
|
171
|
+
const dimCell = (val, r, i) => <span style={{ color: lockFn(r, i) ? "var(--text-muted)" : undefined }}>{val}</span>;
|
|
172
|
+
const LOCK_COLS = [{ key: "name", label: "Member", sortable: true, render: dimCell }, { key: "dim", label: "Dimension", width: 160, render: dimCell }];
|
|
173
|
+
const pinToggle = (w, v) => { if (w === "all") setPin(v ? PIN_ROWS.map((_, i) => i) : []); else setPin(v ? [...pin, w] : pin.filter(i => i !== w)); };
|
|
174
|
+
const [pin2, setPin2] = React.useState([1, 3]);
|
|
175
|
+
const pinToggle2 = (w, v) => { if (w === "all") setPin2(v ? PIN_ROWS.map((_, i) => i) : []); else setPin2(v ? [...pin2, w] : pin2.filter(i => i !== w)); };
|
|
76
176
|
return <div>
|
|
77
177
|
<div className="kb-h kb-h-gap">Anatomy</div>
|
|
78
178
|
<Case k="md — 40px rows · 14px cells · header in weight 600, sentence case · hairline rules">
|
|
79
179
|
<Table bordered columns={RUNS} rows={RUN_ROWS} />
|
|
80
|
-
<div className="note">One rule weight throughout (<code>--border-subtle</code>). The header is set apart by its <code>--bg-table-header</code> tint — never by a heavier line. Config-code columns (<code>code</code>) show a code chip — Menlo 12px on the
|
|
180
|
+
<div className="note">One rule weight throughout (<code>--border-subtle</code>). The header is set apart by its <code>--bg-table-header</code> tint — never by a heavier line. Config-code columns (<code>code</code>) show a code chip — Menlo 12px on the hover fill; amount and ID columns (<code>mono</code>) keep the UI font with tabular figures; <code>align: "right"</code> for quantities.</div>
|
|
81
181
|
</Case>
|
|
82
182
|
|
|
83
183
|
<div className="kb-h kb-h-gap">Densities</div>
|
|
@@ -85,9 +185,30 @@ function Sheet() {
|
|
|
85
185
|
<Case k="sm · 36px rows, 12px text — dense grids and the data-preview drawer"><Table size="sm" bordered columns={DENSE} rows={DENSE_ROWS} /></Case>
|
|
86
186
|
<Case k="sm · CJK — 13px text, regular weight (lang="zh-CN" on the region)"><div lang="zh-CN"><Table size="sm" bordered columns={[{ key: "code", label: "科目代码", mono: true }, { key: "name", label: "科目名称" }, { key: "dept", label: "成本中心" }, { key: "amt", label: "期末余额", mono: true }]} rows={[{ code: "1001", name: "库存现金", dept: "總部財務", amt: "12,480.00" }, { code: "1002", name: "银行存款", dept: "上海分公司", amt: "3,215,906.12" }, { code: "2202", name: "应付账款", dept: "東京支社", amt: "486,300.00" }]} /></div></Case>
|
|
87
187
|
|
|
88
|
-
<div className="kb-h kb-h-gap">
|
|
89
|
-
<Case k="text · mono · align right
|
|
90
|
-
<Table bordered columns={[{ ...CFG[1], width: 220 }, { key: "
|
|
188
|
+
<div className="kb-h kb-h-gap">Cell types</div>
|
|
189
|
+
<Case k="text · code · mono · align right — built in (see Anatomy); everything else goes through render">
|
|
190
|
+
<Table bordered columns={[{ ...CFG[1], width: 220 }, { key: "module", label: "Module" }, { key: "cur", label: "Current Value", mono: true, align: "right", width: 130 }]} rows={CFG_ROWS} />
|
|
191
|
+
</Case>
|
|
192
|
+
<Case k="display — icon + text · Avatar + name · Badge status · Tag list · link">
|
|
193
|
+
<Table bordered columns={DISPLAY_A} rows={ENT_ROWS} />
|
|
194
|
+
</Case>
|
|
195
|
+
<Case k="display — AvatarGroup · progress (bar + %) · Sparkline · DiffValue">
|
|
196
|
+
<Table bordered columns={DISPLAY_B} rows={ENT_ROWS} />
|
|
197
|
+
<div className="note">A status reads as a <code>Badge</code> (tinted, fixed 20px); a <code>Tag</code> is a label the user attached. Progress is the 6px <code>ProgressBar</code> without a label, its value beside it in tabular figures; it turns <code>--success</code> at 100%. <code>DiffValue</code> only where the value changed; an unchanged one stays plain.</div>
|
|
198
|
+
</Case>
|
|
199
|
+
<Case k="editable — Switch · Checkbox · Select · row actions (text Button + ⋯)">
|
|
200
|
+
<Table bordered columns={EDIT_A} rows={ENT_ROWS} />
|
|
201
|
+
</Case>
|
|
202
|
+
<Case k="editable — Input · NumberStepper · DatePicker">
|
|
203
|
+
<Table bordered columns={EDIT_B} rows={RATE_ROWS} />
|
|
204
|
+
<div className="note">Controls fill their column (<code>width: 100%</code>) and sit 4px from the row edges — the row is the tier's bar height, the control the tier's control height. For a grid the user edits cell by cell, use <b>Spreadsheet</b> or <b>Smart Table</b> instead.</div>
|
|
205
|
+
</Case>
|
|
206
|
+
<Case k="per tier — the same cells at sm · md · lg">
|
|
207
|
+
{["sm", "md", "lg"].map(t => <div key={t} style={{ paddingBottom: 12 }}><span className="k">{t} · {{ sm: "36", md: "40", lg: "48" }[t]}px rows · Avatar {FIT[t].av} · Sparkline {FIT[t].sp.join("×")}</span><Table size={t} bordered columns={TIER_COLS(t)} rows={TIER_ROWS} /></div>)}
|
|
208
|
+
</Case>
|
|
209
|
+
<Case k="sizes per tier — px">
|
|
210
|
+
<Table size="sm" bordered columns={SPEC_COLS} rows={SPEC_ROWS} />
|
|
211
|
+
<div className="note">Controls inside the table inherit its tier — never pass <code>size</code> to a control in a cell. Parts that take a number don't follow the tier on their own: pass the value for the table's tier from this list (<code>Avatar size</code>, <code>Sparkline width / height</code>). <code>Badge</code> and the progress track stay the same size at every tier.</div>
|
|
91
212
|
</Case>
|
|
92
213
|
|
|
93
214
|
<div className="kb-h kb-h-gap">Two-line name</div>
|
|
@@ -117,6 +238,18 @@ function Sheet() {
|
|
|
117
238
|
<Case k="selectable · selected · onToggle — header checkbox is indeterminate on partial">
|
|
118
239
|
<Table bordered selectable selected={sel} onToggle={toggle} columns={CFG} rows={CFG_ROWS} />
|
|
119
240
|
</Case>
|
|
241
|
+
<Case k='isRowDisabled · disabledReason · pinSelected="labels" — Selected, Others, Unavailable; pick a Version and the other Versions lock'>
|
|
242
|
+
<Table bordered selectable pinSelected="labels" selected={lock} onToggle={lockToggle} isRowDisabled={lockFn} disabledReason={lockWhy} columns={LOCK_COLS} rows={LOCK_ROWS} />
|
|
243
|
+
<div className="note">The rule lives in the app (one Version at most) and is asked again on every render. Uncheck <b>Actual</b> and every Version unlocks; pick another and the rest lock again. A locked checkbox is 50%, not-allowed, with the reason as its tooltip. The lock never unchecks a row: <b>Group (consolidated)</b> is locked and stays checked, and Select-all / Clear skip it. The header checkbox counts unlocked rows only. With <code>pinSelected="labels"</code>, locked rows that aren't checked form a third group, <b>Unavailable · n</b>, after Others; sort by a column and the three groups keep their order, each sorted on its own. A row moves group as soon as its lock changes; an empty group shows no group row. In <code>pinSelected</code> (divider) they stay with the unchecked rows. The app dims the locked rows' text itself, and applies its own rule to Select-all's <code>next</code> (here: keep one Version). <code>selected</code>: <code>{JSON.stringify(lock)}</code></div>
|
|
244
|
+
</Case>
|
|
245
|
+
<Case k="pinSelected — checked rows move to the top on a grey band, with a 1px rule above and below it">
|
|
246
|
+
<Table bordered selectable pinSelected selected={pin} onToggle={pinToggle} columns={PIN_COLS} rows={PIN_ROWS} />
|
|
247
|
+
<div className="note">Check a row and it moves to the top; uncheck it and it goes back to its place. Pinned rows sit on <code>--bg-inset</code>. While any are pinned, the header rule and the rule closing the group are <code>--border-control</code> (the usual <code>--border-subtle</code> is the header tint itself, so it would not show); the closing rule only appears while both groups have rows. With a sort applied, each group keeps the sort. <code>selected</code> and <code>onToggle</code> keep the original row positions. <code>selected</code>: <code>{JSON.stringify(pin)}</code></div>
|
|
248
|
+
</Case>
|
|
249
|
+
<Case k='pinSelected="labels" — the same band, with a group row above each group'>
|
|
250
|
+
<Table bordered selectable pinSelected="labels" selected={pin2} onToggle={pinToggle2} columns={PIN_COLS} rows={PIN_ROWS} />
|
|
251
|
+
<div className="note">28px group rows on the header tint, 12px semibold: “Selected · n” with <b>Clear</b> (fires <code>onToggle("all", false)</code>) and “Others · n”. The header rule, the group rows' rules and the rule closing the pinned group are <code>--border-control</code>, so the header, each group and the pinned band stay apart. Use it when the checked set is something the user works on (a batch to post, accounts to reconcile). Translate with <code>labels.pinned / others / clear</code>.</div>
|
|
252
|
+
</Case>
|
|
120
253
|
|
|
121
254
|
<div className="kb-h kb-h-gap">Frames</div>
|
|
122
255
|
<Case k="bordered — table draws its own card frame; use on grey pages">
|