mall-components 1.0.0

package/src/setters/RestApiTester.tsx

@@ -0,0 +1,219 @@
+import React, { useState } from 'react'
+import { Button, Input, Select, Card, Spin, Alert, Typography, Space } from 'antd'
+import { PlayCircleOutlined, LoadingOutlined, CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons'
+
+const { TextArea } = Input
+const { Text } = Typography
+
+interface RestApiTesterProps {
+  value?: {
+    api: string
+    method: 'GET' | 'POST'
+  }
+  onChange?: (value: any) => void
+  multi?: boolean
+}
+
+const RestApiTester: React.FC<RestApiTesterProps> = ({ value, onChange, multi }) => {
+  const [loading, setLoading] = useState(false)
+  const [response, setResponse] = useState<string>('')
+  const [error, setError] = useState<string>('')
+  const [status, setStatus] = useState<'idle' | 'success' | 'error'>('idle')
+
+  const api = value?.api || ''
+  const method = value?.method || 'GET'
+
+  const handleTestApi = async () => {
+    if (!api.trim()) {
+      setError('请输入 API 地址')
+      setStatus('error')
+      return
+    }
+
+    setLoading(true)
+    setError('')
+    setResponse('')
+    setStatus('idle')
+
+    try {
+      let url = api
+      if (!url.startsWith('http://') && !url.startsWith('https://')) {
+        url = `http://${url}`
+      }
+
+      console.log('[RestApiTester] 开始测试 API:', { url, method })
+
+      const fetchOptions: RequestInit = {
+        method,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      }
+
+      if (method === 'POST') {
+        fetchOptions.body = JSON.stringify({
+          pageNum: 1,
+          pageSize: 10,
+        })
+      }
+
+      const res = await fetch(url, fetchOptions)
+      const data = await res.json()
+
+      console.log('[RestApiTester] API 响应:', data)
+
+      if (res.ok) {
+        setResponse(JSON.stringify(data, null, 2))
+        setStatus('success')
+        
+        if (data.code === 200 && data.data && data.data.list) {
+          console.log(`[RestApiTester] 成功获取 ${data.data.list.length} 条数据`)
+        }
+      } else {
+        setError(`HTTP ${res.status}: ${res.statusText}`)
+        setStatus('error')
+        setResponse(JSON.stringify(data, null, 2))
+      }
+    } catch (err: any) {
+      console.error('[RestApiTester] API 测试失败:', err)
+      setError(err.message || '请求失败')
+      setStatus('error')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleApiChange = (newApi: string) => {
+    onChange?.({
+      ...value,
+      api: newApi,
+    })
+  }
+
+  const handleMethodChange = (newMethod: 'GET' | 'POST') => {
+    onChange?.({
+      ...value,
+      method: newMethod,
+    })
+  }
+
+  return (
+    <div style={{ width: '100%', padding: '8px 0' }}>
+      <Space direction="vertical" style={{ width: '100%' }} size="middle">
+        {/* API 配置区域 */}
+        <div>
+          <div style={{ marginBottom: 8 }}>
+            <Text strong style={{ fontSize: 14 }}>API 配置</Text>
+          </div>
+          
+          <Space.Compact style={{ width: '100%' }}>
+            <Select
+              value={method}
+              onChange={handleMethodChange}
+              style={{ width: 120 }}
+              options={[
+                { label: 'GET', value: 'GET' },
+                { label: 'POST', value: 'POST' },
+              ]}
+            />
+            <Input
+              placeholder="请输入 API 地址，如 http://localhost:3000/lowcode/products"
+              value={api}
+              onChange={(e) => handleApiChange(e.target.value)}
+              onPressEnter={handleTestApi}
+              style={{ flex: 1 }}
+              allowClear
+            />
+            <Button
+              type="primary"
+              icon={loading ? <LoadingOutlined /> : <PlayCircleOutlined />}
+              onClick={handleTestApi}
+              loading={loading}
+              disabled={!api.trim()}
+            >
+              执行
+            </Button>
+          </Space.Compact>
+        </div>
+
+        {/* 状态提示 */}
+        {status === 'success' && (
+          <Alert
+            message="API 请求成功"
+            type="success"
+            showIcon
+            icon={<CheckCircleOutlined />}
+            closable
+            onClose={() => setStatus('idle')}
+          />
+        )}
+
+        {status === 'error' && (
+          <Alert
+            message={`请求失败：${error}`}
+            type="error"
+            showIcon
+            icon={<CloseCircleOutlined />}
+            closable
+            onClose={() => {
+              setError('')
+              setStatus('idle')
+            }}
+          />
+        )}
+
+        {/* 响应显示区域 */}
+        {(response || status === 'error') && (
+          <Card 
+            size="small" 
+            title={
+              <span>
+                Response 
+                {status === 'success' && <Text type="success" style={{ marginLeft: 8 }}>✓</Text>}
+                {status === 'error' && <Text type="danger" style={{ marginLeft: 8 }}>✗</Text>}
+              </span>
+            }
+            style={{ 
+              backgroundColor: '#f5f5f5',
+              maxHeight: 400,
+              overflow: 'auto'
+            }}
+          >
+            <Spin spinning={loading}>
+              <TextArea
+                value={response || `Error: ${error}`}
+                autoSize={{ minRows: 6, maxRows: 15 }}
+                readOnly
+                style={{
+                  backgroundColor: status === 'error' ? '#fff2f0' : '#fafafa',
+                  fontFamily: 'Monaco, Menlo, Consolas, "Courier New", monospace',
+                  fontSize: 12,
+                  color: status === 'error' ? '#ff4d4f' : '#262626',
+                  resize: 'none',
+                }}
+              />
+            </Spin>
+            
+            {status === 'success' && response && (() => {
+              try {
+                const jsonData = JSON.parse(response)
+                if (jsonData.code === 200 && jsonData.data && Array.isArray(jsonData.data.list)) {
+                  return (
+                    <div style={{ marginTop: 12, padding: '8px 12px', backgroundColor: '#f6ffed', borderRadius: 4, border: '1px solid #b7eb8f' }}>
+                      <Text type="success" strong>
+                        ✓ 数据验证通过：共获取 {jsonData.data.total} 条数据，当前页显示 {jsonData.data.list.length} 条
+                      </Text>
+                    </div>
+                  )
+                }
+              } catch (e) {}
+              return null
+            })()}
+          </Card>
+        )}
+      </Space>
+    </div>
+  )
+}
+
+export default RestApiTester

package/src/shims/require.js

@@ -0,0 +1,8 @@
+var require = function(module) {
+  if (module === 'react' || module === 'react/jsx-runtime') return window.React;
+  if (module === 'react-dom' || module === 'react-dom/client') return window.ReactDOM;
+  if (module === 'antd') return window.antd;
+  if (module === '@ant-design/icons') return window.icons;
+  if (module === 'moment') return window.moment;
+  throw new Error('Unknown module: ' + module);
+};

package/src/types/common.ts

@@ -0,0 +1,19 @@
+export type CommonResult<T> = {
+  code: number
+  message: string
+  data: T
+}
+
+export type CommonPage<T> = {
+  pageNum: number
+  pageSize: number
+  totalPage: number
+  total: number
+  list: T[]
+}
+
+export type PageParam = {
+  pageNum: number
+  pageSize: number
+  keyword?: string
+}

package/src/types/marketing.ts

@@ -0,0 +1,124 @@
+export interface SmsCoupon {
+  id: number
+  name: string
+  type: number
+  platform: number
+  count: number
+  amount: number
+  perLimit: number
+  minPoint: number
+  startTime: string
+  endTime: string
+  useType: number
+  note: string
+  publishCount: number
+  useCount: number
+  receiveCount: number
+  enableTime: string
+  code: string
+  memberLevel: number
+}
+
+export interface SmsCouponHistory {
+  id: number
+  couponId: number
+  memberId: number
+  memberNickname: string
+  useStatus: number
+  useTime: string
+  orderId: number
+  orderSn: string
+  getType: number
+}
+
+export interface SmsFlashPromotion {
+  id: number
+  title: string
+  startDate: string
+  endDate: string
+  status: number
+  createTime: string
+}
+
+export interface SmsFlashPromotionSession {
+  id: number
+  name: string
+  startTime: number
+  endTime: number
+  status: number
+}
+
+export interface SmsFlashPromotionProductRelation {
+  id: number
+  flashPromotionId: number
+  flashPromotionSessionId: number
+  productId: number
+  productName: string
+  productSn: string
+  flashPromotionPrice: number
+  flashPromotionCount: number
+  flashPromotionLimit: number
+  sort: number
+}
+
+export interface CouponQueryParam {
+  pageNum?: number
+  pageSize?: number
+  name?: string
+  type?: number
+  platform?: number
+  useType?: number
+}
+
+export interface PromotionQueryParam {
+  pageNum?: number
+  pageSize?: number
+  title?: string
+  status?: number
+}
+
+export const COUPON_TYPE = {
+  FULL_REDUCTION: 0,
+  DISCOUNT: 1,
+} as const
+
+export const COUPON_PLATFORM = {
+  ALL: 0,
+  MOBILE: 1,
+  PC: 2,
+  APP: 3,
+} as const
+
+export const COUPON_USE_TYPE = {
+  ALL: 0,
+  CATEGORY: 1,
+  PRODUCT: 2,
+} as const
+
+export const COUPON_TYPE_OPTIONS = [
+  { label: '满减券', value: COUPON_TYPE.FULL_REDUCTION },
+  { label: '折扣券', value: COUPON_TYPE.DISCOUNT },
+]
+
+export const COUPON_PLATFORM_OPTIONS = [
+  { label: '全平台', value: COUPON_PLATFORM.ALL },
+  { label: '移动端', value: COUPON_PLATFORM.MOBILE },
+  { label: 'PC端', value: COUPON_PLATFORM.PC },
+  { label: 'APP端', value: COUPON_PLATFORM.APP },
+]
+
+export const COUPON_USE_TYPE_OPTIONS = [
+  { label: '全场通用', value: COUPON_USE_TYPE.ALL },
+  { label: '指定分类', value: COUPON_USE_TYPE.CATEGORY },
+  { label: '指定商品', value: COUPON_USE_TYPE.PRODUCT },
+]
+
+export const PROMOTION_STATUS = {
+  ENABLED: 1,
+  DISABLED: 0,
+} as const
+
+export const PROMOTION_STATUS_OPTIONS = [
+  { label: '启用', value: PROMOTION_STATUS.ENABLED },
+  { label: '禁用', value: PROMOTION_STATUS.DISABLED },
+]

package/src/types/order.ts

@@ -0,0 +1,169 @@
+export interface OmsOrder {
+  id: number
+  memberId?: number
+  couponId?: number
+  orderSn?: string
+  createTime: string
+  memberUsername?: string
+  totalAmount: number
+  payAmount: number
+  freightAmount: number
+  promotionAmount?: number
+  integrationAmount?: number
+  couponAmount?: number
+  discountAmount: number
+  payType: number
+  sourceType: number
+  status: number
+  orderType: number
+  deliveryCompany?: string
+  deliverySn?: string
+  autoConfirmDay?: number
+  integration?: number
+  growth?: number
+  promotionInfo: string
+  billType?: number
+  billHeader?: string
+  billContent?: string
+  billReceiverPhone?: string
+  billReceiverEmail?: string
+  receiverName?: string
+  receiverPhone?: string
+  receiverPostCode?: string
+  receiverProvince: string
+  receiverCity?: string
+  receiverRegion?: string
+  receiverDetailAddress?: string
+  note?: string
+  confirmStatus?: number
+  deleteStatus?: number
+  useIntegration?: number
+  paymentTime: string
+  deliveryTime: string
+  receiveTime: string
+  commentTime: string
+  modifyTime?: string
+}
+
+export interface OmsOrderItem {
+  id: number
+  orderId: number
+  orderSn: string
+  productId: number
+  productPic: string
+  productName: string
+  productBrand: string
+  productSn: string
+  productPrice: number
+  productQuantity: number
+  productSkuId: number
+  productSkuCode: string
+  productCategoryId: number
+  promotionName: string
+  promotionAmount: number
+  couponAmount: number
+  integrationAmount: number
+  realAmount: number
+  giftIntegration: number
+  giftGrowth: number
+  productAttr: string
+}
+
+export interface OmsOrderOperateHistory {
+  id: number
+  orderId: number
+  operateMan: string
+  createTime: string
+  orderStatus: number
+  note: string
+}
+
+export interface OrderQueryParam {
+  pageNum?: number
+  pageSize?: number
+  orderSn?: string
+  receiverKeyword?: string
+  status?: number
+  orderType?: number
+  sourceType?: number
+  createTime?: string
+}
+
+export interface OmsOrderDeliveryParam {
+  orderId: number
+  deliveryCompany?: string
+  deliverySn?: string
+}
+
+export interface OmsOrderDetail extends OmsOrder {
+  orderItemList: OmsOrderItem[]
+  historyList: OmsOrderOperateHistory[]
+}
+
+export interface OmsReceiverInfoParam {
+  orderId: number
+  receiverName?: string
+  receiverPhone?: string
+  receiverPostCode?: string
+  receiverDetailAddress?: string
+  receiverProvince?: string
+  receiverCity?: string
+  receiverRegion?: string
+  status: number
+}
+
+export interface OmsMoneyInfoParam {
+  orderId: number
+  freightAmount: number
+  discountAmount: number
+  status: number
+}
+
+export const ORDER_STATUS = {
+  PENDING_PAYMENT: 0,
+  PENDING_DELIVERY: 1,
+  DELIVERED: 2,
+  COMPLETED: 3,
+  CLOSED: 4,
+  INVALID: 5,
+} as const
+
+export const PAY_TYPE = {
+  UNPAID: 0,
+  ALIPAY: 1,
+  WECHAT: 2,
+} as const
+
+export const SOURCE_TYPE = {
+  PC: 0,
+  APP: 1,
+} as const
+
+export const ORDER_TYPE = {
+  NORMAL: 0,
+  SECKILL: 1,
+} as const
+
+export const ORDER_STATUS_OPTIONS = [
+  { label: '待付款', value: ORDER_STATUS.PENDING_PAYMENT },
+  { label: '待发货', value: ORDER_STATUS.PENDING_DELIVERY },
+  { label: '已发货', value: ORDER_STATUS.DELIVERED },
+  { label: '已完成', value: ORDER_STATUS.COMPLETED },
+  { label: '已关闭', value: ORDER_STATUS.CLOSED },
+]
+
+export const PAY_TYPE_OPTIONS = [
+  { label: '未支付', value: PAY_TYPE.UNPAID },
+  { label: '支付宝', value: PAY_TYPE.ALIPAY },
+  { label: '微信', value: PAY_TYPE.WECHAT },
+]
+
+export const SOURCE_TYPE_OPTIONS = [
+  { label: 'PC订单', value: SOURCE_TYPE.PC },
+  { label: 'APP订单', value: SOURCE_TYPE.APP },
+]
+
+export const ORDER_TYPE_OPTIONS = [
+  { label: '正常订单', value: ORDER_TYPE.NORMAL },
+  { label: '秒杀订单', value: ORDER_TYPE.SECKILL },
+]

package/src/types/permission.ts

@@ -0,0 +1,102 @@
+export interface UmsAdmin {
+  id: number
+  username: string
+  password?: string
+  icon?: string
+  email?: string
+  nickName?: string
+  note?: string
+  createTime: string
+  loginTime?: string
+  status: number
+}
+
+export interface UmsRole {
+  id: number
+  name: string
+  description?: string
+  adminCount: number
+  createTime: string
+  status: number
+  sort: number
+}
+
+export interface UmsPermission {
+  id: number
+  pid: number
+  name: string
+  value: string
+  icon: string
+  type: number
+  uri: string
+  status: number
+  createTime: string
+  sort: number
+}
+
+export interface UmsMenu {
+  id: number
+  parentId: number
+  name: string
+  level: number
+  sort: number
+  title: string
+  icon: string
+  hidden: number
+  createTime: string
+}
+
+export interface UmsResource {
+  id: number
+  categoryId: number
+  name: string
+  url: string
+  description: string
+  createTime: string
+}
+
+export interface UserQueryParam {
+  pageNum?: number
+  pageSize?: number
+  username?: string
+  status?: number
+}
+
+export interface RoleQueryParam {
+  pageNum?: number
+  pageSize?: number
+  name?: string
+  status?: number
+}
+
+export const USER_STATUS = {
+  DISABLED: 0,
+  ENABLED: 1,
+} as const
+
+export const ROLE_STATUS = {
+  DISABLED: 0,
+  ENABLED: 1,
+} as const
+
+export const PERMISSION_TYPE = {
+  DIRECTORY: 0,
+  MENU: 1,
+  BUTTON: 2,
+} as const
+
+export const USER_STATUS_OPTIONS = [
+  { label: '禁用', value: USER_STATUS.DISABLED },
+  { label: '启用', value: USER_STATUS.ENABLED },
+]
+
+export const ROLE_STATUS_OPTIONS = [
+  { label: '禁用', value: ROLE_STATUS.DISABLED },
+  { label: '启用', value: ROLE_STATUS.ENABLED },
+]
+
+export const PERMISSION_TYPE_OPTIONS = [
+  { label: '目录', value: PERMISSION_TYPE.DIRECTORY },
+  { label: '菜单', value: PERMISSION_TYPE.MENU },
+  { label: '按钮', value: PERMISSION_TYPE.BUTTON },
+]

package/src/types/product.ts

@@ -0,0 +1,49 @@
+import type { PageParam } from './common'
+
+export type PmsProduct = {
+  id?: number
+  brandId?: number
+  productCategoryId?: number
+  name: string
+  pic?: string
+  productSn: string
+  deleteStatus?: number
+  publishStatus?: number
+  newStatus?: number
+  recommandStatus?: number
+  verifyStatus?: number
+  sort?: number
+  sale?: number
+  price?: number
+  promotionPrice?: number
+  subTitle?: string
+  originalPrice?: number
+  stock?: number
+  lowStock?: number
+  unit?: string
+  weight?: number
+  previewStatus?: number
+  serviceIds?: string
+  keywords?: string
+  note?: string
+  albumPics?: string
+  detailTitle?: string
+  promotionStartTime?: string
+  promotionEndTime?: string
+  promotionPerLimit?: number
+  promotionType?: number
+  brandName?: string
+  productCategoryName?: string
+  description?: string
+  detailDesc?: string
+  detailHtml?: string
+  detailMobileHtml?: string
+}
+
+export type ProductQueryParam = PageParam & {
+  publishStatus?: number
+  verifyStatus?: number
+  productSn?: string
+  productCategoryId?: number
+  brandId?: number
+}