@lemoncat7/dsh-knowledge 2.2.10 → 2.2.13

package/web/ui-primitives.js

@@ -0,0 +1,77 @@
+/**
+ * Small, dependency-free DOM primitives shared by the management views.
+ * Business renderers should describe content; browser normalization and
+ * element construction stay here.
+ */
+export function element(tag, attributes = {}, ...children) {
+  const node = document.createElement(tag)
+  for (const [key, value] of Object.entries(attributes)) {
+    if (value === undefined || value === null || value === false) continue
+    if (key === 'class') node.className = value
+    else if (key === 'text') node.textContent = value
+    else if (key.startsWith('on') && typeof value === 'function') node.addEventListener(key.slice(2).toLowerCase(), value)
+    else if (key === 'checked' || key === 'selected' || key === 'disabled') node[key] = Boolean(value)
+    else node.setAttribute(key, String(value))
+  }
+  for (const child of children.flat(Infinity)) {
+    if (child === undefined || child === null || child === false) continue
+    node.append(child instanceof Node ? child : document.createTextNode(String(child)))
+  }
+  return node
+}
+
+export function actionButton(label, onClick, variant = '', attributes = {}) {
+  return element('button', { type: 'button', class: `button ${variant}`.trim(), onClick, ...attributes }, label)
+}
+
+function vectorElement(tag, attributes = {}, ...children) {
+  const node = document.createElementNS('http://www.w3.org/2000/svg', tag)
+  for (const [key, value] of Object.entries(attributes)) {
+    if (value === undefined || value === null || value === false) continue
+    node.setAttribute(key === 'class' ? 'class' : key, String(value))
+  }
+  for (const child of children.flat(Infinity)) {
+    if (child instanceof Node) node.append(child)
+  }
+  return node
+}
+
+export function paneToggleButton(pane, visible, onClick, label) {
+  const action = `${visible ? '隐藏' : '显示'}${label}`
+  return element('button', {
+    type: 'button', class: 'pane-toggle-button', 'data-pane': pane,
+    'aria-label': action, 'aria-pressed': String(visible), title: action, onClick,
+  }, element('span', { class: `pane-icon pane-icon-${pane}`, 'aria-hidden': 'true' }))
+}
+
+export function interfaceIcon(name, className = 'interface-icon') {
+  const paths = {
+    search: 'M10.8 4.5a6.3 6.3 0 1 0 0 12.6 6.3 6.3 0 0 0 0-12.6Zm4.6 11 4.1 4',
+    more: 'M5 12h.01M12 12h.01M19 12h.01',
+    save: 'M5 3.5h11l3 3v14H5zM8 3.5v6h8v-6M8 20.5v-7h8v7',
+    outline: 'M8 6h11M8 12h11M8 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01',
+    history: 'M4 4v5h5M4.8 8.2A8 8 0 1 1 4 13M12 7.5V12l3 2',
+    download: 'M12 3v11M8 10l4 4 4-4M5 20h14',
+    link: 'M9.5 14.5l5-5M8.5 17H6a5 5 0 0 1 0-10h3M15.5 7H18a5 5 0 0 1 0 10h-3',
+    rename: 'M4 20l4.2-1 10.4-10.4a2.1 2.1 0 0 0-3-3L5.2 16zM14.5 6.5l3 3',
+  }
+  return vectorElement('svg', {
+    class: className, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor',
+    'stroke-width': '1.8', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true',
+  }, vectorElement('path', { d: paths[name] }))
+}
+
+export function badge(label, variant = '') {
+  return element('span', { class: `badge ${variant}`.trim() }, label)
+}
+
+export function createToastPresenter(region) {
+  return (message, kind = '') => {
+    const toast = element('div', { class: `toast ${kind}`.trim(), role: kind === 'error' ? 'alert' : 'status' },
+      element('span', {}, message),
+      kind === 'error' ? actionButton('关闭', () => toast.remove(), 'ghost small toast-close', { 'aria-label': '关闭错误提示' }) : null,
+    )
+    region.append(toast)
+    if (kind !== 'error') window.setTimeout(() => toast.remove(), 4200)
+  }
+}

package/web/workspace-effects.js

@@ -1,4 +1,4 @@
-"use strict";(()=>{var M="http://www.w3.org/2000/svg",x=[".sidebar",".topbar",".note-tree-panel",".notes-browser",".notes-content-header",".notes-document-toolbar",".note-editor-toolbar",".dialog"].join(","),A=[".sidebar",".topbar",".note-tree-panel",".notes-browser"].join(","),L=[".login-card",".metric",".panel",".library-detail-header",".mount-manager",".knowledge-card",".candidate",".api-access-card"].join(","),R=[".mount-table",".note-workspace",".notes-workspace",".dialog",L].join(","),T=[".button",".nav-button",".tab",".pane-toggle-button",".note-tree-base",".note-tree-document",".note-tree-new",".notes-tree-row",".notes-search-row",".notes-file-main"].join(","),C=[".note-tree",".notes-tree",".base-grid",".mount-table"].join(","),G="[data-knowledge-motion-key]",F=700,P=38,m=new Map,b=new Map,u=new Map,g=new Map,$=0,d,O=window.matchMedia("(prefers-reduced-motion: reduce)"),_=window.matchMedia("(prefers-reduced-transparency: reduce)");function v(e,t){let n=Array.from(e.querySelectorAll(t));return e instanceof HTMLElement&&e.matches(t)&&n.unshift(e),n}function H(){return d?.isConnected||(d=document.createElementNS(M,"svg"),d.classList.add("knowledge-glass-filter-bank"),d.setAttribute("aria-hidden","true"),d.setAttribute("focusable","false"),document.body.append(d)),d}function h(e,t){let n=document.createElementNS(M,e);for(let[o,s]of Object.entries(t))n.setAttribute(o,s);return n}function N(e){let t=h("filter",{id:e,x:"0%",y:"0%",width:"100%",height:"100%","color-interpolation-filters":"sRGB"}),n=h("feImage",{x:"0",y:"0",width:"100%",height:"100%",preserveAspectRatio:"none",result:"map"});return t.append(n,h("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"frosted"})),t.append(h("feDisplacementMap",{in:"frosted",in2:"map",scale:"-16",xChannelSelector:"R",yChannelSelector:"G",result:"refracted"}),h("feGaussianBlur",{in:"refracted",stdDeviation:".12"})),{filter:t,image:n}}function I(){if(_.matches)return!1;let e=navigator.userAgent;return/Firefox/i.test(e)||/Safari/i.test(e)&&!/(Chrome|Chromium|CriOS)/i.test(e)?!1:CSS.supports?.("backdrop-filter","url(#knowledge-glass-support)")||CSS.supports?.("-webkit-backdrop-filter","url(#knowledge-glass-support)")||!1}function D(e,t,n){let o=Number.parseFloat(getComputedStyle(e).borderTopLeftRadius);return Number.isFinite(o)?Math.max(0,Math.min(o,Math.min(t,n)/2)):Math.min(t,n)*.16}function B(e,t,n){let o=Math.min(12,Math.max(4,Math.min(e,t)*.08)),s=`<svg viewBox="0 0 ${e} ${t}" xmlns="${M}">
+"use strict";(()=>{var M="http://www.w3.org/2000/svg",x=[".sidebar",".topbar",".note-tree-panel",".notes-browser",".notes-content-header",".notes-document-toolbar",".notes-document-statusbar",".note-editor-toolbar"].join(","),A=[".sidebar",".topbar",".note-tree-panel",".notes-browser"].join(","),L=[".login-card",".metric",".panel",".library-detail-header",".mount-manager",".knowledge-card",".candidate",".api-access-card"].join(","),R=[".mount-table",".note-workspace",".notes-workspace",L].join(","),T=[".button",".nav-button",".tab",".pane-toggle-button",".note-tree-base",".note-tree-document",".note-tree-new",".notes-tree-row",".notes-search-row",".notes-file-main"].join(","),C=[".note-tree",".notes-tree",".base-grid",".mount-table"].join(","),G="[data-knowledge-motion-key]",F=700,P=38,m=new Map,b=new Map,u=new Map,g=new Map,$=0,d,O=window.matchMedia("(prefers-reduced-motion: reduce)"),_=window.matchMedia("(prefers-reduced-transparency: reduce)");function v(e,t){let n=Array.from(e.querySelectorAll(t));return e instanceof HTMLElement&&e.matches(t)&&n.unshift(e),n}function H(){return d?.isConnected||(d=document.createElementNS(M,"svg"),d.classList.add("knowledge-glass-filter-bank"),d.setAttribute("aria-hidden","true"),d.setAttribute("focusable","false"),document.body.append(d)),d}function h(e,t){let n=document.createElementNS(M,e);for(let[o,s]of Object.entries(t))n.setAttribute(o,s);return n}function N(e){let t=h("filter",{id:e,x:"0%",y:"0%",width:"100%",height:"100%","color-interpolation-filters":"sRGB"}),n=h("feImage",{x:"0",y:"0",width:"100%",height:"100%",preserveAspectRatio:"none",result:"map"});return t.append(n,h("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"frosted"})),t.append(h("feDisplacementMap",{in:"frosted",in2:"map",scale:"-16",xChannelSelector:"R",yChannelSelector:"G",result:"refracted"}),h("feGaussianBlur",{in:"refracted",stdDeviation:".12"})),{filter:t,image:n}}function I(){if(_.matches)return!1;let e=navigator.userAgent;return/Firefox/i.test(e)||/Safari/i.test(e)&&!/(Chrome|Chromium|CriOS)/i.test(e)?!1:CSS.supports?.("backdrop-filter","url(#knowledge-glass-support)")||CSS.supports?.("-webkit-backdrop-filter","url(#knowledge-glass-support)")||!1}function D(e,t,n){let o=Number.parseFloat(getComputedStyle(e).borderTopLeftRadius);return Number.isFinite(o)?Math.max(0,Math.min(o,Math.min(t,n)/2)):Math.min(t,n)*.16}function B(e,t,n){let o=Math.min(12,Math.max(4,Math.min(e,t)*.08)),s=`<svg viewBox="0 0 ${e} ${t}" xmlns="${M}">
     <defs>
       <clipPath id="shape"><rect width="${e}" height="${t}" rx="${n}"/></clipPath>
       <linearGradient id="left" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="rgb(92 128 128)"/><stop offset="100%" stop-color="rgb(128 128 128)"/></linearGradient>