zmdms-webui 0.0.26 → 0.0.28

package/dist/es/login/index.js

@@ -1,15 +1,49 @@
 import { __assign } from '../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import { Form, Checkbox } from 'antd';
+import { decrypt, encrypt } from './utils.js';
 import MemoInput from '../input/input.js';
 import IconFont from '../icon/index.js';
 import Button from '../button/button.js';
 
 var Item = Form.Item;
+var LOCAL_KEY = "6fr6x";
+var USERNAME_KEY = "PUsvG";
+var USERPWS_KEY = "kVhfO";
+var KEY = "simide";
 var Login = function (props) {
     var loginLogo = props.loginLogo, loginBg = props.loginBg, onFinishHandle = props.onFinishHandle, loading = props.loading;
     var form = Form.useForm()[0];
+    useEffect(function () {
+        var localData = localStorage.getItem(LOCAL_KEY);
+        if (localData) {
+            try {
+                var parseLocalData = JSON.parse(localData);
+                var username = decrypt(parseLocalData[USERNAME_KEY], KEY);
+                var password = decrypt(parseLocalData[USERPWS_KEY], KEY);
+                if (username && password) {
+                    form.setFieldsValue({
+                        username: username,
+                        password: password,
+                        remember: true,
+                    });
+                }
+            }
+            catch (err) {
+                console.log(err);
+            }
+        }
+    }, [form]);
     var onFinish = function (values) {
+        var _a;
+        // 如果需要记住密码
+        if (values.remember) {
+            localStorage.setItem(LOCAL_KEY, JSON.stringify((_a = {},
+                _a[USERNAME_KEY] = encrypt(values.username, KEY),
+                _a[USERPWS_KEY] = encrypt(values.password, KEY),
+                _a)));
+        }
         // 内部处理
         onFinishHandle && onFinishHandle(values);
     };
@@ -18,12 +52,12 @@ var Login = function (props) {
                             required: true,
                             message: "请输入您的账号",
                         },
-                    ] }, { children: jsx(MemoInput, { size: "large", prefix: jsx(IconFont, { type: "icon-yonghu", style: { fontSize: "14px", color: "rgba(0,0,0,.65)" } }) }) })), jsx(Item, __assign({ label: "\u8BF7\u8F93\u5165\u60A8\u7684\u5BC6\u7801", name: "password", rules: [
+                    ] }, { children: jsx(MemoInput, { size: "large", autoComplete: "username", prefix: jsx(IconFont, { type: "icon-yonghu", style: { fontSize: "14px", color: "rgba(0,0,0,.65)" } }) }) })), jsx(Item, __assign({ label: "\u8BF7\u8F93\u5165\u60A8\u7684\u5BC6\u7801", name: "password", rules: [
                         {
                             required: true,
                             message: "请输入您的密码",
                         },
-                    ] }, { children: jsx(MemoInput.Password, { size: "large", prefix: jsx(IconFont, { type: "icon-mima", style: { fontSize: "14px", color: "rgba(0,0,0,.65)" } }) }) })), jsx(Item, { children: jsx(Button, __assign({ htmlType: "submit", block: true, className: "form__item--button", loading: loading }, { children: "\u767B\u5F55" })) }), jsxs("div", __assign({ className: "form__item--remember" }, { children: [jsx(Item, __assign({ name: "remember", valuePropName: "checked" }, { children: jsx(Checkbox, { children: "\u8BB0\u4F4F\u5BC6\u7801" }) })), jsx("div", __assign({ className: "form__item--remember-forget" }, { children: "\u5FD8\u8BB0\u5BC6\u7801" }))] }))] })) })));
+                    ] }, { children: jsx(MemoInput.Password, { size: "large", autoComplete: "current-password", prefix: jsx(IconFont, { type: "icon-mima", style: { fontSize: "14px", color: "rgba(0,0,0,.65)" } }) }) })), jsx(Item, { children: jsx(Button, __assign({ htmlType: "submit", block: true, className: "form__item--button", loading: loading }, { children: "\u767B\u5F55" })) }), jsxs("div", __assign({ className: "form__item--remember" }, { children: [jsx(Item, __assign({ name: "remember", valuePropName: "checked" }, { children: jsx(Checkbox, { children: "\u8BB0\u4F4F\u5BC6\u7801" }) })), jsx("div", __assign({ className: "form__item--remember-forget" }, { children: "\u5FD8\u8BB0\u5BC6\u7801" }))] }))] })) })));
 };
 Login.displayName = "ZTXK_WEBUI_Login";
 

package/dist/es/login/utils.js

@@ -0,0 +1,26 @@
+// 加密函数
+function encrypt(message, key) {
+    var encryptedMessage = "";
+    var keyLength = key.length;
+    for (var i = 0; i < message.length; i++) {
+        var char = message.charAt(i);
+        var keyChar = key.charAt(i % keyLength);
+        var encryptedChar = String.fromCharCode(char.charCodeAt(0) + keyChar.charCodeAt(0));
+        encryptedMessage += encryptedChar;
+    }
+    return encryptedMessage;
+}
+// 解密函数
+function decrypt(encryptedMessage, key) {
+    var decryptedMessage = "";
+    var keyLength = key.length;
+    for (var i = 0; i < encryptedMessage.length; i++) {
+        var char = encryptedMessage.charAt(i);
+        var keyChar = key.charAt(i % keyLength);
+        var decryptedChar = String.fromCharCode(char.charCodeAt(0) - keyChar.charCodeAt(0));
+        decryptedMessage += decryptedChar;
+    }
+    return decryptedMessage;
+}
+
+export { decrypt, encrypt };

package/dist/es/select/hooks.js

@@ -1,7 +1,9 @@
 import { __assign } from '../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
 import { unescapeString } from 'zmdms-utils';
 import MemoSelect from './select.js';
+import { Divider } from 'antd';
 
 function useRenderChildren(props) {
     var list = props.list, defaultList = props.defaultList, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, joinStr = props.joinStr, lineFeedKey = props.lineFeedKey, lineFeedStr = props.lineFeedStr, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues;
@@ -84,6 +86,11 @@ function useRenderChildren(props) {
         resultList: resultList,
         renderChildren: renderChildren,
     };
+}
+function useDropdownRender(renderDom) {
+    return useCallback(function (menu) {
+        return (jsxs(Fragment, { children: [menu, jsx(Divider, { style: { marginTop: 0, marginBottom: "4px" } }), jsx("div", __assign({ style: { padding: "0 4px" } }, { children: renderDom }))] }));
+    }, [renderDom]);
 }
 
-export { useRenderChildren };
+export { useDropdownRender, useRenderChildren };

package/dist/es/select/interface.d.ts

@@ -50,6 +50,10 @@ interface ISelectProps extends SelectProps {
      * 是否支持远程搜索
      */
     isRemoteSearch?: boolean;
+    /**
+     * 是否需要添加底部按钮
+     */
+    dropdownButton?: React.ReactNode;
 }
 type ISECRET_COMBOBOX_MODE_DO_NOT_USE = typeof Select.SECRET_COMBOBOX_MODE_DO_NOT_USE;
 type IOption = typeof Select.Option;

package/dist/es/select/select.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from '../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { memo, forwardRef, useCallback } from 'react';
 import { Select as Select$1 } from 'antd';
-import { useRenderChildren } from './hooks.js';
+import { useRenderChildren, useDropdownRender } from './hooks.js';
 import debounce from 'lodash/debounce';
 
 function textContent(children) {
@@ -24,7 +24,7 @@ function textContent(children) {
     return textContent(children);
 }
 var Select = function (props, ref) {
-    var list = props.list, defaultList = props.defaultList, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, _c = props.joinStr, joinStr = _c === void 0 ? "-" : _c, lineFeedKey = props.lineFeedKey, _d = props.lineFeedStr, lineFeedStr = _d === void 0 ? "-" : _d, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues, _e = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _e === void 0 ? 100 : _e, onChange = props.onChange, onSearch = props.onSearch, isRemoteSearch = props.isRemoteSearch, resetProps = __rest(props, ["list", "defaultList", "dataKey", "titleKey", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "showAll", "children", "disabledValues", "dropdownMatchSelectWidth", "onChange", "onSearch", "isRemoteSearch"]);
+    var list = props.list, defaultList = props.defaultList, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, _c = props.joinStr, joinStr = _c === void 0 ? "-" : _c, lineFeedKey = props.lineFeedKey, _d = props.lineFeedStr, lineFeedStr = _d === void 0 ? "-" : _d, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues, _e = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _e === void 0 ? 100 : _e, onChange = props.onChange, onSearch = props.onSearch, isRemoteSearch = props.isRemoteSearch, dropdownButton = props.dropdownButton, dropdownRender = props.dropdownRender, resetProps = __rest(props, ["list", "defaultList", "dataKey", "titleKey", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "showAll", "children", "disabledValues", "dropdownMatchSelectWidth", "onChange", "onSearch", "isRemoteSearch", "dropdownButton", "dropdownRender"]);
     /**
      * 渲染子元素
      */
@@ -41,6 +41,10 @@ var Select = function (props, ref) {
         children: children,
         disabledValues: disabledValues,
     }), renderChildren = _f.renderChildren, resultList = _f.resultList;
+    /**
+     * 底部渲染按钮
+     */
+    var dropdownButtonHandle = useDropdownRender(dropdownButton);
     /**
      * onChange方法代理
      */
@@ -97,7 +101,11 @@ var Select = function (props, ref) {
         var text = textContent(option === null || option === void 0 ? void 0 : option.children);
         return (text === null || text === void 0 ? void 0 : text.toLowerCase().indexOf(input.toLowerCase().trim())) >= 0;
     };
-    return (jsx(Select$1, __assign({ showArrow: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle }, resetProps, { ref: ref }, { children: renderChildren() })));
+    return (jsx(Select$1, __assign({ showArrow: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle, dropdownRender: dropdownRender
+            ? dropdownRender
+            : dropdownButton
+                ? dropdownButtonHandle
+                : undefined }, resetProps, { ref: ref }, { children: renderChildren() })));
 };
 var MemoSelect = memo(forwardRef(Select));
 MemoSelect.displayName = "ZTXK_WEBUI_Select";