feat: 新增管理端demo代码

feat: 补充遗漏的文件

fix: 移除license

magic-admin/web/src/util/request.ts

@@ -0,0 +1,184 @@
+/*
+ * Tencent is pleased to support the open source community by making MagicEditor available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
+import axiosJsonp from 'axios-jsonp';
+
+interface ReqOptions<T> {
+  url?: string;
+  method?: 'GET' | 'POST';
+  headers?: Record<string, any>;
+  withCredentials?: boolean;
+  json?: boolean;
+  cache?: boolean;
+  mode?: string;
+  _a?: string;
+  _c?: string;
+  data?: string | T;
+  timeout?: number;
+  [key: string]: any;
+}
+
+export interface OrderItem {
+  columnName: string;
+  direction: string;
+}
+
+/**
+ * 多条数据的请求参数
+ */
+export interface Query {
+  // 排序
+  orderBy: OrderItem[];
+  // 分页时，当前页数
+  pgIndex: number;
+  // 分页时，当前总数据数
+  pgSize: number;
+  // 其他过滤数据
+  query?: string;
+  [key: string]: any;
+}
+
+/**
+ * 单条数据
+ */
+export interface Res<T = any> {
+  ret: number;
+  msg: string;
+  data?: T;
+}
+
+/**
+ * 多条数据
+ */
+export interface ListRes<T> {
+  ret: number;
+  msg: string;
+  data?: T[];
+  total?: number;
+}
+
+// 缓存数据，当设置了cache为true时启用
+const cacheDataMap: Record<string, any> = {};
+// 缓存请求，用于同一个请求连续发起时
+const cacheRequestMap: Record<string, any> = {};
+
+// 将json数据转换为key=value形式
+const json2url = function (json: { [key: string]: any }): string {
+  const arr: string[] = [];
+
+  Object.entries(json).forEach(([i, item]) => arr.push(`${i}=${item}`));
+
+  return arr.join('&');
+};
+
+const base = '/api';
+const requestFuc = function <T>(options: ReqOptions<T>) {
+  const method = (options.method || 'POST').toLocaleUpperCase();
+
+  const url = `${base}/${options._c}/${options._a}`;
+  delete options._a;
+  delete options._c;
+
+  let body = null;
+  if (options.json === true) {
+    try {
+      body = JSON.stringify(options.data);
+    } catch (e) {
+      console.error('options.data cannot transform to a json string');
+    }
+  } else if (typeof options.data === 'string') {
+    body = `data=${options.data}`;
+  } else if (options.data) {
+    body = `data=${encodeURIComponent(JSON.stringify(options.data))}`;
+  } else if (!options.url) {
+    body = json2url(options);
+  }
+
+  const config = {
+    ...options,
+    url,
+    headers: Object.assign(
+      {
+        Accept: 'application/json, text/javascript, */*',
+        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+      },
+      options.json === true
+        ? {
+            'Content-Type': 'application/json',
+          }
+        : {},
+      options.headers || {},
+    ),
+    withCredentials: options.withCredentials ?? true,
+    mode: options.mode || 'no-cors',
+    data: method === 'POST' ? body : null,
+    responseType: 'json',
+  };
+
+  const storageKey = `m-fetch-post-cache://${url}?${body}`;
+
+  if (options.cache && cacheDataMap[storageKey]) {
+    return Promise.resolve(cacheDataMap[storageKey]);
+  }
+
+  if (cacheRequestMap[storageKey]) {
+    return new Promise((resolve) => {
+      cacheRequestMap[storageKey].push(resolve);
+    });
+  }
+  cacheRequestMap[storageKey] = [];
+
+  return axios
+    .request(config as AxiosRequestConfig)
+    .then((response) => {
+      if (cacheRequestMap[storageKey]?.length) {
+        cacheRequestMap[storageKey].forEach((resolve: (arg0: AxiosResponse<any>) => any) => resolve(response));
+      }
+      delete cacheRequestMap[storageKey];
+
+      if (options.cache) {
+        cacheDataMap[storageKey] = response;
+      }
+
+      return response;
+    })
+    .catch((error) => {
+      console.error(error);
+    });
+};
+
+export default {
+  request<T>(opitons: ReqOptions<T>): Promise<AxiosResponse<Res>> {
+    return requestFuc(opitons);
+  },
+
+  post<T>(options: ReqOptions<T>): Promise<Res & any> {
+    options.method = 'POST';
+    return requestFuc(options).then((response) => response?.data);
+  },
+
+  get<T>(options: ReqOptions<T>): Promise<Res> {
+    options.method = 'GET';
+    return requestFuc(options).then((response) => response?.data);
+  },
+
+  jsonp<T>(options: ReqOptions<T>): Promise<Res> {
+    return axiosJsonp(options).then((res) => res.data);
+  },
+};

magic-admin/web/src/util/set-env.ts

@@ -0,0 +1,29 @@
+/*
+ * Tencent is pleased to support the open source community by making MagicEditor available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import Cookies from 'js-cookie';
+
+import { getUrlParam } from '@src/util/url';
+
+const env = getUrlParam('magic_env');
+if (env) {
+  Cookies.set('env', env === 'test' ? env : 'production', {
+    expires: 365,
+    path: '/',
+  });
+}

magic-admin/web/src/util/url.ts

@@ -0,0 +1,38 @@
+/*
+ * Tencent is pleased to support the open source community by making MagicEditor available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export const filterXSS = function (str: string): string {
+  return str.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&apos;');
+};
+
+export const getUrlParam = function (p: string, url?: string): string {
+  const u = url || location.href;
+  const reg = new RegExp(`[?&#]${p}=([^&#]+)`, 'gi');
+
+  const matches = u.match(reg);
+  let strArr;
+  if (matches && matches.length > 0) {
+    strArr = matches[matches.length - 1].split('=');
+    if (strArr && strArr.length > 1) {
+      // 过滤XSS字符
+      return filterXSS(strArr[1]);
+    }
+    return '';
+  }
+  return '';
+};

magic-admin/web/src/util/utils.ts

@@ -0,0 +1,44 @@
+/*
+ * Tencent is pleased to support the open source community by making MagicEditor available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import momentTimezone from 'moment-timezone';
+import serialize from 'serialize-javascript';
+
+import { EditorInfo } from '@src/typings';
+
+export const datetimeFormatter = function (v: string | number | Date): string {
+  if (v) {
+    let time = null;
+    time = momentHandler(v);
+    // 格式化为北京时间
+    if (time !== 'Invalid date') {
+      return time;
+    }
+    return '-';
+  }
+  return '-';
+};
+const momentHandler = (v: string | number | Date) =>
+  momentTimezone.tz(v, 'Asia/Shanghai').format('YYYY-MM-DD HH:mm:ss');
+
+export const serializeConfig = function (value: EditorInfo): string {
+  return serialize(value, {
+    space: 2,
+    unsafe: true,
+  }).replace(/"(\w+)":\s/g, '$1: ');
+};