@quickbi/bi-open-vue-sdk 1.0.0

package/README.md

@@ -0,0 +1,3 @@
+# 说明
+
+基于 vue 框架的开放组件 sdk

package/cjs/index.d.ts

@@ -0,0 +1,27 @@
+// Generated by dts-bundle v0.7.3
+// Dependencies for this module:
+//   ../../../../../../../../../../@quickbi/bi-open
+//   ../../../../../../../../../../vue
+
+declare module '@quickbi/bi-open-vue-sdk' {
+    export { I18n, formatNumberWithConfig, formatNumber, LATEST_VERSION, revisal, OLDEST_VERSION, getRevisalRange, } from '@quickbi/bi-open';
+    export type { Interfaces } from '@quickbi/bi-open';
+    export { createBIComponent } from '@quickbi/bi-open-vue-sdk/wrapper';
+}
+
+declare module '@quickbi/bi-open-vue-sdk/wrapper' {
+    /**
+      * @flie 开放组件入口文件
+      */
+    import type { VNode } from 'vue';
+    import type { Interfaces } from '@quickbi/bi-open';
+    export function createBIComponent({ element: RawComponent }: {
+        element: VNode;
+    }): {
+        bootstrap: Interfaces.LifecycleBootstrap<Interfaces.ComponentProps>;
+        mount: Interfaces.LifecycleMount<Interfaces.ComponentProps>;
+        unmount: Interfaces.LifecycleUnmount<Interfaces.ComponentProps>;
+        update: Interfaces.LifecycleUpdate<Interfaces.ComponentProps>;
+    };
+}
+

package/cjs/index.js

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/basic/bi-open/packages/bi-open-vue-sdk/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  I18n: () => import_bi_open.I18n,
+  LATEST_VERSION: () => import_bi_open.LATEST_VERSION,
+  OLDEST_VERSION: () => import_bi_open.OLDEST_VERSION,
+  createBIComponent: () => createBIComponent,
+  formatNumber: () => import_bi_open.formatNumber,
+  formatNumberWithConfig: () => import_bi_open.formatNumberWithConfig,
+  getRevisalRange: () => import_bi_open.getRevisalRange,
+  revisal: () => import_bi_open.revisal
+});
+module.exports = __toCommonJS(src_exports);
+var import_bi_open = require("@quickbi/bi-open");
+
+// src/basic/bi-open/packages/bi-open-vue-sdk/src/wrapper.ts
+var import_vue = require("vue");
+function getRandId() {
+  return Math.random().toString(32).slice(2);
+}
+function createBIComponent(param) {
+  var RawComponent = param.element;
+  var instance = /* @__PURE__ */ new WeakMap();
+  var id = getRandId();
+  var CUSTOM_COMPONENT_CHANGE_EVENT = "CUSTOM_COMPONENT_CHANGE_EVENT_".concat(id);
+  var bootstrap = function() {
+  };
+  var mount = function(props) {
+    if (props.container) {
+      var vueInstance = (0, import_vue.createApp)({
+        data: function data() {
+          return {
+            container: props.container,
+            customProps: props.customProps
+          };
+        },
+        mounted: function mounted() {
+          props.container.addEventListener(CUSTOM_COMPONENT_CHANGE_EVENT, this.handlePropsChange);
+        },
+        beforeUnmount: function beforeUnmount() {
+          props.container.removeEventListener(CUSTOM_COMPONENT_CHANGE_EVENT, this.handlePropsChange);
+        },
+        methods: {
+          handlePropsChange: function handlePropsChange(e) {
+            if (e.detail) {
+              this.customProps = e.detail;
+            }
+          }
+        },
+        render: function render() {
+          return (0, import_vue.h)(RawComponent, {
+            container: this.container,
+            customProps: this.customProps
+          });
+        }
+      });
+      vueInstance.mount(props.container);
+      instance.set(props.container, vueInstance);
+    }
+  };
+  var update = function(props) {
+    if (props.container) {
+      props.container.dispatchEvent(new CustomEvent(CUSTOM_COMPONENT_CHANGE_EVENT, {
+        detail: props.customProps
+      }));
+    }
+  };
+  var unmount = function(props) {
+    if (props.container) {
+      var vueInstance = instance.get(props.container);
+      if (vueInstance) {
+        vueInstance.unmount();
+        instance.delete(props.container);
+      }
+    }
+  };
+  return {
+    bootstrap,
+    mount,
+    unmount,
+    update
+  };
+}

package/esm/index.d.ts

@@ -0,0 +1,27 @@
+// Generated by dts-bundle v0.7.3
+// Dependencies for this module:
+//   ../../../../../../../../../../@quickbi/bi-open
+//   ../../../../../../../../../../vue
+
+declare module '@quickbi/bi-open-vue-sdk' {
+    export { I18n, formatNumberWithConfig, formatNumber, LATEST_VERSION, revisal, OLDEST_VERSION, getRevisalRange, } from '@quickbi/bi-open';
+    export type { Interfaces } from '@quickbi/bi-open';
+    export { createBIComponent } from '@quickbi/bi-open-vue-sdk/wrapper';
+}
+
+declare module '@quickbi/bi-open-vue-sdk/wrapper' {
+    /**
+      * @flie 开放组件入口文件
+      */
+    import type { VNode } from 'vue';
+    import type { Interfaces } from '@quickbi/bi-open';
+    export function createBIComponent({ element: RawComponent }: {
+        element: VNode;
+    }): {
+        bootstrap: Interfaces.LifecycleBootstrap<Interfaces.ComponentProps>;
+        mount: Interfaces.LifecycleMount<Interfaces.ComponentProps>;
+        unmount: Interfaces.LifecycleUnmount<Interfaces.ComponentProps>;
+        update: Interfaces.LifecycleUpdate<Interfaces.ComponentProps>;
+    };
+}
+

package/esm/index.mjs

@@ -0,0 +1,81 @@
+// src/basic/bi-open/packages/bi-open-vue-sdk/src/index.ts
+import { I18n, formatNumberWithConfig, formatNumber, LATEST_VERSION, revisal, OLDEST_VERSION, getRevisalRange } from "@quickbi/bi-open";
+
+// src/basic/bi-open/packages/bi-open-vue-sdk/src/wrapper.ts
+import { createApp, h } from "vue";
+function getRandId() {
+  return Math.random().toString(32).slice(2);
+}
+function createBIComponent(param) {
+  var RawComponent = param.element;
+  var instance = /* @__PURE__ */ new WeakMap();
+  var id = getRandId();
+  var CUSTOM_COMPONENT_CHANGE_EVENT = "CUSTOM_COMPONENT_CHANGE_EVENT_".concat(id);
+  var bootstrap = function() {
+  };
+  var mount = function(props) {
+    if (props.container) {
+      var vueInstance = createApp({
+        data: function data() {
+          return {
+            container: props.container,
+            customProps: props.customProps
+          };
+        },
+        mounted: function mounted() {
+          props.container.addEventListener(CUSTOM_COMPONENT_CHANGE_EVENT, this.handlePropsChange);
+        },
+        beforeUnmount: function beforeUnmount() {
+          props.container.removeEventListener(CUSTOM_COMPONENT_CHANGE_EVENT, this.handlePropsChange);
+        },
+        methods: {
+          handlePropsChange: function handlePropsChange(e) {
+            if (e.detail) {
+              this.customProps = e.detail;
+            }
+          }
+        },
+        render: function render() {
+          return h(RawComponent, {
+            container: this.container,
+            customProps: this.customProps
+          });
+        }
+      });
+      vueInstance.mount(props.container);
+      instance.set(props.container, vueInstance);
+    }
+  };
+  var update = function(props) {
+    if (props.container) {
+      props.container.dispatchEvent(new CustomEvent(CUSTOM_COMPONENT_CHANGE_EVENT, {
+        detail: props.customProps
+      }));
+    }
+  };
+  var unmount = function(props) {
+    if (props.container) {
+      var vueInstance = instance.get(props.container);
+      if (vueInstance) {
+        vueInstance.unmount();
+        instance.delete(props.container);
+      }
+    }
+  };
+  return {
+    bootstrap,
+    mount,
+    unmount,
+    update
+  };
+}
+export {
+  I18n,
+  LATEST_VERSION,
+  OLDEST_VERSION,
+  createBIComponent,
+  formatNumber,
+  formatNumberWithConfig,
+  getRevisalRange,
+  revisal
+};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@quickbi/bi-open-vue-sdk",
+  "version": "1.0.0",
+  "dependencies": {
+    "@quickbi/bi-open": "4.0.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "sideEffects": false,
+  "files": [
+    "esm",
+    "cjs",
+    "README.md"
+  ],
+  "author": "Quick BI team",
+  "peerDependencies": {
+    "vue": "^3.0.11"
+  },
+  "main": "./cjs/index.js",
+  "module": "./esm/index.mjs",
+  "browser": "./esm/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./esm/index.mjs",
+      "require": "./cjs/index.js",
+      "default": "./esm/index.mjs",
+      "types": "./esm/index.d.ts"
+    },
+    "./*.css": {
+      "import": "./esm/*.css",
+      "require": "./cjs/*.css",
+      "default": "./esm/*.css"
+    }
+  },
+  "revisalInfo": {
+    "version": "4.1"
+  }
+}