@cssui/react 1.0.0 → 1.0.2

package/dist/components/input/style.css

@@ -0,0 +1,110 @@
+/**
+ * Input 组件样式
+ */
+
+.css-input {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 240px;
+  min-height: 36px;
+  padding: 8px;
+  border: 1px solid #c2c2c2;
+  border-radius: 4px;
+  background: #ffffff;
+  box-sizing: border-box;
+  transition: border-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-input--default {
+  border-color: #c2c2c2;
+}
+
+.css-input--typing {
+  border-color: var(--color-dark);
+}
+
+.css-input--error {
+  border-color: var(--color-error);
+}
+
+.css-input--disabled {
+  border-color: #c2c2c2;
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-input--textarea {
+  min-height: 76px;
+  align-items: flex-start;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.css-input--text-icon {
+  padding-right: 36px;
+}
+
+/* 隐藏原生 type=search 的清除按钮 */
+.css-input__control::-webkit-search-cancel-button {
+  display: none;
+}
+
+.css-input:focus-within:not(.css-input--disabled) {
+  border-color: var(--color-dark);
+}
+
+.css-input__control {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  box-sizing: border-box;
+}
+
+.css-input__control::placeholder {
+  color: var(--color-dark-03);
+}
+
+.css-input__control:disabled {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}
+
+.css-input__control--textarea {
+  min-height: 60px;
+  resize: none;
+}
+
+.css-input__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  width: 20px;
+  height: 20px;
+  color: var(--color-dark-03);
+  transform: translateY(-50%);
+  pointer-events: none;
+  flex-shrink: 0;
+}
+
+.css-input-field {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.css-input-field__label {
+  color: var(--color-dark);
+  font-size: 14px;
+  line-height: 20px;
+}

package/dist/components/input-bar/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * InputBar 组件 - 框架无关逻辑
+ * 在一个 bar 上显示输入框，带进度填充效果
+ */
+export interface InputBarProps {
+    /** 组件标签，展示在上方 */
+    label?: string;
+    /** 当前值 */
+    value?: number;
+    /** 是否错误态 */
+    error?: boolean;
+    /** 阈值，默认 25 */
+    threshold?: number;
+    /** 最小值，默认 0 */
+    min?: number;
+    /** 最大值，默认 100 */
+    max?: number;
+    /** 步长，默认 1 */
+    step?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 单位后缀 */
+    unit?: string;
+    /** 占位文字 */
+    placeholder?: string;
+    /** 变更回调 */
+    onChange?: (value: number) => void;
+}
+export declare function getInputBarClassNames(props: InputBarProps): string;
+export declare function getInputBarPercent(value: number, min: number, max: number): number;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../input-bar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,iBAAiB;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAUlE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAGlF"}

package/dist/components/input-bar/index.js

@@ -0,0 +1,18 @@
+function getInputBarClassNames(props) {
+  const { disabled = false, error = false } = props;
+  const classes = ["css-input-bar"];
+  if (disabled) {
+    classes.push("css-input-bar--disabled");
+  }
+  if (error) {
+    classes.push("css-input-bar--error");
+  }
+  return classes.join(" ");
+}
+function getInputBarPercent(value, min, max) {
+  if (max <= min) return 0;
+  return Math.min(Math.max((value - min) / (max - min), 0), 1);
+}
+
+export { getInputBarClassNames, getInputBarPercent };
+//# sourceMappingURL=index.js.map

package/dist/components/input-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/input-bar/index.ts"],"sourcesContent":["/**\n * InputBar 组件 - 框架无关逻辑\n * 在一个 bar 上显示输入框，带进度填充效果\n */\n\nexport interface InputBarProps {\n  /** 组件标签，展示在上方 */\n  label?: string\n  /** 当前值 */\n  value?: number\n  /** 是否错误态 */\n  error?: boolean\n  /** 阈值，默认 25 */\n  threshold?: number\n  /** 最小值，默认 0 */\n  min?: number\n  /** 最大值，默认 100 */\n  max?: number\n  /** 步长，默认 1 */\n  step?: number\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 单位后缀 */\n  unit?: string\n  /** 占位文字 */\n  placeholder?: string\n  /** 变更回调 */\n  onChange?: (value: number) => void\n}\n\nexport function getInputBarClassNames(props: InputBarProps): string {\n  const { disabled = false, error = false } = props\n  const classes = ['css-input-bar']\n  if (disabled) {\n    classes.push('css-input-bar--disabled')\n  }\n  if (error) {\n    classes.push('css-input-bar--error')\n  }\n  return classes.join(' ')\n}\n\nexport function getInputBarPercent(value: number, min: number, max: number): number {\n  if (max <= min) return 0\n  return Math.min(Math.max((value - min) / (max - min), 0), 1)\n}\n"],"names":[],"mappings":"AA8BO,SAAS,sBAAsB,KAAA,EAA8B;AAClE,EAAA,MAAM,EAAE,QAAA,GAAW,KAAA,EAAO,KAAA,GAAQ,OAAM,GAAI,KAAA;AAC5C,EAAA,MAAM,OAAA,GAAU,CAAC,eAAe,CAAA;AAChC,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,yBAAyB,CAAA;AAAA,EACxC;AACA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAA,CAAQ,KAAK,sBAAsB,CAAA;AAAA,EACrC;AACA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;AAEO,SAAS,kBAAA,CAAmB,KAAA,EAAe,GAAA,EAAa,GAAA,EAAqB;AAClF,EAAA,IAAI,GAAA,IAAO,KAAK,OAAO,CAAA;AACvB,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAA,CAAK,KAAA,GAAQ,QAAQ,GAAA,GAAM,GAAA,CAAA,EAAM,CAAC,CAAA,EAAG,CAAC,CAAA;AAC7D;;;;"}

package/dist/components/input-bar/style.css

@@ -0,0 +1,180 @@
+/**
+ * InputBar 组件样式
+ * 参考 slider input 类型：上方 input 输入框，下方 16px bar 轨道
+ */
+
+.css-input-bar {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+  gap: 0;
+  user-select: none;
+}
+
+.css-input-bar-field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.css-input-bar-field__label {
+  color: var(--color-dark);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+/* ===== 上方输入框 ===== */
+.css-input-bar__input-wrapper {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  min-height: 36px;
+  padding: 8px;
+  border: 1px solid var(--color-dark-03);
+  border-radius: var(--radius-base);
+  background: var(--color-background);
+  box-sizing: border-box;
+  transition: border-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-input-bar__input-wrapper:focus-within {
+  border-color: var(--color-dark);
+}
+
+.css-input-bar__input-box {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  box-sizing: border-box;
+  appearance: textfield;
+  -moz-appearance: textfield;
+}
+
+.css-input-bar__input-box::-webkit-outer-spin-button,
+.css-input-bar__input-box::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.css-input-bar__input-box::placeholder {
+  color: var(--color-dark-03);
+}
+
+/* ===== 右侧单位/后缀 ===== */
+.css-input-bar__suffix {
+  margin-left: 6px;
+  font-size: var(--font-size-sm);
+  color: var(--color-dark-03);
+  white-space: nowrap;
+}
+
+/* ===== 下方 16px 轨道 ===== */
+.css-input-bar__track {
+  position: relative;
+  margin-top: 8px;
+  width: 100%;
+  height: 16px;
+  background: var(--color-background);
+  border: 1px solid var(--color-dark-03);
+  border-radius: var(--radius-base);
+  cursor: pointer;
+  touch-action: none;
+  overflow: hidden;
+}
+
+/* ===== 填充 ===== */
+.css-input-bar__fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background: var(--color-primary);
+  border-radius: var(--radius-base);
+  pointer-events: none;
+  transition: width 0.15s ease;
+}
+
+.css-input-bar__threshold-line {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  border-left: 1px dashed var(--color-dark);
+  transform: translateX(-50%);
+  pointer-events: none;
+  z-index: 2;
+}
+
+/* ===== min/max 标签 ===== */
+.css-input-bar__labels {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 4px;
+  height: 18px;
+  font-size: var(--font-size-caption);
+  color: var(--color-dark-03);
+  line-height: 18px;
+  pointer-events: none;
+}
+
+.css-input-bar__threshold-value {
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+  color: var(--color-dark-03);
+  font-size: var(--font-size-caption);
+  line-height: 18px;
+  white-space: nowrap;
+}
+
+/* ===== 错误状态 ===== */
+.css-input-bar--error .css-input-bar__input-wrapper {
+  border-color: var(--color-error);
+}
+
+.css-input-bar--error .css-input-bar__input-wrapper:focus-within {
+  border-color: var(--color-error);
+}
+
+.css-input-bar--error .css-input-bar__fill {
+  background: var(--color-error);
+}
+
+/* ===== 禁用状态 ===== */
+.css-input-bar--disabled .css-input-bar__input-wrapper {
+  border-color: #c2c2c2;
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-input-bar--disabled .css-input-bar__input-wrapper:focus-within {
+  border-color: #c2c2c2;
+}
+
+.css-input-bar--disabled .css-input-bar__track {
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-input-bar--disabled .css-input-bar__fill {
+  background: var(--color-dark-03);
+}
+
+.css-input-bar--disabled .css-input-bar__threshold-line {
+  border-left-color: var(--color-dark-03);
+}
+
+.css-input-bar--disabled .css-input-bar__input-box {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}

package/dist/components/input-number/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * InputNumber 计数器组件 - 框架无关逻辑
+ */
+export interface InputNumberProps {
+    /** 组件标签，展示在上方 */
+    label?: string;
+    /** 当前值 */
+    value?: number;
+    /** 非受控默认值 */
+    defaultValue?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长，默认 1 */
+    step?: number;
+    /** 中间输入框宽度，默认 40px */
+    inputWidth?: number | string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示边框，默认 true */
+    bordered?: boolean;
+    /** 类名 */
+    className?: string;
+}
+export declare function getInputNumberClassNames(props: InputNumberProps): string;
+export declare function clampValue(value: number, min: number, max: number): number;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input-number/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../input-number/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU;IACV,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU;IACV,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAYxE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAI1E"}

package/dist/components/input-number/index.js

@@ -0,0 +1,21 @@
+function getInputNumberClassNames(props) {
+  const classes = ["css-input-number"];
+  if (props.disabled) {
+    classes.push("css-input-number--disabled");
+  }
+  if (props.bordered === false) {
+    classes.push("css-input-number--borderless");
+  }
+  if (props.className) {
+    classes.push(props.className);
+  }
+  return classes.join(" ");
+}
+function clampValue(value, min, max) {
+  if (min !== void 0 && value < min) return min;
+  if (max !== void 0 && value > max) return max;
+  return value;
+}
+
+export { clampValue, getInputNumberClassNames };
+//# sourceMappingURL=index.js.map

package/dist/components/input-number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/input-number/index.ts"],"sourcesContent":["/**\n * InputNumber 计数器组件 - 框架无关逻辑\n */\n\nexport interface InputNumberProps {\n  /** 组件标签，展示在上方 */\n  label?: string\n  /** 当前值 */\n  value?: number\n  /** 非受控默认值 */\n  defaultValue?: number\n  /** 最小值 */\n  min?: number\n  /** 最大值 */\n  max?: number\n  /** 步长，默认 1 */\n  step?: number\n  /** 中间输入框宽度，默认 40px */\n  inputWidth?: number | string\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 是否显示边框，默认 true */\n  bordered?: boolean\n  /** 类名 */\n  className?: string\n}\n\nexport function getInputNumberClassNames(props: InputNumberProps): string {\n  const classes = ['css-input-number']\n  if (props.disabled) {\n    classes.push('css-input-number--disabled')\n  }\n  if (props.bordered === false) {\n    classes.push('css-input-number--borderless')\n  }\n  if (props.className) {\n    classes.push(props.className)\n  }\n  return classes.join(' ')\n}\n\nexport function clampValue(value: number, min: number, max: number): number {\n  if (min !== undefined && value < min) return min\n  if (max !== undefined && value > max) return max\n  return value\n}\n"],"names":[],"mappings":"AA2BO,SAAS,yBAAyB,KAAA,EAAiC;AACxE,EAAA,MAAM,OAAA,GAAU,CAAC,kBAAkB,CAAA;AACnC,EAAA,IAAI,MAAM,QAAA,EAAU;AAClB,IAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA;AAAA,EAC3C;AACA,EAAA,IAAI,KAAA,CAAM,aAAa,KAAA,EAAO;AAC5B,IAAA,OAAA,CAAQ,KAAK,8BAA8B,CAAA;AAAA,EAC7C;AACA,EAAA,IAAI,MAAM,SAAA,EAAW;AACnB,IAAA,OAAA,CAAQ,IAAA,CAAK,MAAM,SAAS,CAAA;AAAA,EAC9B;AACA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;AAEO,SAAS,UAAA,CAAW,KAAA,EAAe,GAAA,EAAa,GAAA,EAAqB;AAC1E,EAAA,IAAI,GAAA,KAAQ,MAAA,IAAa,KAAA,GAAQ,GAAA,EAAK,OAAO,GAAA;AAC7C,EAAA,IAAI,GAAA,KAAQ,MAAA,IAAa,KAAA,GAAQ,GAAA,EAAK,OAAO,GAAA;AAC7C,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/components/input-number/style.css

@@ -0,0 +1,109 @@
+/* InputNumber Component Styles */
+
+.css-input-number {
+  display: inline-flex;
+  align-items: center;
+  overflow: hidden;
+  box-sizing: border-box;
+  height: 36px;
+}
+
+.css-input-number-field {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.css-input-number-field__label {
+  color: var(--color-dark);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.css-input-number__btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 100%;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--color-primary);
+  padding: 0;
+  flex-shrink: 0;
+  transition: background-color var(--transition-duration-200, 200ms);
+}
+
+.css-input-number__btn:hover {
+  background-color: var(--color-dark-01, rgba(51, 51, 51, 0.1));
+}
+
+.css-input-number__btn svg {
+  width: 20px;
+  height: 20px;
+}
+
+.css-input-number__input {
+  width: 40px;
+  height: 100%;
+  border: 1px solid #c2c2c2;
+  border-radius: 4px;
+  text-align: center;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  color: var(--color-dark);
+  outline: none;
+  background: #ffffff;
+  padding: 8px;
+  box-sizing: border-box;
+  -moz-appearance: textfield;
+  appearance: textfield;
+  transition:
+    border-color var(--transition-duration-150, 150ms)
+      var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)),
+    background-color var(--transition-duration-150, 150ms)
+      var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1));
+}
+
+.css-input-number__input:focus {
+  border-color: var(--color-dark);
+}
+
+.css-input-number__input::placeholder {
+  color: var(--color-dark-03);
+}
+
+.css-input-number__input:disabled {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}
+
+.css-input-number__input::-webkit-inner-spin-button,
+.css-input-number__input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Disabled */
+.css-input-number--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.css-input-number--disabled .css-input-number__btn {
+  color: var(--color-dark-03);
+}
+
+/* Borderless */
+.css-input-number--borderless .css-input-number__input {
+  border: none !important;
+  background: transparent !important;
+  border-radius: 0;
+}
+
+.css-input-number--borderless .css-input-number__input:focus {
+  border: none !important;
+  outline: none;
+  box-shadow: none;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * Modal 组件 - 逻辑部分
+ */
+export type ModalType = 'info' | 'confirm' | 'error' | 'warning';
+export interface ModalProps {
+    visible?: boolean;
+    type?: ModalType;
+    title?: string;
+    width?: string | number;
+    zIndex?: number;
+    mask?: boolean;
+    maskClosable?: boolean;
+    className?: string;
+    onClose?: (event?: any) => void;
+}
+export declare function getModalClassNames(props: ModalProps): string;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../modal/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAEhE,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAQ5D"}

package/dist/components/modal/index.js

@@ -0,0 +1,10 @@
+function getModalClassNames(props) {
+  const classes = ["css-modal"];
+  if (props.className) {
+    classes.push(props.className);
+  }
+  return classes.join(" ");
+}
+
+export { getModalClassNames };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/modal/index.ts"],"sourcesContent":["/**\n * Modal 组件 - 逻辑部分\n */\n\nexport type ModalType = 'info' | 'confirm' | 'error' | 'warning'\n\nexport interface ModalProps {\n  // 是否可见\n  visible?: boolean\n  // 类型\n  type?: ModalType\n  // 标题\n  title?: string\n  // 宽度\n  width?: string | number\n  // z-index\n  zIndex?: number\n  // 是否显示遮罩\n  mask?: boolean\n  // 点击遮罩是否关闭\n  maskClosable?: boolean\n  // 类名\n  className?: string\n  // 关闭回调\n  onClose?: (event?: any) => void\n}\n\nexport function getModalClassNames(props: ModalProps): string {\n  const classes = ['css-modal']\n\n  if (props.className) {\n    classes.push(props.className)\n  }\n\n  return classes.join(' ')\n}\n"],"names":[],"mappings":"AA2BO,SAAS,mBAAmB,KAAA,EAA2B;AAC5D,EAAA,MAAM,OAAA,GAAU,CAAC,WAAW,CAAA;AAE5B,EAAA,IAAI,MAAM,SAAA,EAAW;AACnB,IAAA,OAAA,CAAQ,IAAA,CAAK,MAAM,SAAS,CAAA;AAAA,EAC9B;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;;;;"}