@knockout-js/layout 0.0.3 → 0.0.4-beta.1

package/esm/components/upload-file/uploadTemp.js

@@ -0,0 +1,293 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { UploadOutlined } from "@ant-design/icons";
+import { Button, Modal, Popconfirm, Space, Typography, Upload, message } from "antd";
+import { useEffect, useRef, useState } from "react";
+import { files as fileApi } from "@knockout-js/api";
+import { useAppCode, useTenantId } from "../provider/index";
+import { randomId, formatFileSize } from "./index";
+import { useLocale } from "../locale/index";
+import styles from "./index.module.css";
+export default function(props) {
+    var _props_accept;
+    var _props_bucket, _props_appCode, _props_tenantId;
+    var bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : "local", appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], iframeRef = useRef(null), _useState1 = _sliced_to_array(useState(), 2), name = _useState1[0], setName = _useState1[1], _useState2 = _sliced_to_array(useState(), 2), urlSrc = _useState2[0], setUrlSrc = _useState2[1], _useState3 = _sliced_to_array(useState({
+        show: false
+    }), 2), modal = _useState3[0], setModal = _useState3[1];
+    var getUploadKey = function(file) {
+        var suffix = file.name.split(".").pop(), keys = [];
+        if (props.forceDirectory && props.directory) keys.push(props.directory);
+        else {
+            if (appCode) keys.push(appCode);
+            if (tenantId) keys.push(tenantId);
+            if (props.directory) keys.push(props.directory);
+        }
+        keys.push("".concat(randomId(16), ".").concat(suffix));
+        return "/".concat(keys.join("/")).replace("//", "/");
+    }, beforeUpload = function() {
+        var _ref = _async_to_generator(function(file) {
+            var maxSize;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        maxSize = props.maxSize || 5242880;
+                        if (file.size > maxSize) {
+                            messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+                            return [
+                                2,
+                                false
+                            ];
+                        }
+                        return [
+                            4,
+                            updateFile(file)
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2,
+                            false
+                        ];
+                }
+            });
+        });
+        return function beforeUpload(file) {
+            return _ref.apply(this, arguments);
+        };
+    }(), updateFile = function() {
+        var _ref = _async_to_generator(function(file) {
+            var key, result, _props_onChange, _props_onChangePath, error;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        key = getUploadKey(file);
+                        setLoading(true);
+                        if (!(bucket === "local")) return [
+                            3,
+                            4
+                        ];
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            fileApi.updateFiles({
+                                key: key,
+                                bucket: bucket,
+                                file: file
+                            })
+                        ];
+                    case 2:
+                        result = _state.sent();
+                        if (result) {
+                            ;
+                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
+                            (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        error = _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        setLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function updateFile(file) {
+            return _ref.apply(this, arguments);
+        };
+    }(), getValueFile = function() {
+        var _ref = _async_to_generator(function() {
+            var result, result1;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!props.value) return [
+                            3,
+                            4
+                        ];
+                        return [
+                            4,
+                            fileApi.getFiles(props.value)
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        if (result === null || result === void 0 ? void 0 : result.id) setName(result.name);
+                        if (!(bucket === "local")) return [
+                            3,
+                            3
+                        ];
+                        return [
+                            4,
+                            fileApi.getFilesRaw(props.value, "url")
+                        ];
+                    case 2:
+                        result1 = _state.sent();
+                        if (typeof result1 === "string") setUrlSrc(result1);
+                        _state.label = 3;
+                    case 3:
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        setUrlSrc(undefined);
+                        _state.label = 5;
+                    case 5:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function getValueFile() {
+            return _ref.apply(this, arguments);
+        };
+    }(), updateContent = function() {
+        var _ref = _async_to_generator(function() {
+            var result, r;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!props.value) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            fileApi.getFilesRaw(props.value)
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        if (result && typeof result != "string") {
+                            r = new FileReader();
+                            r.readAsText(result, "utf-8");
+                            r.onload = function() {
+                                var _iframeRef_current, _iframeRef_current1;
+                                if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow) iframeRef.current.contentWindow.document.write(r.result);
+                                else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) iframeRef.current.contentDocument.write(r.result);
+                            };
+                        }
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function updateContent() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        getValueFile();
+    }, [
+        props.value
+    ]);
+    useEffect(function() {
+        if (modal.show) updateContent();
+    }, [
+        modal.show
+    ]);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Space, {
+                children: [
+                    /*#__PURE__*/ _jsx(Upload, {
+                        accept: props.accept,
+                        showUploadList: false,
+                        beforeUpload: beforeUpload,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            loading: loading,
+                            icon: /*#__PURE__*/ _jsx(UploadOutlined, {
+                                rev: undefined
+                            }),
+                            children: locale.fileUpload
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography.Text, {
+                        type: "secondary",
+                        children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
+                    })
+                ]
+            }),
+            props.value ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            height: "8px"
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxs(Space, {
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                onClick: function() {
+                                    setModal({
+                                        show: true
+                                    });
+                                },
+                                children: locale.tempViewer
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                target: "_blank",
+                                href: urlSrc,
+                                download: name,
+                                children: locale.tempDown
+                            }),
+                            props.showDelBtn ? /*#__PURE__*/ _jsx(Popconfirm, {
+                                title: locale.del,
+                                description: locale.confirmDel,
+                                onConfirm: function() {
+                                    var _props_onChange, _props_onChangePath;
+                                    (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props);
+                                    (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props);
+                                },
+                                okText: "Yes",
+                                cancelText: "No",
+                                children: /*#__PURE__*/ _jsx("a", {
+                                    className: styles.delText,
+                                    children: locale.del
+                                })
+                            }) : /*#__PURE__*/ _jsx(_Fragment, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Modal, {
+                        title: locale.tempViewer,
+                        open: modal.show,
+                        destroyOnClose: true,
+                        footer: null,
+                        width: 800,
+                        onCancel: function() {
+                            setModal({
+                                show: false
+                            });
+                        },
+                        children: /*#__PURE__*/ _jsx("iframe", {
+                            className: styles.modalIframe,
+                            ref: iframeRef
+                        })
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsx(_Fragment, {})
+        ]
+    });
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\uploadTemp.js.map

package/esm/components/upload-file/uploadTemp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps, randomId, formatFileSize } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n  /**\r\n  * 显示删除按钮\r\n  */\r\n  showDelBtn?: boolean;\r\n}) => {\r\n  const\r\n    bucket = props.bucket ?? 'local',\r\n    appCode = props.appCode ?? useAppCode(),\r\n    tenantId = props.tenantId ?? useTenantId(),\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    iframeRef = useRef<HTMLIFrameElement>(null),\r\n    [name, setName] = useState<string>(),\r\n    [urlSrc, setUrlSrc] = useState<string>(),\r\n    [modal, setModal] = useState<{\r\n      show: boolean,\r\n    }>({\r\n      show: false,\r\n    });\r\n\r\n  const\r\n    getUploadKey = (file: RcFile) => {\r\n      const suffix = file.name.split('.').pop(),\r\n        keys: string[] = [];\r\n      if (props.forceDirectory && props.directory) {\r\n        keys.push(props.directory)\r\n      } else {\r\n        if (appCode) {\r\n          keys.push(appCode)\r\n        }\r\n        if (tenantId) {\r\n          keys.push(tenantId)\r\n        }\r\n        if (props.directory) {\r\n          keys.push(props.directory)\r\n        }\r\n      }\r\n      keys.push(`${randomId(16)}.${suffix}`);\r\n      return `/${keys.join('/')}`.replace('//', '/');\r\n    },\r\n    beforeUpload = async (file: RcFile) => {\r\n      const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n      if (file.size > maxSize) {\r\n        messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n        return false;\r\n      }\r\n\r\n      await updateFile(file);\r\n      return false;\r\n    },\r\n    updateFile = async (file: RcFile) => {\r\n      const key = getUploadKey(file);\r\n      setLoading(true);\r\n      if (bucket === 'local') {\r\n        try {\r\n          const result = await fileApi.updateFiles({\r\n            key,\r\n            bucket,\r\n            file,\r\n          })\r\n          if (result) {\r\n            props.onChange?.(result)\r\n            props.onChangePath?.(key);\r\n          }\r\n        } catch (error) {\r\n\r\n        }\r\n      }\r\n      setLoading(false)\r\n    },\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await fileApi.getFiles(props.value);\r\n        if (result?.id) {\r\n          setName(result.name)\r\n        }\r\n        if (bucket === 'local') {\r\n          const result = await fileApi.getFilesRaw(props.value, 'url');\r\n          if (typeof result === 'string') {\r\n            setUrlSrc(result)\r\n          }\r\n        }\r\n      } else {\r\n        setUrlSrc(undefined)\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const result = await fileApi.getFilesRaw(props.value)\r\n        if (result && typeof result != 'string') {\r\n          const r = new FileReader()\r\n          r.readAsText(result, 'utf-8')\r\n          r.onload = () => {\r\n            if (iframeRef.current?.contentWindow) {\r\n              iframeRef.current.contentWindow.document.write(r.result as string)\r\n            } else if (iframeRef.current?.contentDocument) {\r\n              iframeRef.current.contentDocument.write(r.result as string)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile();\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    if (modal.show) {\r\n      updateContent();\r\n    }\r\n  }, [modal.show]);\r\n\r\n  return <>\r\n    <Space>\r\n      <Upload\r\n        accept={props.accept}\r\n        showUploadList={false}\r\n        beforeUpload={beforeUpload}\r\n      >\r\n        <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n      </Upload>\r\n      <Typography.Text type=\"secondary\">\r\n        {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n      </Typography.Text>\r\n    </Space>\r\n    {props.value ? <>\r\n      <div style={{ height: \"8px\" }}></div>\r\n      <Space >\r\n        <a onClick={() => {\r\n          setModal({ show: true })\r\n        }}\r\n        >{locale.tempViewer}</a>\r\n        <a target=\"_blank\" href={urlSrc} download={name}>{locale.tempDown}</a>\r\n        {props.showDelBtn ? <Popconfirm\r\n          title={locale.del}\r\n          description={locale.confirmDel}\r\n          onConfirm={() => {\r\n            props.onChange?.()\r\n            props.onChangePath?.();\r\n          }}\r\n          okText=\"Yes\"\r\n          cancelText=\"No\"\r\n        >\r\n          <a className={styles.delText}>{locale.del}</a>\r\n        </Popconfirm> : <></>}\r\n      </Space>\r\n      <Modal\r\n        title={locale.tempViewer}\r\n        open={modal.show}\r\n        destroyOnClose\r\n        footer={null}\r\n        width={800}\r\n        onCancel={() => {\r\n          setModal({ show: false })\r\n        }}\r\n      >\r\n        <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n      </Modal>\r\n    </> : <></>}\r\n  </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","files","fileApi","useAppCode","useTenantId","randomId","formatFileSize","useLocale","styles","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","show","modal","setModal","getUploadKey","file","suffix","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","updateFile","key","result","updateFiles","onChange","onChangePath","getValueFile","value","getFiles","id","getFilesRaw","undefined","updateContent","r","FileReader","readAsText","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","icon","rev","fileUpload","Text","type","supportExtension","div","style","height","a","onClick","tempViewer","target","href","download","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.0.3",
+  "version": "0.0.4-beta.1",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -36,17 +36,21 @@
     "component"
   ],
   "dependencies": {
-    "@ant-design/icons": "^5.1.4",
+    "@ant-design/icons": "^5.2.5",
     "@ant-design/pro-layout": "^7.16.6",
     "@ant-design/pro-provider": "^2.12.1",
     "@ant-design/pro-table": "^3.8.2",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
     "@ice/jsx-runtime": "^0.2.0",
     "@ice/runtime": "^1.2.4",
     "@swc/helpers": "^0.5.1",
     "antd": "^5.6.3",
     "react-activation": "^0.12.4",
-    "@knockout-js/api": "^0.0.3",
-    "@knockout-js/ice-urql": "^0.0.3"
+    "react-draggable": "^4.4.5",
+    "@knockout-js/api": "^0.0.4-beta.1",
+    "@knockout-js/ice-urql": "^0.0.4-beta.0"
   },
   "devDependencies": {
     "@ice/pkg": "^1.5.0",