@vef-framework/shared 1.0.122 → 1.0.123

package/esm/message.js

@@ -0,0 +1,282 @@
+"use strict";
+import Icon from '@ant-design/icons';
+import { Modal, message, notification } from 'antd';
+import { createElement } from 'react';
+import { IconCheck, IconTickCircle, IconInfoCircle, IconAlertTriangle, IconAlertCircle } from './icons.js';
+import './lib.js';
+import { isFunction } from 'radashi';
+
+"use strict";
+const {
+  confirm,
+  info,
+  success,
+  warning,
+  error
+} = Modal;
+const checkIcon = createElement(Icon, {
+  component: IconCheck
+});
+const successIcon = createElement(Icon, {
+  component: IconTickCircle
+});
+const infoIcon = createElement(Icon, {
+  component: IconInfoCircle
+});
+const warningIcon = createElement(Icon, {
+  component: IconAlertTriangle
+});
+const errorIcon = createElement(Icon, {
+  component: IconAlertCircle
+});
+const notificationSuccessIcon = createElement(Icon, {
+  className: "vef-notification-notice-icon vef-notification-notice-icon-success",
+  component: IconTickCircle
+});
+const notificationInfoIcon = createElement(Icon, {
+  className: "vef-notification-notice-icon vef-notification-notice-icon-info",
+  component: IconInfoCircle
+});
+const notificationWarningIcon = createElement(Icon, {
+  className: "vef-notification-notice-icon vef-notification-notice-icon-warning",
+  component: IconAlertTriangle
+});
+const notificationErrorIcon = createElement(Icon, {
+  className: "vef-notification-notice-icon vef-notification-notice-icon-error",
+  component: IconAlertCircle
+});
+function showSuccessMessage(content) {
+  message.open({
+    type: "success",
+    content,
+    duration: 2,
+    icon: successIcon
+  });
+}
+function showInfoMessage(content) {
+  message.open({
+    type: "info",
+    content,
+    duration: 3,
+    icon: infoIcon
+  });
+}
+function showWarningMessage(content) {
+  message.open({
+    type: "warning",
+    content,
+    duration: 3,
+    icon: warningIcon
+  });
+}
+function showErrorMessage(content) {
+  message.open({
+    type: "error",
+    content,
+    duration: 4,
+    icon: errorIcon
+  });
+}
+function showLoadingMessage(content) {
+  const close = message.open({
+    type: "loading",
+    content,
+    duration: 0
+  });
+  return () => close();
+}
+const defaultMessageTitle = "提示";
+function showSuccessNotification(titleOrContent, content, buttons) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showSuccessNotification requires at least one argument");
+  }
+  const titleToUse = argsLength > 1 ? titleOrContent : defaultMessageTitle;
+  const contentToUse = argsLength > 1 ? content : titleOrContent;
+  const buttonsToUse = argsLength === 3 ? buttons : void 0;
+  notification.open({
+    type: "success",
+    message: titleToUse,
+    description: contentToUse,
+    duration: 4,
+    closable: true,
+    btn: buttonsToUse,
+    icon: notificationSuccessIcon
+  });
+}
+function showInfoNotification(titleOrContent, content, buttons) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showInfoNotification requires at least one argument");
+  }
+  const titleToUse = argsLength > 1 ? titleOrContent : defaultMessageTitle;
+  const contentToUse = argsLength > 1 ? content : titleOrContent;
+  const buttonsToUse = argsLength === 3 ? buttons : void 0;
+  notification.open({
+    type: "info",
+    message: titleToUse,
+    description: contentToUse,
+    duration: 5,
+    closable: true,
+    btn: buttonsToUse,
+    icon: notificationInfoIcon
+  });
+}
+function showWarningNotification(titleOrContent, content, buttons) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showWarningNotification requires at least one argument");
+  }
+  const titleToUse = argsLength > 1 ? titleOrContent : defaultMessageTitle;
+  const contentToUse = argsLength > 1 ? content : titleOrContent;
+  const buttonsToUse = argsLength === 3 ? buttons : void 0;
+  notification.open({
+    type: "warning",
+    message: titleToUse,
+    description: contentToUse,
+    duration: 6,
+    closable: true,
+    btn: buttonsToUse,
+    icon: notificationWarningIcon
+  });
+}
+function showErrorNotification(titleOrContent, content, buttons) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showErrorNotification requires at least one argument");
+  }
+  const titleToUse = argsLength > 1 ? titleOrContent : defaultMessageTitle;
+  const contentToUse = argsLength > 1 ? content : titleOrContent;
+  const buttonsToUse = argsLength === 3 ? buttons : void 0;
+  notification.open({
+    type: "error",
+    message: titleToUse,
+    description: contentToUse,
+    duration: 10,
+    closable: true,
+    btn: buttonsToUse,
+    icon: notificationErrorIcon
+  });
+}
+const cancelButtonProps = {
+  color: "default",
+  variant: "text"
+};
+const okButtonProps = {
+  icon: checkIcon
+};
+function showConfirmation(title, content, onOk, options) {
+  const argsLength = arguments.length;
+  if (argsLength < 2) {
+    throw new Error("showConfirmation requires at least two arguments");
+  }
+  const titleToUse = argsLength > 2 ? title : "提示";
+  const contentToUse = argsLength === 2 ? title : content;
+  const onOkToUse = argsLength === 2 ? content : onOk;
+  const {
+    okText,
+    cancelText,
+    onCancel,
+    onAfterOpen,
+    onAfterClose
+  } = options ?? {};
+  const { destroy } = confirm({
+    title: titleToUse,
+    content: contentToUse,
+    cancelButtonProps,
+    okButtonProps,
+    centered: true,
+    onOk: onOkToUse,
+    okText,
+    cancelText,
+    onCancel,
+    afterOpenChange: isFunction(onAfterOpen) || isFunction(onAfterClose) ? (open) => {
+      if (open) {
+        onAfterOpen?.();
+      } else {
+        onAfterClose?.();
+      }
+    } : void 0
+  });
+  return destroy;
+}
+const alertFnMap = {
+  success,
+  info,
+  warning,
+  error
+};
+const alertIconMap = {
+  success: successIcon,
+  info: infoIcon,
+  warning: warningIcon,
+  error: errorIcon
+};
+const defaultOkText = "👍🏻 好的，知道了";
+function showAlert(type, content, title = defaultMessageTitle, onOk, options) {
+  const {
+    okText = defaultOkText,
+    onCancel,
+    onAfterOpen,
+    onAfterClose
+  } = options ?? {};
+  const { destroy } = alertFnMap[type]({
+    title,
+    content,
+    icon: alertIconMap[type],
+    centered: true,
+    onOk,
+    okText,
+    onCancel,
+    afterOpenChange: isFunction(onAfterOpen) || isFunction(onAfterClose) ? (open) => {
+      if (open) {
+        onAfterOpen?.();
+      } else {
+        onAfterClose?.();
+      }
+    } : void 0
+  });
+  return destroy;
+}
+function showSuccessAlert(title, content, onOk, options) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showSuccessAlert requires at least one argument");
+  }
+  const titleToUse = argsLength === 1 || isFunction(content) ? void 0 : title;
+  const contentToUse = argsLength === 1 || isFunction(content) ? title : content;
+  const onOkToUse = argsLength === 2 || isFunction(content) ? content : onOk;
+  return showAlert("success", contentToUse, titleToUse, onOkToUse, options);
+}
+function showInfoAlert(title, content, onOk, options) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showInfoAlert requires at least one argument");
+  }
+  const titleToUse = argsLength === 1 || isFunction(content) ? void 0 : title;
+  const contentToUse = argsLength === 1 || isFunction(content) ? title : content;
+  const onOkToUse = argsLength === 2 || isFunction(content) ? content : onOk;
+  return showAlert("info", contentToUse, titleToUse, onOkToUse, options);
+}
+function showWarningAlert(title, content, onOk, options) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showWarningAlert requires at least one argument");
+  }
+  const titleToUse = argsLength === 1 || isFunction(content) ? void 0 : title;
+  const contentToUse = argsLength === 1 || isFunction(content) ? title : content;
+  const onOkToUse = argsLength === 2 || isFunction(content) ? content : onOk;
+  return showAlert("warning", contentToUse, titleToUse, onOkToUse, options);
+}
+function showErrorAlert(title, content, onOk, options) {
+  const argsLength = arguments.length;
+  if (argsLength < 1) {
+    throw new Error("showErrorAlert requires at least one argument");
+  }
+  const titleToUse = argsLength === 1 || isFunction(content) ? void 0 : title;
+  const contentToUse = argsLength === 1 || isFunction(content) ? title : content;
+  const onOkToUse = argsLength === 2 || isFunction(content) ? content : onOk;
+  return showAlert("error", contentToUse, titleToUse, onOkToUse, options);
+}
+
+export { checkIcon, defaultMessageTitle, errorIcon, infoIcon, showConfirmation, showErrorAlert, showErrorMessage, showErrorNotification, showInfoAlert, showInfoMessage, showInfoNotification, showLoadingMessage, showSuccessAlert, showSuccessMessage, showSuccessNotification, showWarningAlert, showWarningMessage, showWarningNotification, successIcon, warningIcon };

package/esm/path.js

@@ -0,0 +1,33 @@
+"use strict";
+import path from 'path-browserify';
+
+"use strict";
+const {
+  basename,
+  dirname,
+  extname,
+  isAbsolute,
+  join,
+  normalize
+} = path;
+function extractBaseName(path2, keepExt = true) {
+  const ext = keepExt ? void 0 : extname(path2);
+  return basename(path2, ext);
+}
+function extractExtName(path2) {
+  return extname(path2);
+}
+function extractDirName(path2) {
+  return dirname(path2);
+}
+function joinPaths(...paths) {
+  return join(...paths);
+}
+function isAbsolutePath(path2) {
+  return isAbsolute(path2);
+}
+function normalizePath(path2) {
+  return normalize(path2);
+}
+
+export { extractBaseName, extractDirName, extractExtName, isAbsolutePath, joinPaths, normalizePath };

package/esm/pinyin.js

@@ -0,0 +1,30 @@
+"use strict";
+import { pinyin } from 'pinyin-pro';
+
+"use strict";
+function parsePinyin(text) {
+  return pinyin(
+    text,
+    {
+      pattern: "pinyin",
+      toneType: "none",
+      type: "array",
+      mode: "normal",
+      nonZh: "consecutive"
+    }
+  );
+}
+function parsePinyinFirstLetter(text) {
+  return pinyin(
+    text,
+    {
+      pattern: "first",
+      toneType: "none",
+      type: "array",
+      mode: "normal",
+      nonZh: "consecutive"
+    }
+  );
+}
+
+export { parsePinyin, parsePinyinFirstLetter };

package/esm/security.js

@@ -0,0 +1,24 @@
+"use strict";
+import JSEncrypt from 'jsencrypt';
+
+"use strict";
+function encryptRsa(value, publicKey) {
+  const rsa = new JSEncrypt();
+  rsa.setPublicKey(publicKey);
+  const encrypted = rsa.encrypt(value);
+  if (!encrypted) {
+    throw new Error(`Failed to encrypt value [${value}] using RSA`);
+  }
+  return encrypted;
+}
+function decryptRsa(value, privateKey) {
+  const rsa = new JSEncrypt();
+  rsa.setPrivateKey(privateKey);
+  const decrypted = rsa.decrypt(value);
+  if (!decrypted) {
+    throw new Error(`Failed to decrypt value [${value}] using RSA`);
+  }
+  return decrypted;
+}
+
+export { decryptRsa, encryptRsa };

package/esm/store.js

@@ -0,0 +1,100 @@
+"use strict";
+import { createContext, useState, useRef, useEffect, createElement, useContext } from 'react';
+import { createJSONStorage, persist, subscribeWithSelector } from 'zustand/middleware';
+import { createWithEqualityFn, useStoreWithEqualityFn } from 'zustand/traditional';
+import { createStore as createStore$1 } from 'zustand/vanilla';
+import './lib.js';
+import { constantCase } from './utils.js';
+import { isNullish } from 'radashi';
+import { shallow } from 'zustand/shallow';
+
+"use strict";
+function createStorageProxy(storage) {
+  const delegate = createJSONStorage(() => storage === "local" ? localStorage : sessionStorage);
+  return {
+    getItem: delegate.getItem,
+    setItem(name, value) {
+      if (isNullish(value.state)) {
+        return;
+      }
+      delegate.setItem(name, value);
+    },
+    removeItem: delegate.removeItem
+  };
+}
+function createStore(stateCreator, persistenceOptions) {
+  const name = persistenceOptions?.name ?? "UNKNOWN";
+  const storage = persistenceOptions?.storage ?? "local";
+  const selector = persistenceOptions ? persistenceOptions.selector : () => null;
+  const storageInstance = createStorageProxy(storage);
+  return createWithEqualityFn(
+    persist(
+      subscribeWithSelector(stateCreator),
+      {
+        name: `__VEF_STORE__${constantCase(name)}__`,
+        storage: storageInstance,
+        version: 1,
+        partialize: selector
+      }
+    ),
+    shallow
+  );
+}
+function createUnboundStore(stateCreator) {
+  return createStore$1(
+    subscribeWithSelector(stateCreator)
+  );
+}
+function useUnboundStore(store, selector, equalityFn) {
+  return useStoreWithEqualityFn(
+    store,
+    selector,
+    equalityFn ?? shallow
+  );
+}
+function createComponentStore(name, getStateCreator) {
+  const StoreContext = createContext(null);
+  const StoreProvider = ({ initialState, children }) => {
+    const [store] = useState(() => {
+      const creator = getStateCreator(initialState);
+      return createUnboundStore(creator);
+    });
+    const isMounted = useRef(false);
+    useEffect(() => () => {
+      isMounted.current = false;
+    }, []);
+    useEffect(() => {
+      if (!isMounted.current) {
+        isMounted.current = true;
+      }
+      if (initialState) {
+        store.setState({
+          ...initialState
+        });
+      }
+    }, [initialState, store]);
+    return createElement(
+      StoreContext.Provider,
+      { value: store },
+      children
+    );
+  };
+  const useStoreApi = () => {
+    const store = useContext(StoreContext);
+    if (!store) {
+      throw new Error(`${name}Store can be used only inside ${name}StoreProvider`);
+    }
+    return store;
+  };
+  const useStore = (selector) => useUnboundStore(
+    useStoreApi(),
+    selector
+  );
+  return {
+    StoreProvider,
+    useStore,
+    useStoreApi
+  };
+}
+
+export { createComponentStore, createStore, createUnboundStore, useUnboundStore };

package/esm/styles.js

@@ -0,0 +1,51 @@
+"use strict";
+import { css } from '@emotion/react';
+
+"use strict";
+const breakpointWidths = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+};
+const breakpoints = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "xxl"
+];
+const bmq = Object.keys(breakpointWidths).reduce(
+  (acc, label) => {
+    acc[label] = `@media (min-width: ${breakpointWidths[label]}px)`;
+    return acc;
+  },
+  {}
+);
+const styles = {
+  // Flex center style
+  flexCenter: css({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }),
+  // Full height style
+  fullHeight: css({
+    height: "100%"
+  }),
+  // Full width style
+  fullWidth: css({
+    width: "100%"
+  }),
+  // Scrollbar style
+  scrollbar: css({
+    scrollbarWidth: "thin",
+    scrollbarColor: "rgba(0, 0, 0, 0.3) transparent",
+    scrollbarGutter: "stable"
+  })
+};
+
+export { bmq, breakpoints, styles };

package/esm/temporal.js

@@ -0,0 +1,23 @@
+"use strict";
+import { tz } from '@date-fns/tz';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+
+"use strict";
+function getNowDate() {
+  return /* @__PURE__ */ new Date();
+}
+function getNowDateString() {
+  return format(getNowDate(), "yyyy-MM-dd", {
+    locale: zhCN,
+    in: tz("Asia/Shanghai")
+  });
+}
+function getTodayString() {
+  return format(getNowDate(), "PPPPpp", {
+    locale: zhCN,
+    in: tz("Asia/Shanghai")
+  });
+}
+
+export { getNowDate, getNowDateString, getTodayString };