py-test-component 1.0.0

package/dist/py-component.js.LICENSE.txt

@@ -0,0 +1,31 @@
+/*!
+ * Vue.js v2.7.16
+ * (c) 2014-2023 Evan You
+ * Released under the MIT License.
+ */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright JS Foundation and other contributors <https://js.foundation/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/**
+ * Checks if an event is supported in the current execution environment.
+ *
+ * NOTE: This will not work correctly for non-generic events such as `change`,
+ * `reset`, `load`, `error`, and `select`.
+ *
+ * Borrows from Modernizr.
+ *
+ * @param {string} eventNameSuffix Event name, e.g. "click".
+ * @param {?boolean} capture Check if the capture phase is supported.
+ * @return {boolean} True if the event is supported.
+ * @internal
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "py-test-component",
+  "version": "1.0.0",
+  "description": "Vue2 + ElementUI 组件库，支持 React 使用",
+  "main": "dist/py-component.js",
+  "module": "dist/py-component.esm.js",
+  "exports": {
+    ".": "./dist/py-component.js",
+    "./react": "./src/react/index.js"
+  },
+  "files": [
+    "dist",
+    "src/react"
+  ],
+  "scripts": {
+    "build": "webpack --mode production",
+    "dev": "webpack --mode development --watch"
+  },
+  "dependencies": {
+    "vue": "^2.7.14",
+    "element-ui": "^2.15.13"
+  },
+  "devDependencies": {
+    "webpack": "^5.88.0",
+    "webpack-cli": "^5.1.0",
+    "vue-loader": "^15.10.1",
+    "vue-template-compiler": "^2.7.14",
+    "css-loader": "^6.8.1",
+    "style-loader": "^1.3.0",
+    "babel-loader": "^9.1.2",
+    "@babel/core": "^7.22.0",
+    "@babel/preset-env": "^7.22.0",
+    "@vue/web-component-wrapper": "^1.3.0"
+  },
+  "peerDependencies": {
+    "vue": "^2.7.0",
+    "element-ui": "^2.15.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    },
+    "element-ui": {
+      "optional": true
+    }
+  }
+}

package/src/react/index.js

@@ -0,0 +1,69 @@
+import { createElement, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
+
+// 加载脚本的 Promise（只加载一次）
+let loadPromise = null;
+
+function loadPyComponent() {
+  if (loadPromise) return loadPromise;
+  if (typeof window === 'undefined') return Promise.resolve();
+  if (window.PyComponent) return Promise.resolve(window.PyComponent);
+
+  loadPromise = new Promise((resolve, reject) => {
+    const script = document.createElement('script');
+    script.src = '/py-component.js';
+    script.async = true;
+    script.onload = () => resolve(window.PyComponent);
+    script.onerror = reject;
+    document.body.appendChild(script);
+  });
+
+  return loadPromise;
+}
+
+// PyTable React 包装组件
+export const PyTable = forwardRef(function PyTable({ data, ...props }, ref) {
+  const elRef = useRef(null);
+
+  useImperativeHandle(ref, () => ({
+    getElement: () => elRef.current
+  }));
+
+  useEffect(() => {
+    loadPyComponent();
+  }, []);
+
+  useEffect(() => {
+    if (elRef.current && data) {
+      elRef.current.setAttribute('table-data', JSON.stringify(data));
+    }
+  }, [data]);
+
+  return createElement('py-table', { ref: elRef, ...props });
+});
+
+// PyWeather React 包装组件
+export const PyWeather = forwardRef(function PyWeather(props, ref) {
+  const elRef = useRef(null);
+
+  useImperativeHandle(ref, () => ({
+    getElement: () => elRef.current
+  }));
+
+  useEffect(() => {
+    loadPyComponent();
+  }, []);
+
+  return createElement('py-weather', { ref: elRef, ...props });
+});
+
+// 初始化函数
+export function initPyComponent(config) {
+  loadPyComponent().then((PyComponent) => {
+    PyComponent.init(config);
+  });
+}
+
+// 获取 store
+export function getStore() {
+  return typeof window !== 'undefined' ? window.PyComponent?.store : null;
+}