hzerojs-plugin-yqcloud-jssdk 1.0.0

package/browsers/components/test-layout-header-extra.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const TestLayoutHeaderExtra = () => {
+    return <div style={{color: '#fff', border: '1px solid red'}}>testLayoutHeaderExtra</div>
+}
+
+export default TestLayoutHeaderExtra;

package/browsers/hzero-layouts/horizontal-layout.tsx

@@ -0,0 +1,61 @@
+// @ts-ignore
+import { useModel } from 'umi';
+import React, { useMemo } from 'react';
+import { Layout } from 'choerodon-ui';
+// import { useLayoutController } from '@hzerojs/plugin-layout/lib/clients/HzeroLayout/hooks';
+// @ts-ignore
+import layoutCommonStyles from './styles.less';
+// import { Mode } from '../../../src';
+
+export interface HorizontalLayoutProps {
+  children: JSX.Element;
+  /** 完整路由表 */
+  // routes: IRoute[];
+  /** 当前层级路由表 */
+  // route: IRoute;
+}
+
+export default function HorizontalLayout(props: HorizontalLayoutProps) {
+  const { children } = props;
+
+  const layoutController = useModel('hzeroLayout');
+
+  const routes = useMemo(() => layoutController.getRoutes(), [
+    layoutController.routerData,
+  ]);
+
+  return (
+    <Layout style={{ height: '100vh' }}>
+      <Layout.Sider width={220}>
+        <Layout>
+          <Layout.Header
+            className={layoutCommonStyles['layout-header']}
+            style={{ padding: '0' }}
+          >
+            <h2 style={{ height: '100%', color: '#fff' }}>
+              🚀 hzerojs3 horizontal 布局
+            </h2>
+          </Layout.Header>
+          <Layout.Content className={layoutCommonStyles['layout-content']}>
+            <div style={{ height: '100%', overflowY: 'scroll' }}>
+              路由菜单组件
+            </div>
+          </Layout.Content>
+        </Layout>
+      </Layout.Sider>
+      <Layout.Content style={{ zIndex: 1 }}>
+        <Layout>
+          <Layout.Header
+            className={layoutCommonStyles['layout-header']}
+            style={{ color: '#fff', padding: '0' }}
+          >
+            header
+          </Layout.Header>
+          <Layout.Content className={layoutCommonStyles['layout-content']}>
+           {children}
+          </Layout.Content>
+        </Layout>
+      </Layout.Content>
+    </Layout>
+  );
+}

package/browsers/hzero-layouts/styles.less

@@ -0,0 +1,14 @@
+
+.layout-content {
+  height: calc(100vh - 48px);
+  background-color: #f0f2f5;
+  overflow-x: visible;
+  // overflow-y: visible;
+  // z-index: 0;
+  // overflow-x: hidden;
+}
+
+.layout-header {
+  height: 48px;
+  line-height: 48px;
+}

package/browsers/pages/test-page2.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const TestPage2 = () => {
+    return <div>TestPage2</div>
+}
+
+export default TestPage2;

package/lib/index.css

@@ -0,0 +1,3 @@
+.yqcloud-hzero-jssdk-popover .c7n-popover-inner-content{
+    padding: 0;
+}

package/lib/index.js

@@ -0,0 +1,131 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = __toESM(require("react"));
+var import_modal = __toESM(require("choerodon-ui/pro/es/modal"));
+var import_menu = __toESM(require("choerodon-ui/pro/es/menu"));
+var import_popover = __toESM(require("choerodon-ui/es/popover"));
+var import_button = __toESM(require("choerodon-ui/pro/es/button"));
+var import_axios = __toESM(require("axios"));
+var import_index = require("./index.css");
+var YQ_API_HOST = "https://api.test.yqcloud.com";
+var src_default = (props) => {
+  var _a, _b;
+  const { token, entryDetail, apiHost = YQ_API_HOST } = props;
+  debugger;
+  const eleRef = import_react.default.useRef(null);
+  const [appConfig, setAppConfig] = import_react.default.useState(false);
+  const [isVisible, setIsVisble] = import_react.default.useState(false);
+  import_react.default.useEffect(() => {
+    let observer = null;
+    if (eleRef.current && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype) {
+      observer = new IntersectionObserver((entries) => {
+        if (entries[0].intersectionRatio === 1) {
+          setIsVisble(true);
+        } else {
+          setIsVisble(false);
+        }
+      });
+      ;
+      observer.observe(eleRef.current);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+    };
+  }, []);
+  import_react.default.useEffect(() => {
+    if (isVisible) {
+      console.log("悬浮窗展开了");
+    } else {
+      console.log("悬浮窗收起了");
+    }
+  }, [isVisible]);
+  (0, import_react.useEffect)(() => {
+    const url = `${apiHost}/iam/yqc/open_apps/quick/${token}`;
+    (0, import_axios.default)(url).then(function(jsonData) {
+      try {
+        if (jsonData && jsonData.failed) {
+          console.log("【YQCloud】:", jsonData.message);
+        } else {
+          const appConfig2 = JSON.parse(jsonData.jsonConfig);
+          setAppConfig(appConfig2);
+          console.log("【YQCloud】解析配置成功:", appConfig2);
+        }
+      } catch (e) {
+        console.log("【YQCloud】解析配置失败:", e, res);
+      }
+    });
+  }, [isVisible]);
+  const openModal = async (openFunction) => {
+    const secret = await import_axios.default.get("/iam/v1/zknow/encrypt/quick");
+    const authUrl = `${apiHost}/oauth/public/quick_authentication?token=${token}`;
+    const res2 = await import_axios.default.post(authUrl, {
+      secret
+      // code,
+    });
+    const modal = import_modal.default.open({
+      // title: '测试',
+      maskClosable: true,
+      bodyStyle: {
+        width: (openFunction == null ? void 0 : openFunction.viewSize) || 800,
+        padding: 0,
+        height: "100%",
+        overflow: "hidden"
+      },
+      style: {
+        // top: 50,
+      },
+      contentStyle: {
+        width: (openFunction == null ? void 0 : openFunction.viewSize) || 800,
+        height: "calc(100vh - 100px)"
+      },
+      header: null,
+      children: /* @__PURE__ */ import_react.default.createElement("iframe", { id: "yq-sdk-frame", style: { width: "100%", height: "100%" }, src: `${openFunction.link}&redirectFlag&access_token=${res2.accessToken}&token_type=bearer`, frameborder: "0" }),
+      footer: null
+    });
+    function closeModal(e) {
+      if (e.data === "yq_close_modal") {
+        modal.close();
+        window.removeEventListener("message", closeModal);
+      }
+    }
+    window.addEventListener("message", closeModal);
+  };
+  const menu = /* @__PURE__ */ import_react.default.createElement(import_menu.default, null, (_a = appConfig == null ? void 0 : appConfig.openFunctions) == null ? void 0 : _a.map((openFunction) => /* @__PURE__ */ import_react.default.createElement(import_menu.default.Item, { onClick: () => openModal(openFunction) }, /* @__PURE__ */ import_react.default.createElement("img", { style: { width: 18, height: 18, marginRight: 10 }, src: `${apiHost}/hfle/yqc/v1/0/files/download-by-key?fileKey=${openFunction.icon}`, alt: "" }), openFunction.displayName)));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "yqcloud-hzero-jssdk", ref: eleRef }, ((_b = appConfig == null ? void 0 : appConfig.openFunctions) == null ? void 0 : _b.length) === 1 ? /* @__PURE__ */ import_react.default.createElement(import_button.default, { onClick: () => openModal(appConfig == null ? void 0 : appConfig.openFunctions[0]) }, (appConfig == null ? void 0 : appConfig.displayName) || (appConfig == null ? void 0 : appConfig.name)) : /* @__PURE__ */ import_react.default.createElement(import_popover.default, { overlayClassName: "yqcloud-hzero-jssdk-popover", overlayStyle: { padding: 0 }, openClassName: "yqcloud-hzero-jssdk-popover", content: menu, placement: "left" }, /* @__PURE__ */ import_react.default.createElement(import_button.default, { style: { padding: 0 } }, /* @__PURE__ */ import_react.default.createElement("img", { style: { width: 18, height: 18, marginRight: 10 }, src: `${apiHost}/hfle/yqc/v1/0/files/download-by-key?fileKey=${appConfig.icon}`, alt: "" }), entryDetail.entryName || (appConfig == null ? void 0 : appConfig.displayName) || (appConfig == null ? void 0 : appConfig.name))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/util.js

@@ -0,0 +1,31 @@
+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/util.ts
+var util_exports = {};
+__export(util_exports, {
+  sayHello: () => sayHello
+});
+module.exports = __toCommonJS(util_exports);
+function sayHello() {
+  console.log("Hello World.");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sayHello
+});

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "hzerojs-plugin-yqcloud-jssdk",
+  "version": "1.0.0",
+  "main": "lib/index.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "npx father build"
+  },
+  "dependencies": {
+    "choerodon-ui": "^1.6.1-yqcloud-alpha.2",
+    "react": "^16.14.0"
+  },
+  "files": [
+    "lib",
+    "browsers"
+  ]
+}