wedux-ui 0.1.0

package/miniprogram_dist/styles/demo.scss

@@ -0,0 +1,96 @@
+// Shared styles for demo pages (imported via app.scss)
+
+.demo-page {
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.demo-scroll {
+  flex: 1;
+  overflow: hidden;
+}
+
+.demo-content {
+  padding: var(--spacing-md);
+  padding-bottom: var(--spacing-xl);
+  box-sizing: border-box;
+}
+
+.section {
+  background: var(--color-bg-elevated);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-md);
+  margin-bottom: var(--spacing-md);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+
+.section__title {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+}
+
+.comp-header {
+  margin-bottom: var(--spacing-md);
+}
+
+.comp-header__tag {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+  font-family: monospace;
+  margin-bottom: var(--spacing-xs);
+}
+
+.comp-header__desc {
+  font-size: var(--font-size-md);
+  color: var(--color-text-primary);
+  line-height: 1.5;
+}
+
+.prop-row {
+  padding: var(--spacing-sm) 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+}
+
+.prop-row + .prop-row {
+  border-top: 1rpx solid var(--color-separator);
+}
+
+.prop-row__meta {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}
+
+.prop-row__name {
+  font-size: var(--font-size-md);
+  color: var(--color-text-primary);
+  font-weight: bold;
+}
+
+.prop-row__type {
+  font-size: var(--font-size-sm);
+  color: var(--color-brand);
+}
+
+.prop-row__default {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+  margin-left: auto;
+}
+
+.prop-row__desc {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+}
+
+.demo-hint {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+  margin-bottom: var(--spacing-xs);
+}

package/miniprogram_dist/styles/iconfont.scss

@@ -0,0 +1,91 @@
+@font-face {
+  font-family: 'iconfont'; /* Project id 5134551 */
+  src:
+    url('data:application/x-font-woff;charset=utf-8;base64,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')
+      format('woff'),
+    url('//at.alicdn.com/t/c/font_5134551_s7stueux7tn.ttf?t=1774767237748') format('truetype');
+}
+
+.iconfont {
+  font-family: 'iconfont' !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-minus:before {
+  content: '\e7fd';
+}
+
+.icon-plus:before {
+  content: '\e8fe';
+}
+
+.icon-home:before {
+  content: '\e6d7';
+}
+
+.icon-computer-border:before {
+  content: '\e622';
+}
+
+.icon-g_my:before {
+  content: '\e61a';
+}
+
+.icon-diandan01:before {
+  content: '\e606';
+}
+
+.icon-close:before {
+  content: '\e60f';
+}
+
+.icon-play_fill:before {
+  content: '\e717';
+}
+
+.icon-calendar:before {
+  content: '\e699';
+}
+
+.icon-retry:before {
+  content: '\e601';
+}
+
+.icon-left:before {
+  content: '\e83d';
+}
+
+.icon-file:before {
+  content: '\e803';
+}
+
+.icon-top:before {
+  content: '\e681';
+}
+
+.icon-clock1:before {
+  content: '\e66a';
+}
+
+.icon-sort:before {
+  content: '\e83c';
+}
+
+.icon-add:before {
+  content: '\e835';
+}
+
+.icon-up:before {
+  content: '\e845';
+}
+
+.icon-right:before {
+  content: '\e840';
+}
+
+.icon-down:before {
+  content: '\e839';
+}

package/miniprogram_dist/styles/theme.scss

@@ -0,0 +1,126 @@
+/* Dark Mode Overrides */
+@media (prefers-color-scheme: dark) {
+  page {
+    /* Brand & Semantic Colors */
+    --color-brand: #74a800;
+    --color-danger: #cf4444;
+    --color-info: #0d8ccc;
+    --color-warning: #cc7d2e;
+    --color-success: #5e9200;
+
+    /* Background Colors */
+    --color-bg-page: #111111;
+    --color-bg-base: #1a1a1a;
+    --color-bg-elevated: #2c2c2c;
+
+    /* Text Colors */
+    --color-text-primary: rgba(255, 255, 255, 0.9);
+    --color-text-secondary: rgba(255, 255, 255, 0.5);
+    --color-text-placeholder: rgba(255, 255, 255, 0.3);
+    --color-text-disabled: rgba(255, 255, 255, 0.1);
+    --color-text-anti: #ffffff;
+
+    /* Separator & Overlay */
+    --color-separator: rgba(255, 255, 255, 0.1);
+    --color-press-overlay: rgba(255, 255, 255, 0.1);
+    --color-press-overlay-light: rgba(255, 255, 255, 0.06);
+
+    /* Shadows */
+    --shadow-float: 0 4rpx 20rpx rgba(0, 0, 0, 0.4);
+    --shadow-card-hover: 0 8rpx 32rpx rgba(0, 0, 0, 0.35);
+
+    /* Watermark */
+    --color-watermark: rgba(200, 200, 200, 0.08);
+
+    /* Avatar */
+    --color-avatar-bg: rgba(255, 255, 255, 0.12);
+
+    /* Input */
+    --color-input-border: rgba(255, 255, 255, 0.15);
+    --color-input-border-focus: var(--color-brand);
+    --color-input-border-error: var(--color-danger);
+    --color-input-border-warning: var(--color-warning);
+    --color-input-bg: var(--color-bg-elevated);
+    --color-input-bg-disabled: var(--color-bg-base);
+
+    /* Form Feedback */
+    --color-form-feedback-error: var(--color-danger);
+    --color-form-feedback-warning: var(--color-warning);
+
+    /* Switch */
+    --color-switch-bg: rgba(255, 255, 255, 0.16);
+    --color-switch-bg-checked: var(--color-brand);
+
+    /* Rate */
+    --color-rate-inactive: rgba(255, 255, 255, 0.16);
+
+    /* Radio & Checkbox */
+    --color-radio-checked: var(--color-brand);
+    --color-checkbox-checked: var(--color-brand);
+    --color-checkbox-check: #ffffff;
+
+    /* Upload */
+    --color-upload-bg: rgba(255, 255, 255, 0.08);
+    --color-upload-mask: rgba(0, 0, 0, 0.7);
+    --color-upload-progress-track: rgba(255, 255, 255, 0.1);
+
+    /* Date Picker */
+    --color-date-range-bg: rgba(116, 168, 0, 0.15);
+    --color-calendar-today-border: var(--color-brand);
+    --color-calendar-selected-bg: var(--color-brand);
+    --color-calendar-selected-text: var(--color-bg-elevated);
+
+    /* Tree */
+    --color-tree-node-selected-bg: rgba(116, 168, 0, 0.12);
+    --color-tree-node-highlight-bg: rgba(116, 168, 0, 0.15);
+
+    /* Navigation Bar */
+    --navbar-bg: #000000;
+
+    /* Tooltip & Popover */
+    --color-tooltip-bg: #3a3a3a;
+    --color-tooltip-text: var(--color-text-primary);
+    --color-popover-bg: #3a3a3a;
+
+    /* List */
+    --color-list-bg: var(--color-bg-elevated);
+    --color-list-hover-bg: rgba(255, 255, 255, 0.06);
+    --color-list-border: var(--color-separator);
+
+    /* Tab Bar */
+    --tab-bar-active-bg: rgba(255, 255, 255, 0.15);
+    --tab-bar-active-color: var(--color-text-primary);
+
+    /* Layout */
+    --layout-bg: var(--color-bg-page);
+    --layout-header-bg: var(--color-bg-elevated);
+    --layout-footer-bg: var(--color-bg-elevated);
+    --layout-sider-bg: var(--color-bg-elevated);
+    --layout-border-color: var(--color-separator);
+
+    /* Heading Prefix Bar */
+    --color-h-bar: var(--color-brand);
+
+    /* Component-Level Dark Overrides */
+    --w-input-bg: var(--color-bg-elevated);
+    --w-input-border: rgba(255, 255, 255, 0.15);
+    --w-input-border-focus: var(--color-brand);
+    --w-switch-bg: rgba(255, 255, 255, 0.16);
+    --w-switch-checked-bg: var(--color-brand);
+    --w-card-bg: var(--color-bg-elevated);
+    --w-card-border-color: var(--color-separator);
+    --w-drawer-bg: var(--color-bg-elevated);
+    --w-drawer-mask-bg: rgba(0, 0, 0, 0.6);
+    --w-list-bg: var(--color-bg-elevated);
+    --w-list-border: var(--color-separator);
+    --w-list-hover-bg: rgba(255, 255, 255, 0.06);
+    --w-divider-color: var(--color-separator);
+    --w-avatar-bg: rgba(255, 255, 255, 0.12);
+  }
+}
+
+page {
+  color: var(--color-text-primary);
+  background-color: var(--color-bg-page);
+  font-size: 32rpx;
+}

package/miniprogram_dist/styles/tokens.scss

@@ -0,0 +1,292 @@
+/* Design Tokens - extracted from WeUI v2.6.25 */
+page {
+  /* Brand & Semantic Colors */
+  --color-brand: #07c160;
+  --color-danger: #fa5151;
+  --color-info: #10aeff;
+  --color-warning: #fa9d3b;
+  --color-success: #74b600;
+
+  /* Background Colors */
+  --color-bg-page: #ededed;
+  --color-bg-base: #f7f7f7;
+  --color-bg-elevated: #ffffff;
+
+  /* Text Colors */
+  --color-text-primary: rgba(0, 0, 0, 0.9);
+  --color-text-secondary: rgba(0, 0, 0, 0.5);
+  --color-text-placeholder: rgba(0, 0, 0, 0.3);
+  --color-text-disabled: rgba(0, 0, 0, 0.1);
+  --color-text-anti: #ffffff;
+
+  /* Separator */
+  --color-separator: rgba(0, 0, 0, 0.1);
+
+  /* Press Overlay */
+  --color-press-overlay: rgba(0, 0, 0, 0.1);
+  --color-press-overlay-light: rgba(0, 0, 0, 0.06);
+
+  /* Button Heights */
+  --size-btn-height: 88rpx;
+  --size-btn-height-md: 72rpx;
+  --size-btn-height-sm: 56rpx;
+
+  /* Spacing */
+  --spacing-xs: 8rpx;
+  --spacing-sm: 16rpx;
+  --spacing-md: 24rpx;
+  --spacing-lg: 32rpx;
+  --spacing-xl: 48rpx;
+
+  /* Border Radius */
+  --radius-sm: 8rpx;
+  --radius-md: 12rpx;
+  --radius-lg: 20rpx;
+  --radius-full: 9999rpx;
+
+  /* Avatar */
+  --size-avatar-sm: 72rpx;
+  --size-avatar-md: 96rpx;
+  --size-avatar-lg: 128rpx;
+  --color-avatar-bg: rgba(0, 0, 0, 0.08);
+
+  /* Tag Heights */
+  --size-tag-height-sm: 40rpx;
+  --size-tag-height-md: 52rpx;
+  --size-tag-height-lg: 64rpx;
+
+  /* Shadows */
+  --shadow-float: 0 4rpx 20rpx rgba(0, 0, 0, 0.15);
+  --shadow-card-hover: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
+
+  /* Font Sizes */
+  --font-size-sm: 24rpx;
+  --font-size-md: 28rpx;
+  --font-size-lg: 32rpx;
+  --font-size-xl: 36rpx;
+
+  /* Heading Font Sizes */
+  --font-size-h1: 60rpx;
+  --font-size-h2: 48rpx;
+  --font-size-h3: 40rpx;
+  --font-size-h4: 36rpx;
+  --font-size-h5: 32rpx;
+  --font-size-h6: 28rpx;
+
+  /* Watermark */
+  --color-watermark: rgba(128, 128, 128, 0.15);
+
+  /* Heading Prefix Bar */
+  --size-h-bar-width: 6rpx;
+  --color-h-bar: var(--color-brand);
+
+  /* Input */
+  --size-input-height: 88rpx;
+  --size-input-height-md: 72rpx;
+  --size-input-height-sm: 56rpx;
+  --color-input-border: var(--color-separator);
+  --color-input-border-focus: var(--color-brand);
+  --color-input-border-error: var(--color-danger);
+  --color-input-border-warning: var(--color-warning);
+  --color-input-bg: var(--color-bg-elevated);
+  --color-input-bg-disabled: var(--color-bg-base);
+
+  /* Form Feedback */
+  --color-form-feedback-error: var(--color-danger);
+  --color-form-feedback-warning: var(--color-warning);
+  --font-size-form-label: var(--font-size-md);
+  --font-size-form-feedback: var(--font-size-sm);
+  --size-form-label-gap: var(--spacing-sm);
+
+  /* Switch */
+  --size-switch-width: 100rpx;
+  --size-switch-height: 56rpx;
+  --size-switch-width-sm: 80rpx;
+  --size-switch-height-sm: 44rpx;
+  --color-switch-bg: rgba(0, 0, 0, 0.12);
+  --color-switch-bg-checked: var(--color-brand);
+
+  /* Rate */
+  --size-rate: 48rpx;
+  --size-rate-sm: 36rpx;
+  --spacing-rate-gap: 4rpx;
+  --color-rate-inactive: rgba(0, 0, 0, 0.12);
+  --color-rate-active: var(--color-warning);
+
+  /* Stepper */
+  --size-stepper-height: 64rpx;
+  --size-stepper-height-sm: 48rpx;
+  --size-stepper-btn-width: 64rpx;
+  --size-stepper-btn-width-sm: 48rpx;
+  --size-stepper-input-width: 64rpx;
+  --size-stepper-input-width-sm: 48rpx;
+  --color-stepper-bg: rgba(0, 0, 0, 0.05);
+  --color-stepper-text: var(--color-text-primary);
+
+  /* Date Picker Range */
+  --color-date-range-bg: rgba(7, 193, 96, 0.1);
+
+  /* Radio & Checkbox */
+  --size-radio: 40rpx;
+  --size-checkbox: 40rpx;
+  --color-radio-checked: var(--color-brand);
+  --color-checkbox-checked: var(--color-brand);
+  --color-checkbox-check: #ffffff;
+
+  /* Upload */
+  --size-upload-grid: 160rpx;
+  --size-upload-icon: 48rpx;
+  --size-upload-delete: 32rpx;
+  --size-upload-progress: 4rpx;
+  --size-upload-list-thumb: 80rpx;
+  --spacing-upload-gap: 16rpx;
+  --spacing-upload-list-gap: 24rpx;
+  --color-upload-bg: rgba(0, 0, 0, 0.05);
+  --color-upload-icon: var(--color-text-secondary);
+  --color-upload-progress: var(--color-brand);
+  --color-upload-error: var(--color-danger);
+  --color-upload-mask: rgba(0, 0, 0, 0.5);
+  --color-upload-overlay-text: #ffffff;
+  --color-upload-progress-track: rgba(0, 0, 0, 0.1);
+  --radius-upload: var(--radius-md);
+
+  /* Calendar */
+  --size-calendar-cell-height: 80rpx;
+  --size-calendar-header-height: 88rpx;
+  --color-calendar-today-border: var(--color-brand);
+  --color-calendar-selected-bg: var(--color-brand);
+  --color-calendar-selected-text: var(--color-bg-elevated);
+
+  // Layout
+  --layout-bg: var(--color-bg-page);
+  --layout-header-bg: var(--color-bg-elevated);
+  --layout-footer-bg: var(--color-bg-elevated);
+  --layout-sider-bg: var(--color-bg-elevated);
+  --layout-border-color: var(--color-separator);
+  --layout-z-index: 100;
+
+  /* Tree */
+  --size-tree-node-height: 88rpx;
+  --color-tree-node-selected-bg: rgba(7, 193, 96, 0.08);
+  --color-tree-node-highlight-bg: rgba(7, 193, 96, 0.1);
+
+  /* Navigation Bar */
+  --navbar-height: 44px;
+  --navbar-bg: var(--color-bg-elevated);
+  --navbar-title-color: var(--color-text-primary);
+  --navbar-icon-color: var(--color-text-primary);
+
+  /* Tooltip */
+  --color-tooltip-bg: var(--color-bg-elevated);
+  --color-tooltip-text: var(--color-text-primary);
+
+  /* Popover */
+  --color-popover-bg: var(--color-bg-elevated);
+
+  /* List */
+  --color-list-bg: var(--color-bg-elevated);
+  --color-list-hover-bg: var(--color-bg-base);
+  --color-list-border: var(--color-separator);
+  --color-list-text: var(--color-text-primary);
+
+  /* Tab Bar */
+  --tab-bar-height: 100rpx;
+  --tab-bar-bg: var(--color-bg-elevated);
+  --tab-bar-color: var(--color-text-secondary);
+  --tab-bar-active-bg: rgba(0, 0, 0, 0.08);
+  --tab-bar-active-color: var(--color-text-primary);
+  --tab-bar-active-label-color: var(--color-brand);
+  --tab-bar-icon-size: 44rpx;
+  --tab-bar-icon-bg-size: 72rpx;
+  --tab-bar-label-size: var(--font-size-sm);
+  --tab-bar-z-index: 500;
+  --tab-bar-radius: 100rpx;
+  --tab-bar-margin: var(--spacing-lg);
+  --tab-bar-shadow: var(--shadow-float);
+
+  /* ========== Component-Level Variables ========== */
+
+  /* Button */
+  --w-btn-height: var(--size-btn-height);
+  --w-btn-height-md: var(--size-btn-height-md);
+  --w-btn-height-sm: var(--size-btn-height-sm);
+  --w-btn-radius: var(--radius-lg);
+  --w-btn-radius-md: var(--radius-md);
+  --w-btn-radius-sm: var(--radius-sm);
+  --w-btn-font-size: var(--font-size-lg);
+  --w-btn-font-size-md: var(--font-size-md);
+  --w-btn-font-size-sm: var(--font-size-sm);
+
+  /* Input */
+  --w-input-height: var(--size-input-height);
+  --w-input-height-md: var(--size-input-height-md);
+  --w-input-height-sm: var(--size-input-height-sm);
+  --w-input-radius: var(--radius-md);
+  --w-input-bg: var(--color-input-bg);
+  --w-input-border: var(--color-input-border);
+  --w-input-border-focus: var(--color-input-border-focus);
+
+  /* Switch */
+  --w-switch-width: var(--size-switch-width);
+  --w-switch-height: var(--size-switch-height);
+  --w-switch-width-sm: var(--size-switch-width-sm);
+  --w-switch-height-sm: var(--size-switch-height-sm);
+  --w-switch-bg: var(--color-switch-bg);
+  --w-switch-checked-bg: var(--color-switch-bg-checked);
+
+  /* Stepper */
+  --w-stepper-height: var(--size-stepper-height);
+  --w-stepper-height-sm: var(--size-stepper-height-sm);
+  --w-stepper-btn-width: var(--size-stepper-btn-width);
+  --w-stepper-btn-width-sm: var(--size-stepper-btn-width-sm);
+  --w-stepper-input-width: var(--size-stepper-input-width);
+  --w-stepper-input-width-sm: var(--size-stepper-input-width-sm);
+  --w-stepper-bg: var(--color-stepper-bg);
+  --w-stepper-text: var(--color-stepper-text);
+  --w-stepper-radius: var(--radius-md);
+  --w-stepper-font-size: var(--font-size-md);
+  --w-stepper-font-size-sm: var(--font-size-sm);
+
+  /* Tag */
+  --w-tag-height-sm: var(--size-tag-height-sm);
+  --w-tag-height-md: var(--size-tag-height-md);
+  --w-tag-height-lg: var(--size-tag-height-lg);
+  --w-tag-radius: var(--radius-sm);
+  --w-tag-font-size: var(--font-size-sm);
+
+  /* Card */
+  --w-card-bg: var(--color-bg-elevated);
+  --w-card-radius: var(--radius-md);
+  --w-card-border-color: var(--color-separator);
+
+  /* Badge (migrated from --badge-* to --w-badge-*) */
+  --w-badge-dot-size: 16rpx;
+  --w-badge-height: 36rpx;
+  --w-badge-font-size: var(--font-size-sm);
+  --w-badge-padding-x: 12rpx;
+  --w-badge-color-default: var(--color-danger);
+  --w-badge-color-primary: var(--color-brand);
+  --w-badge-color-success: var(--color-success);
+  --w-badge-color-info: var(--color-info);
+  --w-badge-color-warning: var(--color-warning);
+  --w-badge-color-error: var(--color-danger);
+  --w-badge-text-color: #ffffff;
+
+  /* Drawer */
+  --w-drawer-bg: var(--color-bg-elevated);
+  --w-drawer-mask-bg: rgba(0, 0, 0, 0.45);
+  --w-drawer-radius: var(--radius-lg);
+
+  /* List */
+  --w-list-bg: var(--color-list-bg);
+  --w-list-border: var(--color-list-border);
+  --w-list-hover-bg: var(--color-list-hover-bg);
+
+  /* Divider */
+  --w-divider-color: var(--color-separator);
+  --w-divider-spacing: var(--spacing-md);
+
+  /* Avatar */
+  --w-avatar-radius: var(--radius-sm);
+  --w-avatar-bg: var(--color-avatar-bg);
+}

package/miniprogram_dist/utils/relations.js

@@ -0,0 +1,21 @@
+// src/utils/relations.js
+function makeDescendantRelations(paths, callbacks) {
+  const relations = {};
+  paths.forEach((path) => {
+    relations[path] = {
+      type: 'descendant',
+      linked() {
+        callbacks.linked?.call(this);
+      },
+      linkChanged() {
+        callbacks.linkChanged?.call(this);
+      },
+      unlinked() {
+        callbacks.unlinked?.call(this);
+      },
+    };
+  });
+  return relations;
+}
+
+module.exports = { makeDescendantRelations };

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "wedux-ui",
+  "version": "0.1.0",
+  "description": "微信小程序组件库，支持主题切换",
+  "miniprogram": "miniprogram_dist",
+  "files": [
+    "miniprogram_dist"
+  ],
+  "keywords": [
+    "miniprogram",
+    "weixin",
+    "component",
+    "ui"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "prettier": "^3.8.1"
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "release": "node scripts/release.js",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
+  }
+}