@zamlia/mini-ui 0.0.1

package/src/config/classPrefix.ts

@@ -0,0 +1,44 @@
+/**
+ * 组件类名前缀配置
+ * 修改此处的 PREFIX 即可一键修改所有组件的类名前缀
+ */
+export const CLASS_PREFIX = 'we'
+
+/**
+ * 生成带前缀的类名
+ * @param name 类名（不含前缀）
+ * @returns 带前缀的完整类名
+ * 
+ * @example
+ * prefixClass('btn') // => 'we-btn'
+ * prefixClass('card') // => 'we-card'
+ */
+export const prefixClass = (name: string): string => {
+  return `${CLASS_PREFIX}-${name}`
+}
+
+/**
+ * 生成 BEM 格式的类名（带修饰符）
+ * @param block 块名
+ * @param modifier 修饰符
+ * @returns 带前缀的 BEM 类名
+ * 
+ * @example
+ * prefixBEM('status', 'paid') // => 'we-status--paid'
+ */
+export const prefixBEM = (block: string, modifier: string): string => {
+  return `${CLASS_PREFIX}-${block}--${modifier}`
+}
+
+/**
+ * 生成 BEM 格式的类名（带元素）
+ * @param block 块名
+ * @param element 元素名
+ * @returns 带前缀的 BEM 类名
+ * 
+ * @example
+ * prefixElement('card', 'title') // => 'we-card__title'
+ */
+export const prefixElement = (block: string, element: string): string => {
+  return `${CLASS_PREFIX}-${block}__${element}`
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+// 通用组件
+export * from './components/common'
+
+// 行业特定组件
+export * from './components/industry'
+
+// 工具函数
+export * from './utils'
+

package/src/styles/_base.scss

@@ -0,0 +1,4 @@
+// 统一的样式基础文件
+// 导入全局变量和 mixin
+@import './variables';
+@import './mixins';

package/src/styles/index.scss

@@ -0,0 +1,19 @@
+// 导入全局变量和 mixin
+@import './variables';
+@import './mixins';
+
+// 导入组件库样式
+// 通用组件
+@import '../components/common/BottomPopup';
+@import '../components/common/Card';
+@import '../components/common/Modal';
+@import '../components/common/NavBar';
+@import '../components/common/Page';
+@import '../components/common/PullToPushRefresh';
+@import '../components/common/Radio';
+@import '../components/common/Tabs';
+@import '../components/common/UploadFile';
+
+// 行业特定组件
+@import '../components/industry/CitySelectModal';
+@import '../components/industry/PaymentMethodSelect';

package/src/styles/mixins.scss

@@ -0,0 +1,15 @@
+// 背景图片 mixin
+@mixin bgImg($url) {
+  background-image: url($url);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+// 文本省略 mixin
+@mixin text-ellipsis($width: 100%) {
+  width: $width;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/src/styles/variables.scss

@@ -0,0 +1,2 @@
+// 全局变量定义
+$primary-color: #3B4EAE;