@quansitech/antd-admin 1.1.0 → 1.1.2

package/dist/lib/upload.js

@@ -0,0 +1,215 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import http from "./http";
+import { AxiosError } from "axios";
+import { message, Upload } from "antd";
+import { md5 } from "js-md5";
+export function customRequest(_x) {
+  return _customRequest.apply(this, arguments);
+}
+function _customRequest() {
+  _customRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(options) {
+    var _options$file;
+    var policyRes, formData, url, key, res, _e$response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return http({
+            url: options.action,
+            method: 'get',
+            headers: options.headers,
+            fetchOptions: {
+              noHandle: true
+            },
+            params: {
+              title: options.file.name,
+              hash_id: options.file.hash_id,
+              file_type: ((_options$file = options.file) === null || _options$file === void 0 ? void 0 : _options$file.type) || ''
+            }
+          });
+        case 2:
+          policyRes = _context.sent;
+          if (!policyRes.data.status) {
+            _context.next = 6;
+            break;
+          }
+          options.onSuccess && options.onSuccess(_objectSpread(_objectSpread({}, policyRes.data), {}, {
+            url: policyRes.data.url || policyRes.data.file_url
+          }));
+          return _context.abrupt("return");
+        case 6:
+          formData = new FormData();
+          url = '';
+          if (policyRes.data.server_url) {
+            url = policyRes.data.server_url;
+          } else if (policyRes.data.url) {
+            url = policyRes.data.url;
+          }
+          if (policyRes.data.params) {
+            for (key in policyRes.data.params) {
+              formData.append(key, policyRes.data.params[key]);
+            }
+          }
+          formData.append('file', options.file);
+          _context.prev = 11;
+          _context.next = 14;
+          return http({
+            url: url,
+            method: 'post',
+            data: formData,
+            fetchOptions: {
+              noHandle: true
+            },
+            headers: options.headers,
+            onUploadProgress: function onUploadProgress(ev) {
+              options.onProgress && options.onProgress({
+                percent: (ev.progress || 0) * 100
+              });
+            }
+          });
+        case 14:
+          res = _context.sent;
+          if (!res.data.info) {
+            _context.next = 19;
+            break;
+          }
+          message.error(res.data.info);
+          options.onError && options.onError(new Error(res.data.info), res.data);
+          return _context.abrupt("return");
+        case 19:
+          options.onSuccess && options.onSuccess(_objectSpread(_objectSpread({}, res.data), {}, {
+            url: res.data.url || res.data.file_url
+          }));
+          _context.next = 27;
+          break;
+        case 22:
+          _context.prev = 22;
+          _context.t0 = _context["catch"](11);
+          if (_context.t0 instanceof AxiosError) {
+            options.onError && options.onError(_context.t0, (_e$response = _context.t0.response) === null || _e$response === void 0 ? void 0 : _e$response.data);
+          }
+          if (_context.t0 instanceof Error) {
+            options.onError && options.onError({
+              name: _context.t0.name,
+              message: _context.t0.message,
+              method: options.method,
+              url: options.action
+            });
+          }
+          throw _context.t0;
+        case 27:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[11, 22]]);
+  }));
+  return _customRequest.apply(this, arguments);
+}
+export function getBase64(file) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function () {
+      return resolve(reader.result);
+    };
+    reader.onerror = function (error) {
+      return reject(error);
+    };
+  });
+}
+
+/**
+ * 计算文件MD5
+ * https://github.com/quansitech/file-md5-wasm/blob/master/js/calc_file_hash.js
+ * @param file
+ */
+export function calc_file_hash(file) {
+  var MD5_RANGE_SIZE = 10 * 1024 * 1024;
+  var CUT_LIMIT = 40 * 1024 * 1024;
+  function makeMd5Range(fileSize) {
+    if (CUT_LIMIT > fileSize) {
+      return [[0, fileSize]];
+    }
+
+    // MD5_RANGE_SIZE设置为10
+    var first = [0.0, MD5_RANGE_SIZE];
+    var last = [fileSize - MD5_RANGE_SIZE, fileSize];
+
+    // 中间段算法
+    var rangeMod = fileSize - 3.0 * MD5_RANGE_SIZE;
+    var midStart = fileSize % rangeMod;
+    var middle = [MD5_RANGE_SIZE + midStart, MD5_RANGE_SIZE + midStart + MD5_RANGE_SIZE];
+    return [first, middle, last];
+  }
+  return new Promise(function (resolve, reject) {
+    var fileSize = file.size;
+    var range = makeMd5Range(fileSize);
+    var index = 0;
+    var hash = md5.create(); // 创建MD5哈希对象
+
+    var reader = new FileReader();
+    reader.onload = function (e) {
+      var _e$target;
+      // 处理当前分块的读取结果
+      var chunkData = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result;
+      hash.update(chunkData); // 更新哈希计算结果
+
+      if (index < range.length - 1) {
+        index++;
+        readNextChunk(range, index);
+      } else {
+        var fileMD5 = hash.hex(); // 计算文件的最终MD5哈希值
+
+        resolve(fileMD5);
+      }
+    };
+    reader.onerror = function (e) {
+      reject(e);
+    };
+    function readNextChunk(chunkRange, index) {
+      var chunk = file.slice(chunkRange[index][0], chunkRange[index][1]);
+      reader.readAsArrayBuffer(chunk);
+    }
+    readNextChunk(range, index);
+  });
+}
+export function beforeUpload(_x2, _x3, _x4) {
+  return _beforeUpload.apply(this, arguments);
+}
+function _beforeUpload() {
+  _beforeUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file, fileList, allFileList) {
+    var f;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return calc_file_hash(file);
+        case 2:
+          file.hash_id = _context2.sent;
+          f = allFileList.filter(function (item) {
+            return !!item.hash_id;
+          }).find(function (item) {
+            return item.hash_id === file.hash_id;
+          });
+          if (!f) {
+            _context2.next = 7;
+            break;
+          }
+          message.error(file.name + '文件已上传');
+          return _context2.abrupt("return", Upload.LIST_IGNORE);
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _beforeUpload.apply(this, arguments);
+}

package/dist/lib/writeExtra.d.ts

@@ -0,0 +1 @@
+export default function (): void;

package/dist/lib/writeExtra.js

@@ -0,0 +1,28 @@
+import fs from "node:fs";
+import path from "node:path";
+import * as process from "node:process";
+export default function () {
+  // 分析额外组件
+  if (!fs.existsSync(process.cwd() + '/vendor')) {
+    throw new Error('Please run `composer install` first.');
+  }
+  var installed = JSON.parse(fs.readFileSync(process.cwd() + '/vendor/composer/installed.json').toString());
+  var extras = installed.packages.filter(function (p) {
+    var _p$extra;
+    return !!((_p$extra = p.extra) !== null && _p$extra !== void 0 && (_p$extra = _p$extra.qscmf) !== null && _p$extra !== void 0 && _p$extra['antd-admin']);
+  }).map(function (p) {
+    return {
+      name: p.name,
+      path: p['install-path'],
+      component: p.extra.qscmf['antd-admin'].component
+    };
+  });
+  var extra_script = "\nimport {container} from \"@quansitech/antd-admin\";\n\n".concat(extras.map(function (e) {
+    var cs = [];
+    for (var componentKey in e.component) {
+      cs.push("container.register('".concat(componentKey, "', () => import('../../../vendor").concat(path.join('/', e.path, e.component[componentKey]), "'));"));
+    }
+    return cs.join('\n');
+  }), "\n");
+  fs.writeFileSync(process.cwd() + '/resources/js/backend/extra.ts', extra_script);
+}

package/dist/types.d.ts

@@ -0,0 +1,25 @@
+type RequestOptions = {
+    url: string,
+    method: string,
+    data?: Record<string, any>,
+    confirm?: string | boolean,
+    afterAction?: string[],
+    headers?: Record<string, string>,
+}
+
+type Condition = {
+    field: string,
+    operator: string,
+    value: any
+}
+
+type ModalOptions = {
+    tableContext: TableContext,
+    contexts?: Record<string, any>
+    title?: string,
+    content: {
+        type: 'form' | 'table',
+        props?: any,
+        url?: string,
+    },
+}

package/package.json

@@ -1,26 +1,32 @@
 {
   "name": "@quansitech/antd-admin",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "files": [
-    "components",
-    "lib"
+    "dist"
   ],
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev"
+  },
   "dependencies": {
     "@ant-design/pro-components": "^2.7.15",
     "@inertiajs/react": "^1.2.0",
     "antd": "^5.20.5",
     "antd-img-crop": "^4.23.0",
     "axios": "^1.7.7",
-    "lodash": "^4.17.21",
+    "es-toolkit": "^1.26.1",
+    "js-md5": "^0.8.3",
     "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "js-md5": "^0.8.3"
+    "react-dom": "^18.3.0"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.193",
     "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0"
+    "@types/react-dom": "^18.3.0",
+    "father": "^4.5.1",
+    "sass-embedded": "^1.80.6",
+    "typescript": "^5.6.3"
   },
   "author": "958691165@qq.com",
   "license": "MIT",

package/components/Column/Cascader.tsx

@@ -1,79 +0,0 @@
-import {ColumnProps} from "./types";
-import {Cascader} from "antd";
-import {useEffect, useState} from "react";
-import http from "../../lib/http";
-
-export default function (props: ColumnProps) {
-    const [options, setOptions] = useState<{ value: string, label: string }[]>();
-    const [values, setValues] = useState<any>()
-
-    useEffect(() => {
-        const value = props.config.value
-        setOptions(props.config.options as []);
-
-        // 远程获取数据
-        if (props.fieldProps.loadDataUrl) {
-            http({
-                url: props.fieldProps.loadDataUrl,
-                method: 'get',
-                params: {
-                    value,
-                }
-            }).then(res => {
-                setOptions(res.data)
-
-                if (value) {
-                    const findValue = (options: any[], value: any): any => {
-                        for (let i = 0; i < options.length; i++) {
-                            const option = options[i];
-                            if (option.value === value) {
-                                return [option.value]
-                            } else if (option.children) {
-                                return [option.value, ...findValue(option.children, value)]
-                            }
-                        }
-                    }
-
-                    setValues(findValue(res.data, value))
-                }
-
-            })
-        }
-
-    }, []);
-
-    const loadData = async (selectedOptions: any) => {
-        const targetOption = selectedOptions[selectedOptions.length - 1];
-        if (targetOption.children) {
-            return
-        }
-        targetOption.loading = true;
-        const res = await http(props.fieldProps.loadDataUrl, {
-            params: {
-                selected: targetOption.value
-            }
-        })
-        targetOption.loading = false;
-        targetOption.children = res.data;
-        setOptions([...options as []]);
-    }
-
-    const onChange = (values: any[]) => {
-        setValues(values)
-        if (!values?.length) {
-            props.form.setFieldValue(props.dataIndex, undefined)
-            return
-        }
-        const value = values[values.length - 1]
-        props.form.setFieldValue(props.dataIndex, value)
-    }
-
-    return <div className={props.className}>
-        <Cascader options={options}
-                  onChange={onChange}
-                  placeholder={'请选择'}
-                  value={values}
-                  loadData={props.fieldProps.loadDataUrl ? loadData : undefined}
-        ></Cascader>
-    </div>
-}

package/components/Column/File.tsx

@@ -1,166 +0,0 @@
-import {Alert, Button, Spin, Tooltip, Upload, UploadFile, UploadProps} from "antd";
-import React, {ReactNode, useContext, useEffect, useState} from "react";
-import {beforeUpload, customRequest} from "../../lib/upload";
-import {ColumnProps} from "./types";
-import {UploadListType} from "antd/es/upload/interface";
-import {DndContext, DragEndEvent, PointerSensor, useSensor} from '@dnd-kit/core';
-import {arrayMove, SortableContext, useSortable, verticalListSortingStrategy,} from '@dnd-kit/sortable';
-import {CSS} from '@dnd-kit/utilities';
-import {RcFile} from "antd/lib/upload";
-import {FormContext} from "../FormContext";
-import {TableContext} from "../TableContext";
-
-
-interface DraggableUploadListItemProps {
-    originNode: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    file: UploadFile<any>;
-}
-
-const DraggableUploadListItem = ({originNode, file}: DraggableUploadListItemProps) => {
-    const {attributes, listeners, setNodeRef, transform, transition, isDragging} = useSortable({
-        id: file.uid,
-    });
-
-    const style: React.CSSProperties = {
-        transform: CSS.Translate.toString(transform),
-        transition,
-        cursor: 'move',
-        height: '100%',
-    };
-
-    return (
-        <div
-            ref={setNodeRef}
-            style={style}
-            // prevent preview event when drag end
-            className={isDragging ? 'is-dragging' : ''}
-            {...attributes}
-            {...listeners}
-        >
-            {/* hide error tooltip when dragging */}
-            {file.status === 'error' && isDragging ? originNode.props.children : originNode}
-        </div>
-    );
-};
-
-
-export default function (props: ColumnProps & {
-    fieldProps?: {
-        uploadRequest: {
-            policyGetUrl: string,
-        },
-        maxCount?: number,
-    }
-
-    uploadButton?: (fileList: UploadFile[]) => ReactNode,
-    listType?: UploadListType,
-    onPreview?: (file: UploadFile) => Promise<void>,
-    renderUploader?: (attr: {
-        dom: JSX.Element,
-    }) => ReactNode
-}) {
-
-    const [loading, setLoading] = useState(true);
-    const [fileList, setFileList] = useState<UploadFile[]>([]);
-    const formContext = useContext(FormContext);
-    const tableContext = useContext(TableContext);
-
-    const handlePreview = async (file: UploadFile) => {
-        if (!file.url && !file.preview) {
-            file.preview = URL.createObjectURL(file.originFileObj as RcFile);
-        }
-
-        window.open(file.url || (file.preview as string))
-    };
-
-    useEffect(() => {
-        let extraRenderValue = [];
-        if (formContext && formContext.extraRenderValues) {
-            extraRenderValue = formContext.extraRenderValues[props.dataIndex as string] ?? []
-        } else if (tableContext && tableContext.extraRenderValues) {
-            console.log(111)
-            extraRenderValue = tableContext.extraRenderValues[props.index as number]?.[props.schema.dataIndex as string] ?? []
-        }
-
-        setFileList(extraRenderValue.map((item: any) => {
-            return {
-                uid: item.id,
-                status: 'done',
-                url: item.url,
-                name: item.name,
-                hash_id: item.hash_id,
-                response: {
-                    file_id: item.id,
-                    url: item.url,
-                }
-            }
-        }))
-
-        setLoading(false)
-    }, []);
-
-    useEffect(() => {
-        props.form?.setFieldValue(props.dataIndex, fileList.map(file => {
-            if (file.status === 'done') {
-                file.url = file.response.url || file.response.file_url
-            }
-            return file
-        }))
-    }, [fileList]);
-
-    const uploadButton = (
-        <Tooltip
-            title={fileList.length >= (props.fieldProps?.maxCount || 1) ? '最多只能上传' + (props.fieldProps?.maxCount || 1) + '个文件' : ''}>
-            <Button disabled={fileList.length >= (props.fieldProps?.maxCount || 1)}>上传文件</Button>
-        </Tooltip>
-    );
-
-    const sensor = useSensor(PointerSensor, {
-        activationConstraint: {distance: 10},
-    });
-
-    const onDragEnd = ({active, over}: DragEndEvent) => {
-        if (active.id !== over?.id) {
-            setFileList((prev) => {
-                const activeIndex = prev.findIndex((i) => i.uid === active.id);
-                const overIndex = prev.findIndex((i) => i.uid === over?.id);
-                return arrayMove(prev, activeIndex, overIndex);
-            });
-        }
-    };
-
-    const uploader = (<Upload
-        {...props.fieldProps}
-        action={props.fieldProps.uploadRequest.policyGetUrl}
-        listType={props.listType || 'text'}
-        fileList={fileList}
-        itemRender={(originNode, file) => (
-            <DraggableUploadListItem originNode={originNode} file={file}/>
-        )}
-        onPreview={props.onPreview || handlePreview}
-        onChange={({fileList}) => setFileList(fileList)}
-        beforeUpload={(f, fl) => beforeUpload(f, fl, fileList)}
-        customRequest={customRequest as UploadProps['customRequest']}
-    >
-        {props.uploadButton ? props.uploadButton(fileList) : uploadButton}
-    </Upload>)
-
-    return <>
-        {props.fieldProps?.uploadRequest
-            ? <>
-                <Spin spinning={loading}>
-                    <DndContext sensors={[sensor]} onDragEnd={onDragEnd}>
-                        <SortableContext items={fileList.map((i) => i.uid)} strategy={verticalListSortingStrategy}>
-                            {props.renderUploader ? props.renderUploader({dom: uploader}) : uploader}
-                        </SortableContext>
-                    </DndContext>
-                    {<div style={{marginBottom: '16px'}}></div>}
-                </Spin>
-            </>
-            : <>
-                <Alert message={'缺少 uploadRequest 属性'}
-                       type={"error"}/>
-            </>
-        }
-    </>
-}

package/components/Column/Image.tsx

@@ -1,77 +0,0 @@
-import {Col, Image, Row, UploadFile} from "antd";
-import React, {useState} from "react";
-import {PlusOutlined} from '@ant-design/icons';
-import {FileType, getBase64} from "../../lib/upload";
-import {ColumnProps} from "./types";
-import File from "./File";
-import ImgCrop from 'antd-img-crop';
-
-export default function (props: ColumnProps & {
-    fieldProps?: {
-        maxCount?: number,
-        crop?: {
-            ratio: string,
-        }
-    }
-}) {
-
-    const [previewOpen, setPreviewOpen] = useState(false);
-    const [previewImage, setPreviewImage] = useState('');
-
-    const handlePreview = async (file: UploadFile) => {
-        if (!file.url && !file.preview) {
-            file.preview = await getBase64(file.originFileObj as FileType);
-        }
-
-        setPreviewImage(file.url || (file.preview as string));
-        setPreviewOpen(true);
-    };
-
-    const uploadButton = (fileList: UploadFile[]) => (
-        fileList.length < (props.fieldProps?.maxCount || 1) ?
-            <Row justify={'center'}>
-                <Col flex={1}>
-                    <PlusOutlined size={18}/>
-                    <div style={{marginTop: 8}}>上传</div>
-                </Col>
-            </Row> : null
-    );
-
-    const renderUploader = ({dom}: { dom: JSX.Element }) => {
-        if (props.fieldProps?.crop) {
-            const aspects = props.fieldProps.crop.ratio.split(/[\/:]/)
-            let aspect = Number(aspects)
-            if (aspects.length === 2) {
-                aspect = parseInt(aspects[0]) / parseInt(aspects[1])
-            }
-            return <>
-                <ImgCrop rotationSlider aspect={aspect}>
-                    {dom}
-                </ImgCrop>
-            </>
-        } else {
-            return dom
-        }
-    }
-
-    return <>
-        <File {...props}
-
-              uploadButton={uploadButton}
-              listType={'picture-card'}
-              onPreview={handlePreview}
-              renderUploader={renderUploader}
-        ></File>
-        {previewImage && (
-            <Image
-                wrapperStyle={{display: 'none'}}
-                preview={{
-                    visible: previewOpen,
-                    onVisibleChange: (visible) => setPreviewOpen(visible),
-                    afterOpenChange: (visible) => !visible && setPreviewImage(''),
-                }}
-                src={previewImage}
-            />
-        )}
-    </>
-}