niuma-ui 1.2.6 → 1.2.8

package/dist/index.js

@@ -47,12 +47,14 @@ export { RS_TIME_SECONDS_FORMAT } from './lib/rs-dayjs.js'
 export { RS_TOAST_DEFAULT_GAP } from './components/overlay-utils.js'
 export { RS_TOAST_DEFAULT_POSITION } from './components/overlay-utils.js'
 export { default as RsAlert } from './components/RsAlert.js'
+export { default as RsAutoComplete } from './components/RsAutoComplete.js'
 export { default as RsAvatar } from './components/RsAvatar.js'
 export { default as RsBadge } from './components/RsBadge.js'
 export { default as RsBreadcrumb } from './components/RsBreadcrumb.js'
 export { default as RsButton } from './components/RsButton.js'
 export { default as RsCalendarGrid } from './components/RsCalendarGrid.js'
 export { default as RsCard } from './components/RsCard.js'
+export { default as RsCascader } from './components/RsCascader.js'
 export { default as RsCheckbox } from './components/RsCheckbox.js'
 export { default as RsCodeBlock } from './components/RsCodeBlock.js'
 export { default as RsCodeEditor } from './components/RsCodeEditor.js'
@@ -81,6 +83,7 @@ export { default as RsLink } from './components/RsLink.js'
 export { default as RsLoading } from './components/RsLoading.js'
 export { default as RsLoadingBar } from './components/RsLoadingBar.js'
 export { default as RsMarkdown } from './components/RsMarkdown.js'
+export { default as RsMentions } from './components/RsMentions.js'
 export { default as RsMenu } from './components/RsMenu.js'
 export { default as RsMonacoEditor } from './components/RsMonacoEditor.js'
 export { default as RsPagination } from './components/RsPagination.js'
@@ -114,6 +117,7 @@ export { default as RsToolbar } from './components/RsToolbar.js'
 export { default as RsTooltip } from './components/RsTooltip.js'
 export { default as RsTooltipProvider } from './components/RsTooltipProvider.js'
 export { default as RsTree } from './components/RsTree.js'
+export { default as RsTreeSelect } from './components/RsTreeSelect.js'
 export { default as RsUpload } from './components/RsUpload.js'
 export { default as RsVirtualList } from './components/RsVirtualList.js'
 export { TIME_HOUR_OPTIONS } from './components/time-picker-utils.js'
@@ -280,6 +284,7 @@ export { parseDateValue } from './components/date-picker-utils.js'
 export { parseLocalDateTimeToUtcIso } from './lib/iso-local-datetime.js'
 export { parseNumberInput } from './components/input-number-utils.js'
 export { parseTimeValue } from './components/time-picker-utils.js'
+export { placeAnchoredPopup } from './components/overlay-utils.js'
 export { prefetchClipboardText } from './utils/rs-clipboard.js'
 export { prewarmCodeMirrorEditor } from './components/code-mirror-lang.js'
 export { provideRsFormItemContext } from './components/form-utils.js'
@@ -378,6 +383,7 @@ export { sortTableRowsMulti } from './components/table-utils.js'
 export { sortTableTreeRows } from './components/table-utils.js'
 export { splitSizesEqual } from './components/split-pane-utils.js'
 export { splitTreeLabelHighlight } from './components/tree-utils.js'
+export { stepEnabledIndex } from './components/overlay-utils.js'
 export { stepNumberValue } from './components/input-number-utils.js'
 export { supportsRsButtonTone } from './components/button-utils.js'
 export { terminalShortcutLabel } from './components/terminal-utils.js'

package/dist/locale/messages.js

@@ -7,6 +7,9 @@ var zhCN = {
 	"select.clear": "清空",
 	"select.createOption": "使用 “{query}”",
 	"select.maxTagPlaceholder": "+{count}",
+	"mentions.placeholder": "输入 @ 提及",
+	"mentions.suggestions": "提及建议",
+	"autocomplete.suggestions": "自动完成建议",
 	"dropdown.placeholder": "请选择",
 	"breadcrumb.label": "面包屑",
 	"breadcrumb.separator": "分隔符",
@@ -207,6 +210,9 @@ var enUS = {
 	"select.clear": "Clear",
 	"select.createOption": "Use “{query}”",
 	"select.maxTagPlaceholder": "+{count}",
+	"mentions.placeholder": "Type @ to mention",
+	"mentions.suggestions": "Mention suggestions",
+	"autocomplete.suggestions": "Autocomplete suggestions",
 	"dropdown.placeholder": "Select",
 	"breadcrumb.label": "Breadcrumb",
 	"breadcrumb.separator": "Separator",

package/dist/styles.css

@@ -1664,6 +1664,166 @@ code {
   cursor: not-allowed;
 }
 
+.rs-auto-complete {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+
+.rs-auto-complete__input {
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--rs-control-height-md);
+  padding: 0 var(--rs-space-md);
+  border: 1px solid var(--rs-input-border, var(--rs-border));
+  border-radius: var(--rs-select-radius, var(--rs-radius-sm));
+  background: var(--rs-input-bg);
+  color: var(--rs-text);
+  font-family: inherit;
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
+  outline: none;
+  box-shadow: var(--rs-input-shadow, none);
+  transition:
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+
+.rs-auto-complete--sm .rs-auto-complete__input {
+  height: var(--rs-control-height-sm);
+  padding: 0 var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+}
+
+.rs-auto-complete--lg .rs-auto-complete__input {
+  height: var(--rs-control-height-lg);
+  padding: 0 var(--rs-space-lg);
+  font-size: var(--rs-font-size-base);
+}
+
+.rs-auto-complete--clearable .rs-auto-complete__input {
+  padding-right: calc(var(--rs-space-md) + 1.25rem);
+}
+
+.rs-auto-complete__input::placeholder {
+  color: var(--rs-placeholder);
+}
+
+.rs-auto-complete__input:hover:not(:disabled) {
+  border-color: var(--rs-input-border-hover, var(--rs-border));
+}
+
+.rs-auto-complete__input:focus {
+  border-color: var(--rs-focus-border, var(--rs-primary));
+  background: var(--rs-input-bg);
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+
+.rs-auto-complete__input:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+  background: var(--rs-surface-hover);
+}
+
+.rs-auto-complete__clear {
+  position: absolute;
+  top: 50%;
+  right: var(--rs-space-sm);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-muted);
+  transform: translateY(-50%);
+  cursor: pointer;
+}
+
+.rs-auto-complete__clear:hover {
+  color: var(--rs-text);
+  background: var(--rs-item-hover);
+}
+
+.rs-auto-complete__list {
+  z-index: calc(var(--rs-z-modal) + 2);
+  box-sizing: border-box;
+  min-width: 8rem;
+  max-width: min(24rem, calc(100vw - 1rem));
+  max-height: 16rem;
+  margin: 0;
+  padding: var(--rs-space-xs);
+  overflow: auto;
+  border: 1px solid var(--rs-dialog-border, var(--rs-border));
+  border-radius: var(--rs-radius);
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
+  list-style: none;
+}
+
+.rs-auto-complete__label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rs-auto-complete__item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  border-radius: var(--rs-radius-sm);
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
+  cursor: pointer;
+  user-select: none;
+  transition:
+    background var(--rs-transition-fast),
+    color var(--rs-transition-fast);
+}
+
+.rs-auto-complete__item--active,
+.rs-auto-complete__item:hover:not(.rs-auto-complete__item--disabled) {
+  background: var(--rs-item-hover);
+}
+
+.rs-auto-complete__item--disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+
+.rs-auto-complete__empty {
+  padding: var(--rs-space-md);
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-sm);
+  text-align: center;
+}
+
+.rs-auto-complete__mark {
+  padding: 0;
+  background: color-mix(in srgb, var(--rs-primary) 22%, transparent);
+  color: inherit;
+  font-weight: var(--rs-font-weight-medium);
+  border-radius: 0.125rem;
+}
+
 .rs-field {
   display: flex;
   flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 工作台设计系统（Rs* 组件、--rs-* token；含可选编辑器 / 终端）",