agentcss 0.25.6 → 0.27.0

package/dist/02-primitives/upload/upload.js

@@ -32,7 +32,38 @@ error: 'M8 1.7a6.3 6.3 0 1 0 0 12.6A6.3 6.3 0 0 0 8 1.7zM8 4.9v3.4M8 11.1v.5',
 remove: 'M4.2 4.2l7.6 7.6M11.8 4.2l-7.6 7.6'
 };
 
-var STATE_TEXT = { pending: '待上传', done: '已完成', error: '失败' };
+var DEFAULT_LABELS = {
+pending: '待上传',
+done: '已完成',
+error: '失败',
+remove: function (name) { return '移除 ' + name; },
+uploading: function (pct) { return '上传中 ' + Math.round(pct) + '%'; },
+countMax: function (n) { return '最多 ' + n + ' 个文件'; },
+sizeMax: function (limit) { return '超过 ' + limit; },
+type: '类型不支持',
+folder: '请拖入文件，不支持文件夹',
+none: function (reason) { return reason ? '未添加任何文件：' + reason : '未添加任何文件'; },
+noDrop: '当前浏览器不支持拖放，请点「选择文件」',
+noDropShort: '当前浏览器不支持拖放，请点选择文件',
+summary: function (added, total, rejected) {
+var s = '已添加 ' + added + ' 个文件，共 ' + total + ' 个';
+if (rejected) s += '；' + rejected + ' 个未通过校验';
+return s;
+},
+removed: function (name, rest) { return '已移除 ' + name + '，还剩 ' + rest + ' 个'; }
+};
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
 
 function humanSize(n) {
 if (typeof n !== 'number' || n < 0) return '';
@@ -110,6 +141,7 @@ function Upload(root, opts) {
 var opt = opts || {};
 
 this.root = root;
+this.labels = flLabels(DEFAULT_LABELS, opt && opt.labels);
 this.input = root.querySelector('.upload__input');
 this.list = root.querySelector('.upload__list');
 this.status = root.querySelector('.upload__status');
@@ -209,15 +241,15 @@ var accept = this.input.getAttribute('accept');
 for (var i = 0; i < incoming.length; i++) {
 var f = incoming[i];
 if (maxFiles && keep.length >= maxFiles) {
-rejected.push({ file: f, reason: 'count', text: '最多 ' + maxFiles + ' 个文件' });
+rejected.push({ file: f, reason: 'count', text: this.labels.countMax(maxFiles) });
 continue;
 }
 if (this.maxSize && f.size > this.maxSize) {
-rejected.push({ file: f, reason: 'size', text: '超过 ' + humanSize(this.maxSize) });
+rejected.push({ file: f, reason: 'size', text: this.labels.sizeMax(humanSize(this.maxSize)) });
 continue;
 }
 if (!matchesAccept(f, accept)) {
-rejected.push({ file: f, reason: 'type', text: '类型不支持' });
+rejected.push({ file: f, reason: 'type', text: this.labels.type });
 continue;
 }
 keep.push(f);
@@ -231,7 +263,7 @@ var r = this._validate(incoming);
 if (dirCount) {
 r.rejected.push({
 file: { name: dirCount + ' 个文件夹', size: 0 },
-reason: 'dir', text: '请拖入文件，不支持文件夹'
+reason: 'dir', text: this.labels.folder
 });
 }
 
@@ -239,7 +271,7 @@ if (!r.keep.length) {
 
 this.rejected = r.rejected;
 this.render();
-this.announce(r.rejected.length ? '未添加任何文件：' + r.rejected[0].text : '未添加任何文件');
+this.announce(this.labels.none(r.rejected.length ? r.rejected[0].text : ''));
 flEmit(this.root, 'fl-upload', {
 files: currentFiles(this.input), added: 0, rejected: r.rejected
 });
@@ -249,9 +281,9 @@ return false;
 if (!writeFiles(this.input, r.keep)) {
 
 this.rejected = [{ file: r.keep[0], reason: 'unsupported',
-text: '当前浏览器不支持拖放，请点「选择文件」' }];
+text: this.labels.noDrop }];
 this.render();
-this.announce('当前浏览器不支持拖放，请点选择文件');
+this.announce(this.labels.noDropShort);
 return false;
 }
 
@@ -317,7 +349,7 @@ mark.appendChild(iconEl(state === 'done' ? 'done' : state === 'error' ? 'error'
 
 var sr = document.createElement('span');
 sr.className = 'upload__status';
-sr.textContent = STATE_TEXT[state] || '';
+sr.textContent = this.labels[state] || '';
 mark.appendChild(sr);
 
 var name = document.createElement('span');
@@ -346,12 +378,12 @@ this.paintProgress(bar0, pct);
 var rm = document.createElement('button');
 rm.className = 'upload__remove';
 rm.type = 'button';
-rm.setAttribute('aria-label', '移除 ' + (file.name || ''));
+rm.setAttribute('aria-label', this.labels.remove(file.name || ''));
 rm.appendChild(iconEl('remove'));
 rm.addEventListener('click', function () { self.removeAt(index); });
 li.appendChild(rm);
 
-if (pct != null && pct >= 0) meta.textContent = '上传中 ' + Math.round(pct) + '%';
+if (pct != null && pct >= 0) meta.textContent = self.labels.uploading(pct);
 }
 
 return li;
@@ -396,7 +428,7 @@ mark.innerHTML = '';
 mark.appendChild(iconEl('done'));
 var sr = document.createElement('span');
 sr.className = 'upload__status';
-sr.textContent = STATE_TEXT.done;
+sr.textContent = this.labels.done;
 mark.appendChild(sr);
 }
 if (meta && f) meta.textContent = humanSize(f.size);
@@ -417,7 +449,7 @@ li.insertBefore(bar, rmBtn || null);
 }
 this.paintProgress(bar, pct);
 
-if (meta) meta.textContent = '上传中 ' + Math.round(pct) + '%';
+if (meta) meta.textContent = this.labels.uploading(pct);
 },
 
 removeAt: function (i) {
@@ -435,7 +467,7 @@ if (li && li.parentNode) li.parentNode.removeChild(li);
 
 this.rebind();
 this.syncCount();
-this.announce('已移除 ' + (removed.name || '文件') + '，还剩 ' + rest.length + ' 个');
+this.announce(this.labels.removed(removed.name || '文件', rest.length));
 flEmit(this.root, 'fl-upload', {
 files: rest, added: 0, removed: removed, rejected: []
 });
@@ -467,9 +499,7 @@ this._announceTimer = global.setTimeout(function () { el.textContent = msg; }, 6
 
 summary: function (added, rejected) {
 var total = currentFiles(this.input).length;
-var s = '已添加 ' + added + ' 个文件，共 ' + total + ' 个';
-if (rejected) s += '；' + rejected + ' 个未通过校验';
-return s;
+return this.labels.summary(added, total, rejected);
 },
 
 destroy: function () {

package/dist/03-patterns/content/content.css

@@ -1 +1 @@
-.prose {max-width:var(--measure-prose);color:var(--text-primary);}.prose > * + * {margin-top:var(--sp-4);}.prose > h1, .prose > h2, .prose > h3, .prose > h4, .prose > h5, .prose > h6 {font-family:var(--sans);font-weight:500;line-height:var(--lh-tight);letter-spacing:-0.008em;margin:var(--sp-7) 0 0;}.prose > h1 {font-size:var(--fs-2xl);margin-top:0;}.prose > h2 {font-size:var(--fs-lg);padding-top:var(--sp-5);border-top:2px solid var(--accent);max-width:92%;}.prose > h3 {font-size:var(--fs-md);}.prose > h4, .prose > h5, .prose > h6 {font-size:var(--fs-base);color:var(--text-secondary);}.prose > p {margin:0;line-height:1.75;}.prose > code, .prose > li > code, .prose > td > code, .prose > th > code {font-family:var(--mono);font-size:0.88em;background:var(--surface-sunken);border:1px solid var(--border-decor);border-radius:3px;padding:0.05em 0.3em;}.prose > pre > code, .prose > pre {font-family:inherit;font-size:inherit;background:none;border:none;padding:0;border-radius:0;}.prose > ul, .prose > ol {padding-inline-start:1.5em;margin:0;}.prose > ul {list-style:disc;}.prose > ol {list-style:decimal;}.prose li + li {margin-top:var(--sp-2);}.prose li > ul, .prose li > ol {margin-top:var(--sp-2);}.prose li > ul {list-style:circle;}.prose > blockquote {margin:var(--sp-5) 0;padding:0 0 0 var(--sp-4);border-inline-start:3px solid var(--accent);}.prose > blockquote > p {color:var(--text-secondary);font-size:var(--fs-md);line-height:1.6;}.prose > blockquote > blockquote {margin:var(--sp-3) 0;}.prose > pre {margin:0;padding:var(--sp-4);background:var(--surface-sunken);border-inline-start:3px solid var(--border-decor-str);border-radius:0 var(--r-sm) var(--r-sm) 0;overflow-x:auto;font-family:var(--mono);font-size:var(--fs-xs);line-height:1.6;tab-size:4;-webkit-overflow-scrolling:touch;}.prose > pre:not([class]) {border-inline-start-color:var(--border-decor);}.prose > table {width:100%;border-collapse:collapse;table-layout:auto;font-size:var(--fs-sm);}.prose > table th, .prose > table td {text-align:start;padding:var(--sp-2) var(--sp-4) var(--sp-2) 0;border-bottom:1px solid var(--border-decor);vertical-align:top;}.prose > table th {font-weight:500;font-size:var(--fs-xs);color:var(--text-secondary);}.prose > table tbody tr:last-child td {border-bottom:1px solid var(--border-decor-str);}.prose > hr {margin:var(--sp-7) 0;border:0;border-top:1px solid var(--border-decor);height:0;}.prose > img {max-width:100%;height:auto;display:block;border-radius:var(--r-sm);}.prose a {color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}@media (hover:hover) and (pointer:fine) {.prose a:hover {color:var(--text-primary);}}.prose a:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}.prose > a[target="_blank"]::after {content:" ↗";font-size:0.8em;vertical-align:0.1em;}.prose > del, .prose > s, .prose > li > del, .prose > li > s {color:var(--text-tertiary);}.prose .task-list-item {list-style:none;margin-inline-start:-1.5em;}.prose .task-list-item input[type="checkbox"] {margin-inline-end:var(--sp-2);vertical-align:middle;}.prose .task-list-item input[disabled] {accent-color:var(--accent);}.prose :focus-visible {outline:2px solid var(--accent);outline-offset:2px;}.prose a:visited {color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
+.prose {max-width:var(--measure-prose);color:var(--text-primary);}.prose > * + * {margin-top:var(--sp-4);}.prose > h1, .prose > h2, .prose > h3, .prose > h4, .prose > h5, .prose > h6 {font-family:var(--sans);font-weight:500;line-height:var(--lh-tight);letter-spacing:-0.008em;margin:var(--sp-7) 0 0;}.prose > h1 {font-size:var(--fs-2xl);margin-top:0;}.prose > h2 {font-size:var(--fs-lg);padding-top:var(--sp-5);border-top:2px solid var(--accent);max-width:92%;}.prose > h3 {font-size:var(--fs-md);}.prose > h4, .prose > h5, .prose > h6 {font-size:var(--fs-base);color:var(--text-secondary);}.prose > p {margin:0;line-height:1.75;}.prose > code, .prose > li > code, .prose > td > code, .prose > th > code {font-family:var(--mono);font-size:0.88em;background:var(--surface-sunken);border:1px solid var(--border-decor);border-radius:3px;padding:0.05em 0.3em;}.prose > pre > code, .prose > pre {font-family:inherit;font-size:inherit;background:none;border:none;padding:0;border-radius:0;}.prose > ul, .prose > ol {padding-inline-start:1.5em;margin:0;}.prose > ul {list-style:disc;}.prose > ol {list-style:decimal;}.prose li + li {margin-top:var(--sp-2);}.prose li > ul, .prose li > ol {margin-top:var(--sp-2);}.prose li > ul {list-style:circle;}.prose > blockquote {margin:var(--sp-5) 0;padding:0 0 0 var(--sp-4);border-inline-start:3px solid var(--accent);}.prose > blockquote > p {color:var(--text-secondary);font-size:var(--fs-md);line-height:1.6;}.prose > blockquote > blockquote {margin:var(--sp-3) 0;}.prose > pre {margin:0;padding:var(--sp-4);background:var(--surface-sunken);border-inline-start:3px solid var(--border-decor-str);border-radius:0 var(--r-sm) var(--r-sm) 0;overflow-x:auto;font-family:var(--mono);font-size:var(--fs-xs);line-height:1.6;tab-size:4;-webkit-overflow-scrolling:touch;}.prose > pre:not([class]) {border-inline-start-color:var(--border-decor);}.prose > table {width:100%;border-collapse:collapse;table-layout:auto;font-size:var(--fs-sm);}.prose > table th, .prose > table td {text-align:start;padding:var(--sp-2) var(--sp-4) var(--sp-2) 0;border-bottom:1px solid var(--border-decor);vertical-align:top;}.prose > table th {font-weight:500;font-size:var(--fs-xs);color:var(--text-secondary);}.prose > table tbody tr:last-child td {border-bottom:1px solid var(--border-decor-str);}.prose > hr {margin:var(--sp-7) 0;border:0;border-top:1px solid var(--border-decor);height:0;}.prose img {max-width:100%;height:auto;display:block;border-radius:var(--r-sm);}.prose a {color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}@media (hover:hover) and (pointer:fine) {.prose a:hover {color:var(--text-primary);}}.prose a:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}.prose > a[target="_blank"]::after {content:" ↗";font-size:0.8em;vertical-align:0.1em;}.prose > del, .prose > s, .prose > li > del, .prose > li > s {color:var(--text-tertiary);}.prose .task-list-item {list-style:none;margin-inline-start:-1.5em;}.prose .task-list-item input[type="checkbox"] {margin-inline-end:var(--sp-2);vertical-align:middle;}.prose .task-list-item input[disabled] {accent-color:var(--accent);}.prose :focus-visible {outline:2px solid var(--accent);outline-offset:2px;}.prose a:visited {color:var(--accent);text-decoration:underline;text-underline-offset:2px;}

package/dist/03-patterns/drawer/drawer.js

@@ -171,8 +171,34 @@ top:    'drawer--top',
 bottom: 'drawer--bottom'
 };
 
+var SANITIZER = null;
+
+function setSanitizer(fn) {
+SANITIZER = (typeof fn === 'function') ? fn : null;
+}
+
+function sanitizeHtml(html, perCall) {
+var fn = (typeof perCall === 'function') ? perCall : SANITIZER;
+return fn ? String(fn(String(html))) : String(html);
+}
+
+var DEFAULT_LABELS = { dialog: '抽屉', close: '关闭' };
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
+
 function open(opt) {
 opt = opt || {};
+var L = flLabels(DEFAULT_LABELS, opt && opt.labels);
 var place = opt.place || 'right';
 var placeCls = PLACE_CLASS[place];
 if (!placeCls) placeCls = PLACE_CLASS.right;
@@ -191,7 +217,7 @@ d.setAttribute('role', 'dialog');
 d.setAttribute('aria-modal', 'true');
 if (!d.id) d.id = 'drawer-' + (new Date()).getTime();
 if (opt.title) d.setAttribute('aria-labelledby', d.id + '-title');
-else d.setAttribute('aria-label', opt.label || '抽屉');
+else d.setAttribute('aria-label', opt.label || L.dialog);
 d.tabIndex = -1;
 
 var head = document.createElement('div');
@@ -203,15 +229,17 @@ h.textContent = opt.title || '';
 var closeBtn = document.createElement('button');
 closeBtn.className = 'drawer__close';
 closeBtn.type = 'button';
-closeBtn.setAttribute('aria-label', '关闭');
+closeBtn.setAttribute('aria-label', L.close);
 closeBtn.textContent = '\u00D7';
 head.appendChild(h);
 head.appendChild(closeBtn);
 
 var body = document.createElement('div');
 body.className = 'drawer__body';
+if (typeof opt.content === 'string') {
 
-if (typeof opt.content === 'string') body.innerHTML = opt.content;
+body.innerHTML = sanitizeHtml(opt.content, opt.sanitize);
+}
 else if (opt.content) body.appendChild(opt.content);
 
 d.appendChild(head);
@@ -311,5 +339,5 @@ if (opt.onClose) opt.onClose();
 return { el: d, close: close };
 }
 
-global.Drawer = { open: open };
+global.Drawer = { open: open, setSanitizer: setSanitizer };
 })(typeof window !== 'undefined' ? window : globalThis);

package/dist/03-patterns/dropdown/dropdown.js

@@ -295,6 +295,25 @@ return Array.prototype.slice.call(menu.querySelectorAll(FOCUSABLE));
 }
 
 function create(root, opt) {
+
+var DEFAULT_LABELS = {
+menu: '菜单'
+};
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
+
+var L = flLabels(DEFAULT_LABELS, opt && opt.labels);
+
 opt = opt || {};
 var btn = root.querySelector('[data-dd-btn]') || root.querySelector('button');
 var menu = root.querySelector('[data-dd-menu]');
@@ -305,7 +324,7 @@ var active = -1;
 
 menu.setAttribute('role', 'menu');
 if (!menu.getAttribute('aria-label') && !menu.getAttribute('aria-labelledby')) {
-menu.setAttribute('aria-label', opt.label || '菜单');
+menu.setAttribute('aria-label', opt.label || L.menu);
 }
 Array.prototype.forEach.call(menu.querySelectorAll('li'), function (li) {
 

package/dist/03-patterns/overlay/overlay.js

@@ -156,8 +156,27 @@ error:   'toast--error',
 warning: 'toast--warning'
 };
 
+var DEFAULT_LABELS = {
+closeToast: '关闭提示'
+};
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
+
+var TOAST_LIMIT = 4;
+
 function toast(opts) {
 opts = opts || {};
+var L = flLabels(DEFAULT_LABELS, opts && opts.labels);
 
 var region = document.querySelector('.toast-region');
 if (!region) {
@@ -203,7 +222,7 @@ el.appendChild(timer);
 var closeBtn = document.createElement('button');
 closeBtn.className = 'toast__close';
 closeBtn.type = 'button';
-closeBtn.setAttribute('aria-label', '关闭提示');
+closeBtn.setAttribute('aria-label', L.closeToast);
 closeBtn.textContent = '×';
 el.appendChild(closeBtn);
 
@@ -220,6 +239,11 @@ if (el.parentNode) el.parentNode.removeChild(el);
 }
 
 closeBtn.addEventListener('click', close);
+
+var max = (opts.maxVisible === undefined) ? TOAST_LIMIT : opts.maxVisible;
+while (max > 0 && region.children.length >= max) {
+region.removeChild(region.firstChild);
+}
 region.appendChild(el);
 
 var timerId = auto > 0 ? setTimeout(close, auto) : null;

package/dist/03-patterns/pagination/pagination.js

@@ -61,12 +61,36 @@ if (total > 1) out.push(total);
 return out;
 }
 
-function Pagination(node) {
+var DEFAULT_LABELS = {
+nav: '分页',
+prev: '上一页',
+next: '下一页',
+page: function (p, isCurrent) {
+return '第 ' + p + ' 页' + (isCurrent ? '（当前页）' : '');
+},
+status: function (page, pages) { return '第 ' + page + ' 页 / 共 ' + pages + ' 页'; },
+live: function (page, pages) { return '第 ' + page + ' 页，共 ' + pages + ' 页'; }
+};
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
+
+function Pagination(node, opts) {
 this.node = node;
+this.labels = flLabels(DEFAULT_LABELS, opts && opts.labels);
 this.total = Math.max(1, parseInt(node.getAttribute('data-total') || '1', 10));
 this.size = Math.max(1, parseInt(node.getAttribute('data-page-size') || '20', 10));
 this.page = Math.max(1, parseInt(node.getAttribute('data-page') || '1', 10));
-this.label = node.getAttribute('aria-label') || '分页';
+this.label = node.getAttribute('aria-label') || this.labels.nav;
 this.pages = Math.max(1, Math.ceil(this.total / this.size));
 this.onChange = null;
 
@@ -186,7 +210,7 @@ if (cur && cur.focus) cur.focus();
 
 Pagination.prototype.announce = function () {
 if (!this.liveNode) return;
-this.liveNode.textContent = '第 ' + this.page + ' 页，共 ' + this.pages + ' 页';
+this.liveNode.textContent = this.labels.live(this.page, this.pages);
 };
 
 Pagination.prototype.render = function () {
@@ -194,6 +218,7 @@ if (!this.listNode) return;
 var L = this.listNode;
 while (L.firstChild) L.removeChild(L.firstChild);
 var self = this;
+var T = this.labels;
 
 function addBtn(text, ariaLabel, goto, disabled) {
 var li = el('li', 'pagination__item');
@@ -208,7 +233,7 @@ L.appendChild(li);
 return b;
 }
 
-addBtn('‹', '上一页', 'prev', self.page <= 1);
+addBtn('‹', T.prev, 'prev', self.page <= 1);
 
 var win = pageWindow(self.page, self.pages, SLOTS);
 for (var i = 0; i < win.length; i++) {
@@ -227,7 +252,7 @@ var li2 = el('li', 'pagination__item');
 var b2 = el('button', 'pagination__link', String(p));
 b2.type = 'button';
 b2.setAttribute('data-goto', String(p));
-b2.setAttribute('aria-label', '第 ' + p + ' 页' + (isCur ? '（当前页）' : ''));
+b2.setAttribute('aria-label', T.page(p, isCur));
 if (isCur) {
 b2.setAttribute('aria-current', 'page');
 b2.setAttribute('aria-disabled', 'true');
@@ -236,20 +261,19 @@ li2.appendChild(b2);
 L.appendChild(li2);
 }
 
-addBtn('›', '下一页', 'next', self.page >= self.pages);
+addBtn('›', T.next, 'next', self.page >= self.pages);
 
 if (this.statusNode) {
-this.statusNode.textContent =
-'第 '+ self.page + ' 页 / 共 ' + self.pages + ' 页';
+this.statusNode.textContent = T.status(self.page, self.pages);
 }
 };
 
 var API = {
 
-create: function (node) {
+create: function (node, opts) {
 if (!node) return null;
 if (node.__pg) return node.__pg;
-node.__pg = new Pagination(node);
+node.__pg = new Pagination(node, opts);
 return node.__pg;
 },
 

package/dist/03-patterns/tooltip/tooltip.js

@@ -99,6 +99,18 @@ if (k >= 0) shared.stack.splice(k, 1);
 
 var uid = 0;
 
+var LABELS = { region: '组件提示' };
+
+function setLabels(patch) {
+if (!patch) return;
+for (var k in LABELS) {
+if (Object.prototype.hasOwnProperty.call(LABELS, k)
+&& patch[k] !== undefined && patch[k] !== null) {
+LABELS[k] = patch[k];
+}
+}
+}
+
 function ensureStyle() {
 if (document.getElementById('tooltip-css')) return;
 
@@ -115,7 +127,7 @@ r.setAttribute('role', 'tooltip');
 r.setAttribute('aria-live', 'polite');
 r.setAttribute('aria-atomic', 'true');
 
-r.setAttribute('aria-label', '组件提示');
+r.setAttribute('aria-label', LABELS.region);
 r.style.cssText =
 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;'+
 'overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0';
@@ -211,5 +223,5 @@ el.setAttribute('aria-describedby', cur ? (cur + ' ' + id) : id);
 el.setAttribute('data-tooltip', text);
 }
 
-global.Tooltip = { attach: attach };
+global.Tooltip = { attach: attach, setLabels: setLabels };
 })(typeof window !== 'undefined' ? window : globalThis);

package/dist/03-patterns/tree/tree.js

@@ -196,11 +196,30 @@ return true;
 var uid = 0;
 
 function create(root, opt) {
+
+var DEFAULT_LABELS = {
+tree: '树形视图'
+};
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
+
+var L = flLabels(DEFAULT_LABELS, opt && opt.labels);
+
 opt = opt || {};
 root.classList.add('tree');
 if (!root.getAttribute('role')) root.setAttribute('role', 'tree');
 if (!root.getAttribute('aria-label') && !root.getAttribute('aria-labelledby')) {
-root.setAttribute('aria-label', opt.label || '树形视图');
+root.setAttribute('aria-label', opt.label || L.tree);
 }
 
 var items = [];

package/dist/09-assets/bar/bar.js

@@ -27,9 +27,30 @@ e.setAttribute(k, String(attrs[k]));
 return e;
 }
 
+var DEFAULT_TEXT = {
+series: function (i) { return '系列 ' + i; },
+clipped: function (n, isStack, max) {
+return '有 ' + n + ' 个' + (isStack ? '类目的合计' : '数据')
++ '超出量程（上限 ' + max + '），已按上限截断显示。';
+}
+};
+
+var flLabels = function (defaults, src) {
+src = src || {};
+var out = {};
+var k;
+for (k in defaults) {
+if (Object.prototype.hasOwnProperty.call(defaults, k)) {
+out[k] = (src[k] === undefined || src[k] === null) ? defaults[k] : src[k];
+}
+}
+return out;
+};
+
 function draw(opt) {
 opt = opt || {};
 var host = opt.host;
+var T = flLabels(DEFAULT_TEXT, opt && opt.text);
 if (!host) throw new Error('bar.draw: 缺少 host');
 if (opt.max === undefined || opt.max === null) {
 
@@ -187,7 +208,7 @@ sw.className = 'bar__legend-swatch ' + SERIES_CLS[si % SERIES_STYLES] +
 
 li.appendChild(sw);
 var tx = document.createElement('span');
-tx.textContent = se.name || ('系列 ' + (si + 1));
+tx.textContent = se.name || T.series(si + 1);
 li.appendChild(tx);
 legendEl.appendChild(li);
 });
@@ -202,9 +223,7 @@ host.appendChild(p);
 } else if (clipped.length) {
 var p2 = document.createElement('p');
 p2.className = 'bar__note';
-p2.textContent = '有 ' + clipped.length + ' 个' +
-(mode === 'stack' ? '类目的合计' : '数据') +
-'超出量程（上限 '+ max + '），已按上限截断显示。';
+p2.textContent = T.clipped(clipped.length, mode === 'stack', max);
 host.appendChild(p2);
 }
 

package/dist/09-assets/model-viewer/model-viewer.js

@@ -62,7 +62,7 @@ this.ui = el('div', 'mv__ui');
 this.ui.appendChild(this.makeIdle());
 n.appendChild(this.ui);
 
-this.btn = el('button', 'mv__btn', '加载 3D 模型');
+this.btn = el('button', 'mv__btn', LABELS.load);
 this.btn.type = 'button';
 this.btn.addEventListener('click', function () { self.load(); });
 this.ui.appendChild(this.btn);
@@ -70,23 +70,23 @@ this.ui.appendChild(this.btn);
 this.hint = el('p', 'mv__hint');
 
 var fname = el('code', null, this.src.split('/').pop() || '—');
-var strong = el('b', null, '点击后才下载');
-this.hint.appendChild(document.createTextNode('模型 '));
+var strong = el('b', null, LABELS.hintStrong);
+this.hint.appendChild(document.createTextNode(LABELS.hintBefore));
 this.hint.appendChild(fname);
-this.hint.appendChild(document.createTextNode(' 会'));
+this.hint.appendChild(document.createTextNode(LABELS.hintBetween));
 this.hint.appendChild(strong);
-this.hint.appendChild(document.createTextNode('，首屏不占流量。'));
+this.hint.appendChild(document.createTextNode(LABELS.hintTail));
 this.ui.appendChild(this.hint);
 
 if (!hasWebGL()) {
-this.fail('这台设备的浏览器不支持 WebGL，无法显示 3D 模型。');
+this.fail(LABELS.noWebGL);
 this.btn.disabled = true;
 }
 };
 
 Viewer.prototype.makeIdle = function () {
 var box = el('div', 'mv__stage');
-box.appendChild(el('div', 'mv__ph', '3D 模型'));
+box.appendChild(el('div', 'mv__ph', LABELS.placeholder));
 return box;
 };
 
@@ -95,14 +95,14 @@ if (this.timer) { clearTimeout(this.timer); this.timer = null; }
 this.state = 'error';
 this.ui.innerHTML = '';
 var s = el('div', 'mv__stage mv__stage--err');
-s.appendChild(el('div', 'mv__ph', '3D 模型'));
+s.appendChild(el('div', 'mv__ph', LABELS.placeholder));
 var p = el('p', 'mv__err', msg);
 s.appendChild(p);
 this.ui.appendChild(s);
 if (this.btn) this.ui.appendChild(this.btn);
 if (this.btn) {
 this.btn.disabled = false;
-this.btn.textContent = '重试';
+this.btn.textContent = LABELS.retry;
 }
 };
 
@@ -117,12 +117,12 @@ this.state = 'loading';
 
 this.ui.innerHTML = '';
 var stage = el('div', 'mv__stage');
-this.statusNode = el('p', 'mv__status', '正在准备…');
+this.statusNode = el('p', 'mv__status', LABELS.preparing);
 stage.appendChild(this.statusNode);
 this.ui.appendChild(stage);
 
 var t0 = (window.performance && performance.now) ? performance.now() : Date.now();
-this.status('正在准备 3D 引擎…');
+this.status(LABELS.preparingEngine);
 this.boot(null, t0, 0);
 
 var self0 = this;
@@ -205,7 +205,7 @@ xhr.open('GET', this.src, true);
 xhr.onprogress = function (e) {
 if (e.lengthComputable && e.total) {
 self1.lastBytes = e.total;
-self1.status('正在下载模型 ' + Math.round(e.loaded / e.total * 100) + '%');
+self1.status(LABELS.downloading(Math.round(e.loaded / e.total * 100)));
 }
 };
 xhr.onload = function () {
@@ -292,6 +292,30 @@ self.fail('模型加载失败：' + msg + '。请确认 ' + self.src + ' 已部
 }
 };
 
+var LABELS = {
+load: '加载 3D 模型',
+placeholder: '3D 模型',
+retry: '重试',
+preparing: '正在准备…',
+preparingEngine: '正在准备 3D 引擎…',
+hintBefore: '模型 ',
+hintBetween: ' 会',
+hintStrong: '点击后才下载',
+hintTail: '，首屏不占流量。',
+downloading: function (pct) { return '正在下载模型 ' + pct + '%'; },
+noWebGL: '这台设备的浏览器不支持 WebGL，无法显示 3D 模型。'
+};
+
+function setLabels(patch) {
+if (!patch) return;
+for (var k in LABELS) {
+if (Object.prototype.hasOwnProperty.call(LABELS, k)
+&& patch[k] !== undefined && patch[k] !== null) {
+LABELS[k] = patch[k];
+}
+}
+}
+
 var ModelViewer = {
 
 update: function (root) {
@@ -317,6 +341,8 @@ list[i].__mv = new Viewer(list[i]);
 },
 };
 
+ModelViewer.setLabels = setLabels;
+
 if (typeof window !== 'undefined') window.ModelViewer = ModelViewer;
 
 if (document.readyState === 'loading') {