py-test-components 1.0.0

package/src/utils/api.js

@@ -0,0 +1,101 @@
+/**
+ * API 请求封装
+ */
+import { get, post } from './request';
+import store from '../store';
+
+// 获取基础 URL
+function getBaseUrl() {
+  return store.get('baseUrl') || '';
+}
+
+// 获取 API Key
+function getApiKey() {
+  return store.get('apiKey') || '';
+}
+
+// 构建带认证的请求头
+function getAuthHeaders() {
+  const apiKey = getApiKey();
+  return apiKey ? { 'X-API-Key': apiKey } : {};
+}
+
+/**
+ * 天气相关 API
+ */
+export const weatherApi = {
+  /**
+   * 获取天气信息
+   * @param {string} city - 城市名
+   * @returns {Promise} 天气数据
+   */
+  getWeather(city) {
+    return get('/api/weather', { city }, {
+      baseURL: getBaseUrl(),
+      headers: getAuthHeaders()
+    });
+  },
+
+  /**
+   * 获取forecast
+   * @param {string} city - 城市名
+   * @returns {Promise} forecast数据
+   */
+  getForecast(city) {
+    return get('/api/weather/forecast', { city }, {
+      baseURL: getBaseUrl(),
+      headers: getAuthHeaders()
+    });
+  }
+};
+
+/**
+ * 数据表格相关 API
+ */
+export const tableApi = {
+  /**
+   * 获取表格数据
+   * @param {object} params - 查询参数
+   * @returns {Promise} 表格数据
+   */
+  getData(params = {}) {
+    return get('/api/table/data', params, {
+      baseURL: getBaseUrl(),
+      headers: getAuthHeaders()
+    });
+  },
+
+  /**
+   * 提交表格数据
+   * @param {object} data - 提交的数据
+   * @returns {Promise} 提交结果
+   */
+  submitData(data) {
+    return post('/api/table/data', data, {
+      baseURL: getBaseUrl(),
+      headers: getAuthHeaders()
+    });
+  }
+};
+
+/**
+ * 用户相关 API
+ */
+export const userApi = {
+  /**
+   * 获取用户信息
+   * @returns {Promise} 用户数据
+   */
+  getUserInfo() {
+    return get('/api/user/info', {}, {
+      baseURL: getBaseUrl(),
+      headers: getAuthHeaders()
+    });
+  }
+};
+
+export default {
+  weather: weatherApi,
+  table: tableApi,
+  user: userApi
+};

package/src/utils/request.js

@@ -0,0 +1,113 @@
+/**
+ * 封装的 fetch 请求工具
+ */
+
+// 默认配置
+const defaultConfig = {
+  baseURL: '',
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json'
+  }
+};
+
+/**
+ * 发起 HTTP 请求
+ * @param {string} url - 请求地址
+ * @param {object} options - 请求选项
+ * @returns {Promise} 响应结果
+ */
+export function request(url, options = {}) {
+  const config = {
+    ...defaultConfig,
+    ...options,
+    headers: {
+      ...defaultConfig.headers,
+      ...options.headers
+    }
+  };
+
+  // 处理 URL
+  const fullUrl = config.baseURL ? `${config.baseURL}${url}` : url;
+
+  // 创建 AbortController 用于超时控制
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), config.timeout);
+
+  return fetch(fullUrl, {
+    ...config,
+    signal: controller.signal
+  })
+    .then(response => {
+      clearTimeout(timeoutId);
+      
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      
+      // 根据返回类型解析数据
+      const contentType = response.headers.get('content-type');
+      if (contentType && contentType.includes('application/json')) {
+        return response.json();
+      }
+      return response.text();
+    })
+    .catch(error => {
+      clearTimeout(timeoutId);
+      
+      if (error.name === 'AbortError') {
+        throw new Error('Request timeout');
+      }
+      throw error;
+    });
+}
+
+/**
+ * GET 请求
+ * @param {string} url - 请求地址
+ * @param {object} params - URL 参数
+ * @param {object} options - 其他选项
+ * @returns {Promise} 响应结果
+ */
+export function get(url, params = {}, options = {}) {
+  const queryString = Object.keys(params)
+    .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`)
+    .join('&');
+  
+  const fullUrl = queryString ? `${url}?${queryString}` : url;
+  
+  return request(fullUrl, {
+    method: 'GET',
+    ...options
+  });
+}
+
+/**
+ * POST 请求
+ * @param {string} url - 请求地址
+ * @param {object} data - 请求数据
+ * @param {object} options - 其他选项
+ * @returns {Promise} 响应结果
+ */
+export function post(url, data = {}, options = {}) {
+  return request(url, {
+    method: 'POST',
+    body: JSON.stringify(data),
+    ...options
+  });
+}
+
+/**
+ * 设置默认配置
+ * @param {object} config - 配置对象
+ */
+export function setDefaultConfig(config) {
+  Object.assign(defaultConfig, config);
+}
+
+export default {
+  request,
+  get,
+  post,
+  setDefaultConfig
+};

package/src/vue/index.js

@@ -0,0 +1,32 @@
+// Vue 入口 - 直接导出 Vue 组件
+
+import PyTable from '../components/PyTable.vue';
+import PyWeather from '../components/PyWeather.vue';
+import store from '../store';
+
+/**
+ * 初始化 Store
+ * @param {object} config - 配置对象
+ */
+function initStore(config) {
+  if (!config || typeof config !== 'object') {
+    console.warn('[PyComponent] initStore 需要传入配置对象');
+    return;
+  }
+  
+  Object.keys(config).forEach(key => {
+    store.set(key, config[key]);
+  });
+  
+  console.log('[PyComponent] Store 已初始化');
+}
+
+// 导出组件和函数
+export { PyTable, PyWeather, initStore };
+
+// 默认导出
+export default {
+  PyTable,
+  PyWeather,
+  initStore
+};