@cssui/react 1.0.0 → 1.0.1

package/dist/components/pagination/style.css

@@ -0,0 +1,150 @@
+/**
+ * Pagination 分页组件样式
+ */
+
+.css-pagination {
+  display: grid;
+  grid-template-columns: auto;
+  gap: 24px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.css-pagination--with-total {
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+}
+
+.css-pagination__summary {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.css-pagination .css-pagination__summary-line {
+  margin: 0;
+  color: var(--color-dark, #333333);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.css-pagination .css-pagination__summary-line strong {
+  font-weight: 700;
+}
+
+.css-pagination__controls {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.css-pagination--align-start .css-pagination__controls {
+  justify-self: start;
+}
+
+.css-pagination--align-center .css-pagination__controls {
+  justify-self: center;
+}
+
+.css-pagination--align-end .css-pagination__controls {
+  justify-self: end;
+}
+
+.css-pagination__arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  border: none;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--color-dark, #333333);
+  cursor: pointer;
+  transition:
+    background-color var(--transition-duration-150, 150ms)
+      var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)),
+    color var(--transition-duration-150, 150ms)
+      var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1));
+}
+
+.css-pagination__arrow:hover:not(:disabled) {
+  background: var(--color-primary-golden-04, rgba(158, 138, 87, 0.08));
+}
+
+.css-pagination__arrow:disabled {
+  color: var(--color-dark-02, #c2c2c2);
+  cursor: not-allowed;
+}
+
+.css-pagination .css-select {
+  width: fit-content !important;
+  min-width: 52px;
+  max-width: none;
+}
+
+.css-pagination .css-select__trigger {
+  flex: 0 0 auto;
+}
+
+.css-pagination .css-select__control {
+  width: auto !important;
+  min-width: 1ch;
+  flex: 0 0 auto;
+  field-sizing: content;
+}
+
+.css-pagination__selector {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.css-pagination__page-count {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: max-content;
+  color: var(--color-dark, #333333);
+  font-size: var(--font-size-base);
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.css-pagination__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+@media (max-width: 767px) {
+  .css-pagination {
+    gap: 16px;
+  }
+
+  .css-pagination--with-total {
+    grid-template-columns: 1fr;
+  }
+
+  .css-pagination .css-pagination__summary-line {
+    font-size: 14px;
+  }
+
+  .css-pagination__controls {
+    gap: 12px;
+    flex-wrap: wrap;
+  }
+
+  .css-pagination__page-count {
+    font-size: 18px;
+  }
+}

package/dist/components/radio/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Radio 组件 - 逻辑部分
+ */
+export interface RadioProps {
+    checked?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+    value?: string | number | boolean;
+    children?: any;
+    className?: string;
+    variant?: 'default' | 'card';
+    icon?: any;
+    iconOnly?: boolean;
+    name?: string;
+    onChange?: (checked: boolean, e: any) => void;
+}
+export type RadioValue = string | number | boolean;
+export type RadioVariant = 'default' | 'card';
+export type RadioDirection = 'horizontal' | 'vertical';
+export interface RadioGroupOption {
+    label?: string;
+    value: RadioValue;
+    disabled?: boolean;
+    icon?: any;
+    className?: string;
+}
+export interface RadioGroupProps {
+    label?: string;
+    value?: RadioValue;
+    defaultValue?: RadioValue;
+    disabled?: boolean;
+    error?: boolean;
+    className?: string;
+    name?: string;
+    variant?: RadioVariant;
+    direction?: RadioDirection;
+    iconOnly?: boolean;
+    options?: RadioGroupOption[];
+    children?: any;
+    onChange?: (value: RadioValue, e: any) => void;
+}
+export declare function getRadioClassNames(props: Partial<RadioProps>): string;
+export declare function getRadioGroupClassNames(props: Partial<RadioGroupProps>): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../radio/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAEjC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAE5B,IAAI,CAAC,EAAE,GAAG,CAAA;IAEV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAClD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAC7C,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,MAAM,CAoBrE;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,MAAM,CA4B/E"}

package/dist/components/radio/index.js

@@ -0,0 +1,48 @@
+function getRadioClassNames(props) {
+  const { disabled, error, className, variant = "default", iconOnly } = props;
+  const classes = ["css-radio"];
+  classes.push(`css-radio--${variant}`);
+  if (disabled) {
+    classes.push("css-radio--disabled");
+  }
+  if (error) {
+    classes.push("css-radio--error");
+  }
+  if (iconOnly) {
+    classes.push("css-radio--icon-only");
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.join(" ");
+}
+function getRadioGroupClassNames(props) {
+  const {
+    disabled,
+    error,
+    className,
+    variant = "default",
+    direction = "horizontal",
+    iconOnly
+  } = props;
+  const classes = ["css-radio-group", `css-radio-group--${variant}`];
+  if (direction === "vertical") {
+    classes.push("css-radio-group--vertical");
+  }
+  if (disabled) {
+    classes.push("css-radio-group--disabled");
+  }
+  if (error) {
+    classes.push("css-radio-group--error");
+  }
+  if (iconOnly) {
+    classes.push("css-radio-group--icon-only");
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.join(" ");
+}
+
+export { getRadioClassNames, getRadioGroupClassNames };
+//# sourceMappingURL=index.js.map

package/dist/components/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/radio/index.ts"],"sourcesContent":["/**\n * Radio 组件 - 逻辑部分\n */\n\nexport interface RadioProps {\n  // 是否选中\n  checked?: boolean\n  // 是否禁用\n  disabled?: boolean\n  // 错误状态\n  error?: boolean\n  // 标签文本\n  label?: string\n  // 值 (用于 group)\n  value?: string | number | boolean\n  // 子元素\n  children?: any\n  // 类名\n  className?: string\n  // 展示变体\n  variant?: 'default' | 'card'\n  // 图标\n  icon?: any\n  // 是否仅图标\n  iconOnly?: boolean\n  // 原生 name\n  name?: string\n  // change 事件\n  onChange?: (checked: boolean, e: any) => void\n}\n\nexport type RadioValue = string | number | boolean\nexport type RadioVariant = 'default' | 'card'\nexport type RadioDirection = 'horizontal' | 'vertical'\n\nexport interface RadioGroupOption {\n  label?: string\n  value: RadioValue\n  disabled?: boolean\n  icon?: any\n  className?: string\n}\n\nexport interface RadioGroupProps {\n  label?: string\n  value?: RadioValue\n  defaultValue?: RadioValue\n  disabled?: boolean\n  error?: boolean\n  className?: string\n  name?: string\n  variant?: RadioVariant\n  direction?: RadioDirection\n  iconOnly?: boolean\n  options?: RadioGroupOption[]\n  children?: any\n  onChange?: (value: RadioValue, e: any) => void\n}\n\nexport function getRadioClassNames(props: Partial<RadioProps>): string {\n  const { disabled, error, className, variant = 'default', iconOnly } = props\n  const classes = ['css-radio']\n\n  classes.push(`css-radio--${variant}`)\n\n  if (disabled) {\n    classes.push('css-radio--disabled')\n  }\n  if (error) {\n    classes.push('css-radio--error')\n  }\n  if (iconOnly) {\n    classes.push('css-radio--icon-only')\n  }\n  if (className) {\n    classes.push(className)\n  }\n\n  return classes.join(' ')\n}\n\nexport function getRadioGroupClassNames(props: Partial<RadioGroupProps>): string {\n  const {\n    disabled,\n    error,\n    className,\n    variant = 'default',\n    direction = 'horizontal',\n    iconOnly,\n  } = props\n  const classes = ['css-radio-group', `css-radio-group--${variant}`]\n\n  if (direction === 'vertical') {\n    classes.push('css-radio-group--vertical')\n  }\n  if (disabled) {\n    classes.push('css-radio-group--disabled')\n  }\n  if (error) {\n    classes.push('css-radio-group--error')\n  }\n  if (iconOnly) {\n    classes.push('css-radio-group--icon-only')\n  }\n  if (className) {\n    classes.push(className)\n  }\n\n  return classes.join(' ')\n}\n"],"names":[],"mappings":"AA2DO,SAAS,mBAAmB,KAAA,EAAoC;AACrE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,WAAW,OAAA,GAAU,SAAA,EAAW,UAAS,GAAI,KAAA;AACtE,EAAA,MAAM,OAAA,GAAU,CAAC,WAAW,CAAA;AAE5B,EAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,WAAA,EAAc,OAAO,CAAA,CAAE,CAAA;AAEpC,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,qBAAqB,CAAA;AAAA,EACpC;AACA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAA,CAAQ,KAAK,kBAAkB,CAAA;AAAA,EACjC;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,sBAAsB,CAAA;AAAA,EACrC;AACA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAA,CAAQ,KAAK,SAAS,CAAA;AAAA,EACxB;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;AAEO,SAAS,wBAAwB,KAAA,EAAyC;AAC/E,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,SAAA,GAAY,YAAA;AAAA,IACZ;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,OAAA,GAAU,CAAC,iBAAA,EAAmB,CAAA,iBAAA,EAAoB,OAAO,CAAA,CAAE,CAAA;AAEjE,EAAA,IAAI,cAAc,UAAA,EAAY;AAC5B,IAAA,OAAA,CAAQ,KAAK,2BAA2B,CAAA;AAAA,EAC1C;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,2BAA2B,CAAA;AAAA,EAC1C;AACA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAA,CAAQ,KAAK,wBAAwB,CAAA;AAAA,EACvC;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA;AAAA,EAC3C;AACA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAA,CAAQ,KAAK,SAAS,CAAA;AAAA,EACxB;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;;;;"}

package/dist/components/radio/style.css

@@ -0,0 +1,294 @@
+/**
+ * Radio 组件样式
+ * 使用 CSS 变量和 BEM 命名规范
+ */
+
+/* 容器 */
+.css-radio {
+  display: inline-flex;
+  align-items: center;
+  height: 24px;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-body);
+  line-height: var(--line-height-normal);
+  cursor: pointer;
+  user-select: none;
+  color: var(--color-dark);
+  position: relative;
+  box-sizing: border-box;
+}
+
+.css-radio-group {
+  display: inline-flex;
+  align-items: stretch;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.css-radio-group-field {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.css-radio-group-field__label {
+  color: var(--color-dark);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.css-radio-group--card {
+  gap: 0;
+  flex-wrap: nowrap;
+  width: fit-content;
+  height: 36px;
+  border: 1px solid var(--color-primary-golden-04);
+  border-radius: var(--radius-base);
+  background: #ffffff;
+  box-sizing: border-box;
+}
+
+.css-radio-group--vertical {
+  flex-direction: column;
+}
+
+.css-radio-group--vertical.css-radio-group--card {
+  flex-direction: column;
+  width: fit-content;
+  height: auto;
+}
+
+.css-radio-group--vertical.css-radio-group--card .css-radio--card {
+  height: 34px;
+}
+
+.css-radio-group--vertical .css-radio--card:first-child::after {
+  display: none;
+}
+
+/* 隐藏原生 radio */
+.css-radio__input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  margin: 0;
+  pointer-events: none;
+}
+
+/* 自定义单选框指示器 */
+.css-radio__indicator {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin: 4px;
+  background-color: var(--color-background);
+  border: 2px solid var(--color-dark-03);
+  border-radius: 50%; /* 圆形 */
+  margin-right: var(--spacing-2);
+  transition: all var(--transition-duration-200) var(--transition-timing);
+  box-sizing: border-box;
+}
+
+/* 选中状态 */
+.css-radio__input:checked + .css-radio__indicator {
+  border-color: var(--color-primary);
+  background-color: var(--color-background); /* 保持白色背景 */
+}
+
+/* 选中时的圆点 */
+.css-radio__indicator::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 10px;
+  height: 10px;
+  background-color: var(--color-primary);
+  border-radius: 50%;
+  transform: translate(-50%, -50%) scale(0);
+  transition: transform var(--transition-duration-200) var(--transition-timing);
+  transform-origin: center;
+}
+
+.css-radio__content {
+  display: inline-flex;
+  align-items: center;
+  padding: var(--spacing-0-5) 0;
+  gap: var(--spacing-1);
+  position: relative;
+  z-index: 1;
+}
+.css-radio--card .css-radio__content {
+  height: 100%;
+  padding: 0 var(--spacing-3);
+}
+.css-radio__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: currentColor;
+}
+
+.css-radio__label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+.css-radio__input:checked + .css-radio__indicator::after {
+  transform: translate(-50%, -50%) scale(1);
+}
+
+.css-radio--card {
+  position: relative;
+  height: 100%;
+  color: #a88b45;
+  background: transparent;
+  transition:
+    background-color var(--transition-duration-150) var(--transition-timing),
+    color var(--transition-duration-150) var(--transition-timing),
+    box-shadow var(--transition-duration-150) var(--transition-timing);
+  box-sizing: border-box;
+}
+
+.css-radio--card .css-radio__indicator {
+  display: none;
+}
+.css-radio--card:hover:not(.css-radio--disabled) {
+  background: var(--color-primary-golden-05);
+}
+
+.css-radio--card .css-radio__input:checked ~ .css-radio__content {
+  color: #a88b45;
+  font-weight: var(--font-weight-medium);
+}
+
+.css-radio-group--card .css-radio--card:last-child::after {
+  display: none;
+}
+
+.css-radio-group--card .css-radio__input:checked ~ .css-radio__content,
+.css-radio-group--card .css-radio--card:hover:not(.css-radio--disabled) .css-radio__content {
+  color: #a88b45;
+}
+
+.css-radio-group--card .css-radio__input:checked ~ .css-radio__content {
+  font-weight: var(--font-weight-medium);
+}
+
+.css-radio-group--card .css-radio__input:checked ~ .css-radio__content::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  border-radius: var(--radius-base);
+  background: var(--color-primary-golden-05);
+  border: 1px solid var(--color-primary);
+  z-index: -1;
+}
+
+.css-radio--icon-only .css-radio__label {
+  display: none;
+}
+
+.css-radio-group--icon-only .css-radio--card {
+  width: 36px;
+  justify-content: center;
+}
+
+.css-radio-group--icon-only .css-radio__content {
+  justify-content: center;
+  padding: 0 var(--spacing-2);
+}
+
+.css-radio-group--icon-only .css-radio__icon {
+  width: 20px;
+  height: 20px;
+}
+
+/* 禁用状态 */
+.css-radio--disabled {
+  cursor: not-allowed;
+  color: var(--color-dark-03);
+  pointer-events: none;
+}
+
+.css-radio--disabled .css-radio__indicator {
+  background-color: var(--color-dark-01);
+  border-color: var(--color-dark-03);
+}
+
+.css-radio--disabled .css-radio__input:checked + .css-radio__indicator {
+  border-color: var(--color-dark-03);
+}
+
+.css-radio--disabled .css-radio__input:checked + .css-radio__indicator::after {
+  background-color: var(--color-dark-03);
+}
+
+.css-radio--disabled.css-radio--card {
+  color: var(--color-dark-03);
+}
+
+.css-radio-group--card .css-radio--disabled .css-radio__content::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  border-radius: var(--radius-base);
+  background: var(--color-dark-01);
+  border: 1px solid var(--color-dark-03);
+  z-index: -1;
+}
+
+.css-radio-group--card .css-radio--disabled.css-radio--card::after {
+  background: transparent;
+}
+
+/* 错误状态 */
+.css-radio--error {
+  color: var(--color-error);
+}
+
+.css-radio--error .css-radio__indicator {
+  border-color: var(--color-error);
+}
+
+.css-radio--error .css-radio__input:checked + .css-radio__indicator {
+  border-color: var(--color-error);
+}
+
+.css-radio--error .css-radio__input:checked + .css-radio__indicator::after {
+  background-color: var(--color-error);
+}
+
+.css-radio-group--error {
+  border-color: var(--color-error);
+}
+
+.css-radio--error.css-radio--card,
+.css-radio-group--error .css-radio--card {
+  color: var(--color-error);
+}
+
+.css-radio-group--error {
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-error) 18%, transparent);
+}
+
+/* 焦点样式 (可访问性) */
+.css-radio__input:focus-visible + .css-radio__indicator {
+  box-shadow:
+    0 0 0 2px var(--color-background),
+    0 0 0 4px var(--color-primary);
+}
+
+.css-radio--card .css-radio__input:focus-visible ~ .css-radio__content {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+  border-radius: 4px;
+}

package/dist/components/select/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Select 选择器组件 - 逻辑部分
+ */
+export type SelectStatus = 'default' | 'error' | 'typing';
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SelectProps {
+    /** 组件标签，展示在上方 */
+    label?: string;
+    /** 选项数据 */
+    options?: SelectOption[];
+    /** 选择状态 */
+    status?: SelectStatus;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 选中值（单选为 string，多选为 string[]） */
+    value?: string | string[];
+    /** 是否多选 */
+    multiple?: boolean;
+    /** 占位文案 */
+    placeholder?: string;
+    /** 类名 */
+    className?: string;
+    /** 变更事件（单选返回 string，多选返回 string[]） */
+    onChange?: (value: string | string[], event?: Event) => void;
+}
+export declare function getSelectClassNames(props: SelectProps): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../select/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW;IACX,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,WAAW;IACX,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAC7D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAgB9D"}

package/dist/components/select/index.js

@@ -0,0 +1,16 @@
+function getSelectClassNames(props) {
+  const { status = "default", disabled = false, multiple = false } = props;
+  const classes = ["css-select"];
+  if (multiple) {
+    classes.push("css-select--multiple");
+  }
+  if (disabled) {
+    classes.push("css-select--disabled");
+  } else {
+    classes.push(`css-select--${status}`);
+  }
+  return classes.join(" ");
+}
+
+export { getSelectClassNames };
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/select/index.ts"],"sourcesContent":["/**\n * Select 选择器组件 - 逻辑部分\n */\n\nexport type SelectStatus = 'default' | 'error' | 'typing'\n\nexport interface SelectOption {\n  label: string\n  value: string\n}\n\nexport interface SelectProps {\n  /** 组件标签，展示在上方 */\n  label?: string\n  /** 选项数据 */\n  options?: SelectOption[]\n  /** 选择状态 */\n  status?: SelectStatus\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 选中值（单选为 string，多选为 string[]） */\n  value?: string | string[]\n  /** 是否多选 */\n  multiple?: boolean\n  /** 占位文案 */\n  placeholder?: string\n  /** 类名 */\n  className?: string\n  /** 变更事件（单选返回 string，多选返回 string[]） */\n  onChange?: (value: string | string[], event?: Event) => void\n}\n\nexport function getSelectClassNames(props: SelectProps): string {\n  const { status = 'default', disabled = false, multiple = false } = props\n\n  const classes = ['css-select']\n\n  if (multiple) {\n    classes.push('css-select--multiple')\n  }\n\n  if (disabled) {\n    classes.push('css-select--disabled')\n  } else {\n    classes.push(`css-select--${status}`)\n  }\n\n  return classes.join(' ')\n}\n"],"names":[],"mappings":"AAgCO,SAAS,oBAAoB,KAAA,EAA4B;AAC9D,EAAA,MAAM,EAAE,MAAA,GAAS,SAAA,EAAW,WAAW,KAAA,EAAO,QAAA,GAAW,OAAM,GAAI,KAAA;AAEnE,EAAA,MAAM,OAAA,GAAU,CAAC,YAAY,CAAA;AAE7B,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,sBAAsB,CAAA;AAAA,EACrC;AAEA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,sBAAsB,CAAA;AAAA,EACrC,CAAA,MAAO;AACL,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,YAAA,EAAe,MAAM,CAAA,CAAE,CAAA;AAAA,EACtC;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;;;;"}