@ajaxjs/ui 1.2.5 → 1.2.7

package/dist/iam/iam.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 获取登录信息
+ *
+ * @returns 用户 JWT
+ */
+export default function getLoginInfo(loginUrl: string, thisPageUrl: string): any;

package/dist/iam/iam.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 获取登录信息
+ *
+ * @returns 用户 JWT
+ */
+function getLoginInfo(loginUrl, thisPageUrl) {
+    const token = getQueryParam("token", false);
+    let accessToken = localStorage.getItem("accessToken");
+    if (!accessToken && !token) {
+        console.log('你未登录！');
+        let target = `${loginUrl}?web_url=${encodeURIComponent(thisPageUrl)}`;
+        confirm('你未登录。是否跳转到登录页面？') && location.assign(target);
+        return;
+    }
+    if (token) {
+        accessToken = decodeURIComponent(token);
+        localStorage.setItem("accessToken", accessToken);
+        // 只需要第一次的参数，之后不需要，现在清除       
+        const url = new URL(location.href); // 创建一个包含查询参数的URL
+        const params = new URLSearchParams(url.search); // 获取URL中的查询参数
+        params.delete('token'); // 删除名为'b'的参数
+        url.search = params.toString(); // 更新URL的查询参数
+        location.assign(url.href);
+    }
+    // window.JWT_TOKEN = JSON.parse(accessToken);
+    // 将 JWT Token 拆分为三个部分
+    const tokenParts = accessToken.split('.');
+    const payload = JSON.parse(atob(tokenParts[1])); // 解析载荷
+    return payload;
+}
+exports.default = getLoginInfo;
+function getQueryParam(variable, isParent) {
+    var query = (isParent ? parent.location : window.location).search.substring(1);
+    var vars = query.split("&");
+    for (var i = 0; i < vars.length; i++) {
+        var pair = vars[i].split("=");
+        if (pair[0] == variable)
+            return pair[1];
+    }
+    return null;
+}
+//# sourceMappingURL=iam.js.map

package/dist/iam/iam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iam.js","sourceRoot":"","sources":["../../src/iam/iam.ts"],"names":[],"mappings":";;AAAA;;;;GAIG;AACH,SAAwB,YAAY,CAAC,QAAgB,EAAE,WAAmB;IACtE,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC5C,IAAI,WAAW,GAAW,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAE9D,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;QACxB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACrB,IAAI,MAAM,GAAW,GAAG,QAAQ,YAAY,kBAAkB,CAAC,WAAW,CAAC,EAAE,CAAC;QAE9E,OAAO,CAAC,iBAAiB,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEtD,OAAO;KACV;IAED,IAAI,KAAK,EAAE;QACP,WAAW,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACxC,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QAEjD,8BAA8B;QAC9B,MAAM,GAAG,GAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB;QAC1D,MAAM,MAAM,GAAoB,IAAI,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA,cAAc;QAC9E,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA,aAAa;QACpC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA,aAAa;QAE5C,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KAC7B;IAED,8CAA8C;IAE9C,sBAAsB;IACtB,MAAM,UAAU,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;IAExD,OAAO,OAAO,CAAC;AACnB,CAAC;AAjCD,+BAiCC;AAED,SAAS,aAAa,CAAC,QAAgB,EAAE,QAAiB;IACtD,IAAI,KAAK,GAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvF,IAAI,IAAI,GAAa,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,IAAI,IAAI,GAAa,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAExC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,QAAQ;YACnB,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;KACtB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/iam/iam.ts

@@ -0,0 +1,53 @@
+/**
+ * 获取登录信息
+ * 
+ * @returns 用户 JWT
+ */
+export default function getLoginInfo(loginUrl: string, thisPageUrl: string): any {
+    const token = getQueryParam("token", false);
+    let accessToken: string = localStorage.getItem("accessToken");
+
+    if (!accessToken && !token) {
+        console.log('你未登录！');
+        let target: string = `${loginUrl}?web_url=${encodeURIComponent(thisPageUrl)}`;
+
+        confirm('你未登录。是否跳转到登录页面？') && location.assign(target);
+
+        return;
+    }
+
+    if (token) {
+        accessToken = decodeURIComponent(token);
+        localStorage.setItem("accessToken", accessToken);
+
+        // 只需要第一次的参数，之后不需要，现在清除       
+        const url: URL = new URL(location.href); // 创建一个包含查询参数的URL
+        const params: URLSearchParams = new URLSearchParams(url.search);// 获取URL中的查询参数
+        params.delete('token');// 删除名为'b'的参数
+        url.search = params.toString();// 更新URL的查询参数
+
+        location.assign(url.href);
+    }
+
+    // window.JWT_TOKEN = JSON.parse(accessToken);
+
+    // 将 JWT Token 拆分为三个部分
+    const tokenParts: string[] = accessToken.split('.')
+    const payload = JSON.parse(atob(tokenParts[1])); // 解析载荷
+
+    return payload;
+}
+
+function getQueryParam(variable: string, isParent: boolean): string | null {
+    var query: string = (isParent ? parent.location : window.location).search.substring(1);
+    var vars: string[] = query.split("&");
+
+    for (var i: number = 0; i < vars.length; i++) {
+        var pair: string[] = vars[i].split("=");
+
+        if (pair[0] == variable)
+            return pair[1];
+    }
+
+    return null;
+}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import iViewListCommon from './iView-ext/fast-iview-table/fast-iview-table.vue';
+import IAM from './iam/iam';
 /**
  * 暴露各个组件
  */
@@ -36,5 +37,20 @@ declare const _default: {
         copyBeanClean(bean: {}): {};
     };
     iViewListCommon: import("vue").VueConstructor<iViewListCommon<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => iViewListCommon<Record<string, any>, Record<string, any>, never, never, any>>>;
+    DataSource: {
+        data(): {};
+        mounted(): void;
+        methods: {
+            active(item: any): void;
+            getList(cb: any): void;
+            add(): void;
+            create(): void;
+            update(): void;
+            del(id: any, name: any): void;
+            test(): void;
+        };
+    };
+    TableSelector: import("vue").VueConstructor<iViewListCommon<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => iViewListCommon<Record<string, any>, Record<string, any>, never, never, any>>>;
+    IAM: typeof IAM;
 };
 export default _default;

package/dist/index.js

@@ -10,10 +10,13 @@ const list_1 = __importDefault(require("./iView-ext/fast-iview-table/list"));
 const fast_iview_table_vue_1 = __importDefault(require("./iView-ext/fast-iview-table/fast-iview-table.vue"));
 const index_vue_1 = __importDefault(require("./api-selector/index.vue"));
 const index_vue_2 = __importDefault(require("./api-helper/index.vue"));
+const data_source_1 = __importDefault(require("./data-source/data-source"));
+const table_selector_vue_1 = __importDefault(require("./table-selector/table-selector.vue"));
+const iam_1 = __importDefault(require("./iam/iam"));
 /**
  * 暴露各个组件
  */
 exports.default = {
-    ApiHelper: index_vue_2.default, ApiSelector: index_vue_1.default, Fast_iViewTable: list_1.default, iViewListCommon: fast_iview_table_vue_1.default
+    ApiHelper: index_vue_2.default, ApiSelector: index_vue_1.default, Fast_iViewTable: list_1.default, iViewListCommon: fast_iview_table_vue_1.default, DataSource: data_source_1.default, TableSelector: table_selector_vue_1.default, IAM: iam_1.default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,wCAAwC;AACxC,kDAAkD;;;;;AAElD,6EAAgE;AAChE,6GAAgF;AAChF,yEAAmD;AACnD,uEAA+C;AAE/C;;GAEG;AACH,kBAAe;IACX,SAAS,EAAT,mBAAS,EAAE,WAAW,EAAX,mBAAW,EAAE,eAAe,EAAf,cAAe,EAAE,eAAe,EAAf,8BAAe;CAC3D,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,wCAAwC;AACxC,kDAAkD;;;;;AAElD,6EAAgE;AAChE,6GAAgF;AAChF,yEAAmD;AACnD,uEAA+C;AAC/C,4EAAmD;AACnD,6FAAgE;AAChE,oDAA4B;AAE5B;;GAEG;AACH,kBAAe;IACX,SAAS,EAAT,mBAAS,EAAE,WAAW,EAAX,mBAAW,EAAE,eAAe,EAAf,cAAe,EAAE,eAAe,EAAf,8BAAe,EAAE,UAAU,EAAV,qBAAU,EAAE,aAAa,EAAb,4BAAa,EAAE,GAAG,EAAH,aAAG;CAC3F,CAAC"}

package/dist/index.ts

@@ -6,10 +6,13 @@ import Fast_iViewTable from './iView-ext/fast-iview-table/list';
 import iViewListCommon from './iView-ext/fast-iview-table/fast-iview-table.vue';
 import ApiSelector from './api-selector/index.vue';
 import ApiHelper from './api-helper/index.vue';
+import DataSource from './data-source/data-source';
+import TableSelector from './table-selector/table-selector.vue';
+import IAM from './iam/iam';
 
 /**
  * 暴露各个组件
  */
 export default {
-    ApiHelper, ApiSelector, Fast_iViewTable, iViewListCommon
+    ApiHelper, ApiSelector, Fast_iViewTable, iViewListCommon, DataSource, TableSelector, IAM
 };

package/dist/table-selector/table-selector.vue

@@ -0,0 +1,180 @@
+<template>
+  <div class="table-selector">
+    <Row style="margin:20px 0;" type="flex" justify="center" align="middle">
+      <i-Col v-if="isCrossDb" span="6" style="padding-right:10px;">
+        <i-Select placeholder="请选择数据库名" v-model="databaseName">
+          <i-Option v-for="d in databaseList" :key="d" :value="d">{{d}}</i-Option>
+        </i-Select>
+      </i-Col>
+      <i-Col :span="isCrossDb ? 6 : 12">
+        <i-Input search enter-button placeholder="按表名模糊搜索" @on-keyup="search" ref="inputEl"></i-Input>
+      </i-Col>
+      <i-Col span="12">
+        &nbsp;&nbsp;&nbsp;<a @click="resetData">重置</a>
+      </i-Col>
+    </Row>
+
+    <i-Table :columns="list_column" :data="data" width="100%" @on-selection-change="onSelect" max-height="300" :loading="loading" class="table-selector-table">
+      <template slot-scope="{row}" slot="select">
+        <a @click="$emit('on-select', row, databaseName)">选择</a>
+      </template>
+    </i-Table>
+    <br />
+
+    <div class="ivu-mt ivu-text-right" v-if="!isFilter">
+      <Page :total="total" :current.sync="current" show-total :page-size="pageSize" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { xhr_get, getPageList } from '@ajaxjs/util/dist/util/xhr';
+
+// 选择表
+export default {
+  data() {
+    return {
+      // isCrossDb: false,
+      list_column: [
+        {
+          title: "#",
+          // key: 'id',
+          width: 60,
+          type: "index",
+          // type: 'selection'
+        },
+        {
+          title: "表名",
+          key: "tableName",
+        },
+        {
+          title: "说明",
+          key: "comment",
+        },
+        {
+          title: "操作",
+          slot: "select",
+        },
+      ],
+      listData: [], // 显示数据
+      data: [], // 全部数据
+      total: 0,
+      current: 1,
+      pageSize: 5,
+      isFilter: false,
+      start: 0,
+      searchKeyword: "",
+      loading: false,
+      databaseList: [],
+      databaseName: "",
+    };
+  },
+  props: {
+    isCrossDb: { type: Boolean, required: true },
+    dataSourceId: { type: Number, required: true },
+  },
+  mounted() {
+    // this.isCrossDb = true;
+    this.getData();
+  },
+  methods: {
+    getData() {
+      this.loading = true;
+      let url =`${window.config.dsApiRoot}/datasource/${this.dataSourceId}/get_all_tables?start=${this.start}&limit=${this.pageSize}`;
+      // let url = `${DS_CONFIG.API_ROOT}/admin0/${this.dataSourceId}/getAllTables?start=${this.start}&limit=${this.pageSize}`;
+
+      if (this.searchKeyword) url += `&tableName=${this.searchKeyword}`;
+      if (this.databaseName) url += `&dbName=${this.databaseName}`;
+
+     xhr_get(url, (j) => {
+        if (j.status) {
+          this.data = j.data.rows;
+          this.total = j.data.total;
+        } else this.$Message.error(j.message);
+
+        this.loading = false;
+      });
+    },
+    handleChangePageSize() {
+      let start = (this.current - 1) * this.pageSize,
+        end = start + this.pageSize;
+
+      this.listData = this.data.slice(start, end);
+    },
+    onSelect(arr) {
+      arr.forEach((item) => {
+        this.data.forEach((_item) => {});
+      });
+    },
+    resetData() {
+      this.searchKeyword = "";
+
+      this.start = 0;
+      this.getData();
+      this.$refs.inputEl.$el.querySelector("input").value = "";
+    },
+    search(ev) {
+      let input = ev.target,
+        v = input.value;
+
+      if (v) {
+        this.searchKeyword = v;
+        this.start = 0;
+        this.current = 1;
+        this.getData();
+      }
+    },
+    onkeypress(ev) {
+      let input = ev.target,
+        v = input.value;
+
+      if (v) {
+        this.isFilter = true;
+        let arr = this.data.filter((item) => item.tableName.indexOf(v) != -1);
+        this.listData = arr;
+      } else {
+        this.resetData();
+      }
+    },
+  },
+  watch: {
+    /**
+     * 分页
+     *
+     * @param v
+     */
+    current(v) {
+      this.start = (v - 1) * this.pageSize;
+      this.getData();
+    },
+    dataSourceId(id) {
+      if (id) {
+        if (this.isCrossDb)
+          aj.xhr.get(
+            `${DS_CONFIG.API_ROOT}/admin/${this.dataSourceId}/get_databases`,
+            (j) => {
+              if (j.status) {
+                // 过滤 mysql 自带的库
+                let not = ["information_schema", "performance_schema", "sys", "mysql"];
+                let arr = j.data.filter((db) => !not.includes(db));
+                this.databaseList = arr;
+
+                // 默认选中第一个
+                this.start = 0;
+                this.current = 1;
+                this.databaseName = arr[0];
+              } else this.$Message.error(j.message);
+            }
+          );
+        else {
+          this.databaseName = null;
+          this.getData();
+        }
+      }
+    },
+    databaseName(v) {
+      this.getData(); // 会重复请求
+    },
+  },
+};
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajaxjs/ui",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Widgets based on iView.js",
   "repository": {
     "type": "git",