py-test-component 2.0.7 → 2.0.8

package/dist/vue.js.LICENSE.txt

@@ -0,0 +1,7 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+
+/**
+  * vue-custom-element v3.3.0
+  * (c) 2021 Karol Fabjańczuk
+  * @license MIT
+  */

package/package.json

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

package/src/react/index.js

@@ -1,55 +0,0 @@
-import React, { useEffect, useRef, useState, forwardRef } from 'react';
-
-// 注入 ElementUI CSS（只执行一次）
-let cssInjected = false;
-function injectElementUICSS() {
-  if (cssInjected || typeof document === 'undefined') return;
-  cssInjected = true;
-  const link = document.createElement('link');
-  link.rel = 'stylesheet';
-  link.href = 'https://unpkg.com/element-ui/lib/theme-chalk/index.css';
-  document.head.appendChild(link);
-}
-
-// 加载组件库
-function usePyComponent() {
-  const [loaded, setLoaded] = useState(false);
-  useEffect(() => {
-    injectElementUICSS();
-    import('py-test-component').then(() => setLoaded(true));
-  }, []);
-  return loaded;
-}
-
-// 通用包装函数：动态创建 React 组件
-function wrapVueComponent(tagName, dataProp = null) {
-  return forwardRef(function WrappedComponent({ propData, loading, ...props }, ref) {
-    const elRef = useRef(null);
-    const loaded = usePyComponent();
-
-    useEffect(() => {
-      if (elRef.current && propData !== undefined && dataProp) {
-        elRef.current[dataProp] = propData;
-      }
-    }, [propData]);
-
-    if (!loaded && loading) {
-      return <div style={{ padding: '20px', textAlign: 'center' }}>{loading}</div>;
-    }
-
-    // 使用 createElement 避免 JSX 标签名大小写警告
-    return React.createElement(tagName, { ref: ref || elRef, ...props });
-  });
-}
-
-// 一键注册所有组件
-export const PyTable = wrapVueComponent('py-table', 'propData');
-export const PyWeather = wrapVueComponent('py-weather', 'propData');
-
-// 初始化 store（仅设置，不暴露 store 给外部）
-export function initStore(config) {
-  return import('py-test-component').then((m) => {
-    const PyComponent = m.default || m;
-    PyComponent?.initStore?.(config);
-  });
-}

package/src/vue/index.js

@@ -1,32 +0,0 @@
-// Vue 项目专用入口
-// 注意：此组件库基于 Vue 2.7 + ElementUI 构建
-// Vue 3 工程请使用 React 入口（通过 Web Components 方式）
-
-import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
-import vueCustomElement from 'vue-custom-element';
-
-import PyTable from '../components/PyTable.vue';
-import PyWeather from '../components/PyWeather.vue';
-import store from '../store';
-
-// 确保 Vue 和插件已安装
-Vue.use(ElementUI);
-Vue.use(vueCustomElement);
-
-// 注册为 Web Components（禁用 Shadow DOM）
-if (!customElements.get('py-table')) {
-  Vue.customElement('py-table', PyTable, { shadow: false });
-}
-if (!customElements.get('py-weather')) {
-  Vue.customElement('py-weather', PyWeather, { shadow: false });
-}
-
-// 初始化 store（统一的方法）
-function initStore(config) {
-  store.set(config);
-}
-
-export { PyTable, PyWeather, initStore };
-export default { PyTable, PyWeather, initStore };