[{"text":"<!--\n\tFields: \"first-search-filter\", \"second-search-filter\" are assigned to the keyboard-driven input macro with parameter: \"configTiddlerFilter\"\n\tThey __need to be the same__ as used for variables: \"nonSystemTagsFilter\" and \"systemTagsFilter\". See code below!\n-->\n\n\\whitespace trim\n\n<!-- tf.tagpicker-dropdown-id is needed if several tap-pickers are shown in one tiddler -->\n\\function tf.tagpicker-dropdown-id()\n\t[<qualify $:/state/popup/tags-auto-complete>]\n\t[[$(saveTiddler)$-[$(tagField)$-$(tagListFilter)$]substitute[]sha256[]] :and[join[/]]\n\\end\n\n\\function tf.tagpicker-dropdown-class() [<tf.tagpicker-dropdown-id>sha256[]addprefix[tc-]]\n\\function tf.get-tagpicker-focus-selector() [<tf.tagpicker-dropdown-class>addprefix[.]] .tc-popup-handle :and[join[ ]]\n\n<!-- clean up temporary tiddlers, so the next \"pick\" starts with a clean input -->\n<!-- This could probably be optimized / removed if we would use different temp-tiddlers\n\t(future improvement because keeping track is comlex for humans)\n-->\n\\procedure delete-tag-state-tiddlers()\n<$action-deletetiddler $filter=\"[<newTagNameTiddler>] [<storeTitle>] [<tagSelectionState>]\"/>\n\\end\n\n<!-- trigger __toggle tag__ by keyboard -->\n\\procedure add-tag-actions()\n<$let tag=<<_tf.getTag>> >\n\t<$action-listops $tiddler=<<saveTiddler>> $field=<<tagField>> $subfilter=':and[toggle<tag>trim[]]'/>\n\t<%if [<tag>] :intersection[<saveTiddler>get<tagField>enlist-input[]] %>\n\t\t<!-- tag has been removed - do nothing -->\n\t<%else%>\n\t\t<!-- 保存到最近标签列表（按回车键时），[last[71]]设置标签数量 -->\n\t\t<$list filter=\"[<tag>trim[]minlength[1]]\">\n\t\t\t<$action-listops \n\t\t\t\t$tiddler=\"$:/编辑器标签下拉菜单最近添加的标签存储\"\n\t\t\t\t$field=\"list\"\n\t\t\t\t$subfilter=\"\"\"[<tag>trim[]] +[last[71]]\"\"\"\n\t\t\t/>\n\t\t</$list>\n\t\t<<actions>>\n\t<%endif%>\n\t<<delete-tag-state-tiddlers>>\n\t<$action-setfield $tiddler=<<refreshTitle>> text=\"yes\"/>\n</$let>\n\\end\n<!-- <$action-log  /> -->\n\n<!-- ESC key removes the text from the input\nThe second ESC tries to close the \"draft tiddler\"\n-->\n\\procedure clear-tags-actions-inner()\n<%if [<storeTitle>has[text]] :else[<newTagNameTiddler>has[text]] %>\n\t<<delete-tag-state-tiddlers>>\n<%else%>\n\t\t<<cancel-delete-tiddler-actions \"cancel\">>\n<%endif%>\n\\end\n\n<!-- triggered by keyboard only -->\n\\procedure clear-tags-actions()\n<$let userInput=<<_tf.getUserInput>> >\n\t<!-- this list __cannot__ be transformed to conditional IF. The list variable is used! -->\n\t<$list filter=\"[<newTagNameTiddler>get[text]!match<userInput>]\" >\n\t\t<$list-empty>\n\t\t\t<<clear-tags-actions-inner>>\n\t\t</$list-empty>\n\t\t<$action-setfield $tiddler=<<newTagNameTiddler>> text=<<userInput>>/>\n\t\t<$action-setfield $tiddler=<<refreshTitle>> text=\"yes\"/>\n\t</$list>\n</$let>\n\\end\n\n<!-- similar to add-tag-actions __but__ add-only -->\n\\procedure add-button-actions()\n<$action-listops $tiddler=<<saveTiddler>> $field=<<tagField>> $subfilter=\"[<tag>trim[]]\"/>\n<!-- 保存到最近标签列表（点击\"添加\"按钮时），[last[71]]设置标签数量 -->\n<$list filter=\"[<tag>trim[]minlength[1]]\">\n\t<$action-listops \n\t\t$tiddler=\"$:/编辑器标签下拉菜单最近添加的标签存储\"\n\t\t$field=\"list\"\n\t\t$subfilter=\"\"\"[<tag>trim[]] +[last[71]]\"\"\"\n\t/>\n</$list>\n<<actions>>\n<<delete-tag-state-tiddlers>>\n<$action-sendmessage $message=\"tm-focus-selector\" $param=<<tf.get-tagpicker-focus-selector>>/>\n\\end\n<!-- <$action-log /> -->\n\n<!-- 创建最近标签列表的独立过程 -->\n\\procedure tag-picker-recentTags()\n<$list filter=\"[list[$:/编辑器标签下拉菜单最近添加的标签存储!!list]reverse[]]\" variable=\"tag\">\n\t<$let \n\t\tcurrentTiddler=<<tag>>\n\t\tbutton-classes=`tc-btn-invisible ${[<tag>addsuffix[-recentList]] :except[<tagSelectionState>get[text]] :then[[]] ~tc-tag-button-selected }$`\n\t\tget-tagpicker-focus-selector=`${[<tf.get-tagpicker-focus-selector>]}$`\n\t>\n\t\t{{||$:/core/ui/TagPickerTagTemplate}}\n\t</$let>\n</$list>\n\\end\n\n<!-- create dropdown list -->\n\\procedure tag-picker-listTags(filter, suffix, empty)\n<$let userInput=<<_tf.getUserInput>> >\n\t<$list filter=\"[<userInput>minlength{$:/config/Tags/MinLength}limit[1]]\"\n\t\temptyMessage=\"<div class='tc-search-results'>{{$:/language/Search/Search/TooShort}}</div>\" variable=\"listItem\"\n\t>\n\t\t<$list filter=<<filter>> variable=\"tag\">\n\t\t\t<$list-empty>\n\t\t\t\t<span class=\"tc-small-gap-left\"><<empty>></span>\n\t\t\t</$list-empty>\n\t\t\t<!-- The buttonClasses filter is used to define tc-tag-button-selected state -->\n\t\t\t<!-- tf.get-tagpicker-focus-selector has to be resolved for $:/core/ui/TagPickerTagTemplate,\n\t\t\t\tothwerwise qualify in tf.tagpicker-dropdown-id causes problems -->\n\t\t\t<$let currentTiddler=<<tag>>\n\t\t\t\tbutton-classes=`tc-btn-invisible ${[<tag>addsuffix<suffix>] :except[<tagSelectionState>get[text]] :then[[]] ~tc-tag-button-selected }$`\n\t\t\t\tget-tagpicker-focus-selector=`${[<tf.get-tagpicker-focus-selector>]}$`\n\t\t\t>\n\t\t\t\t{{||$:/core/ui/TagPickerTagTemplate}}\n\t\t\t</$let>\n\t\t</$list>\n\t</$list>\n</$let>\n\\end\n\n<!-- tag-picker-inner is the main function -->\n\\procedure tag-picker-inner()\n<div class={{{ [[tc-edit-add-tag]] [<tf.tagpicker-dropdown-class>] :and[join[ ]] }}}>\n\t<div class=\"tc-edit-add-tag-ui\">\n\t\t<span class=\"tc-add-tag-name tc-small-gap-right\">\n\t\t\t<$transclude $variable=\"keyboard-driven-input\"\n\t\t\t\ttiddler=<<newTagNameTiddler>>\n\t\t\t\tstoreTitle=<<storeTitle>>\n\t\t\t\trefreshTitle=<<refreshTitle>>\n\t\t\t\tselectionStateTitle=<<tagSelectionState>>\n\t\t\t\tinputAcceptActions=<<add-tag-actions>>\n\t\t\t\tinputCancelActions=<<clear-tags-actions>>\n\t\t\t\ttag=\"input\"\n\t\t\t\tplaceholder={{$:/language/EditTemplate/Tags/Add/Placeholder}}\n\t\t\t\tfocusPopup=<<tf.tagpicker-dropdown-id>>\n\t\t\t\tclass=\"tc-edit-texteditor tc-popup-handle\"\n\t\t\t\ttabindex=<<tabIndex>>\n\t\t\t\tfocus={{{ [{$:/config/AutoFocus}match[tags]then[true]] :else[[false]] }}}\n\t\t\t\tfilterMinLength={{$:/config/Tags/MinLength}}\n\t\t\t\tcancelPopups=<<cancelPopups>>\n\t\t\t\tconfigTiddlerFilter=\"[[$:/core/macros/tag-picker]]\"\n\t\t\t/>\n\t\t</span>\n\t\t<$button popup=<<tf.tagpicker-dropdown-id>> class=\"tc-btn-invisible tc-btn-dropdown\"\n\t\t\ttooltip={{$:/language/EditTemplate/Tags/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Tags/Dropdown/Caption}}\n\t\t>\n\t\t\t{{$:/core/images/down-arrow}}\n\t\t</$button>\n\t\t<%if [<storeTitle>has[text]] %>\n\t\t\t<$button actions=<<delete-tag-state-tiddlers>> class=\"tc-btn-invisible tc-small-gap tc-btn-dropdown\"\n\t\t\t\ttooltip={{$:/language/EditTemplate/Tags/ClearInput/Hint}} aria-label={{$:/language/EditTemplate/Tags/ClearInput/Caption}}\n\t\t\t>\n\t\t\t\t{{$:/core/images/close-button}}\n\t\t\t</$button>\n\t\t<%endif%>\n\t\t<span class=\"tc-add-tag-button tc-small-gap-left\">\n\t\t\t<$let tag=<<_tf.getTag>>>\n\t\t\t\t<$button set=<<newTagNameTiddler>> actions=<<add-button-actions>> >\n\t\t\t\t\t{{$:/language/EditTemplate/Tags/Add/Button}}\n\t\t\t\t</$button>\n\t\t\t</$let>\n\t\t</span>\n\t</div>\n\t<div class=\"tc-block-dropdown-wrapper\">\n\t\t<%if [<tf.tagpicker-dropdown-id>has[text]] %>\n\t\t\t<div class=\"tc-block-dropdown tc-block-tags-dropdown\">\n\t\t\t\t<!-- 最近标签区域 -->\n\t\t\t\t<span class=\"tc-small-gap-right\">{{$:/language/EditTemplate/Tags/Recent/Caption}}</span>\n\t\t\t\t<<tag-picker-recentTags>>\n\t\t\t\t<hr>\n\t\t\t\t\n\t\t\t\t<$transclude $variable=\"tag-picker-listTags\" filter=<<nonSystemTagsFilter>> suffix=\"-primaryList\" empty={{$:/language/EditTemplate/Tags/EmptyMessage}}/>\n\t\t\t\t<hr>\n\t\t\t\t<$transclude $variable=\"tag-picker-listTags\" filter=<<systemTagsFilter>> suffix=\"-secondaryList\" empty={{$:/language/EditTemplate/Tags/EmptyMessage/System}}/>\n\t\t\t</div>\n\t\t<%endif%>\n\t</div>\n</div>\n\\end\n\n<!-- prepare all variables for tag-picker keyboard handling -->\n\\procedure tag-picker(actions, tagField:\"tags\", tiddler, tagListFilter:\"[tags[]sort[]]\")\n\n\\function _tf.getUserInput() [<storeTitle>get[text]]\n\\function _tf.getTag() [<newTagNameTiddler>get[text]]\n<!-- Use this function if tag-picker is a stand alone macro. Otherwise use \"newTagNameTiddler\" defined for fieldmangler in EditTemplate -->\n\\function _tf.makeTagNameTiddler() [[$:/temp/NewTagName]] [<tagField>!match[tags]] :and[join[/]] [<qualify>] :and[join[]]\n\n<!-- keep those variables because they may \"bleed\" into macros using old syntax -->\n<!-- \"nonSystemTagsFilter\", \"systemTagsFilter\" __need to be the same__ as fields: \"first-search-filter\", \"second-search-filter\" -->\n<$let\n\tpalette={{$:/palette}}\n\tcolourA={{{ [<palette>getindex[foreground]] }}}\n\tcolourB={{{ [<palette>getindex[background]] }}}\n\tfallbackTarget={{{ [<palette>getindex[tag-background]] }}}\n\n\tsaveTiddler={{{ [<tiddler>is[blank]then<currentTiddler>else<tiddler>] }}}\n\n\tnewTagNameTiddler={{{ [[newTagNameTiddler]is[variable]then<newTagNameTiddler>] :else[<_tf.makeTagNameTiddler>] }}}\n\tstoreTitle={{{ [[$:/temp/NewTagName/input]] [<tagField>!match[tags]] :and[join[/]] [<qualify>] :and[join[]] }}}\n\n\tnewTagNameSelectionTiddlerQualified=<<qualify \"$:/temp/NewTagName/selected-item\">>\n\ttagSelectionState={{{ [<newTagNameSelectionTiddler>!match[]] :else[<newTagNameSelectionTiddlerQualified>] }}}\n\n\trefreshTitle=<<qualify \"$:/temp/NewTagName/refresh\">>\n\n\tnonSystemTagsFilter=\"[subfilter<tagListFilter>!is[system]search:title<userInput>]\"\n\tsystemTagsFilter=\"[subfilter<tagListFilter>is[system]search:title<userInput>]\"\n\n\tcancelPopups=\"yes\"\n>\n\t<$transclude $variable=\"tag-picker-inner\"/>\n</$let>\n\\end","created":"20251217205709234","title":"$:/core/macros/tag-picker","tags":"$:/tags/Macro","first-search-filter":"[subfilter<tagListFilter>!is[system]search:title<userInput>]","second-search-filter":"[subfilter<tagListFilter>is[system]search:title<userInput>]","modified":"20251217211206732"}]