@pnkx-lib/ui 1.9.178 → 1.9.180

package/es/ui/Skeleton.js

@@ -0,0 +1,34 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Space, Card, Skeleton as Skeleton$1 } from 'antd';
+
+const renderInputs = (count) => Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton$1.Input, { size: "small", block: true, active: true }, index));
+const Skeleton = ({ type, skeletonButtonCount }) => {
+  if (type === "table") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            width: "100%",
+            marginBottom: 15
+          },
+          children: skeletonButtonCount && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { children: renderInputs(skeletonButtonCount) }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { direction: "vertical", size: "middle", style: { width: "100%" }, children: renderInputs(10) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...styles.rightAlign, marginTop: 20 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton$1.Input, { size: "small", active: true }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "grid", rowGap: 8 }, children: renderInputs(3) }) });
+};
+const styles = {
+  rightAlign: {
+    display: "flex",
+    justifyContent: "flex-end",
+    width: "100%"
+  }
+};
+
+export { Skeleton };

package/es/ui/Space.js

@@ -0,0 +1,11 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Space as Space$1 } from 'antd';
+
+const SpaceComponent = (props) => {
+  const { containerClassName, spaceClassName, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Space$1, { className: spaceClassName, ...restProps }) });
+};
+SpaceComponent.Compact = Space$1.Compact;
+const Space = SpaceComponent;
+
+export { Space };

package/es/ui/Spin.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Spin as Spin$1 } from 'antd';
+
+const Spin = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Spin$1, { ...rest, children });
+};
+
+export { Spin };

package/es/ui/Splitter.js

@@ -0,0 +1,11 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Splitter as Splitter$1 } from 'antd';
+
+const SplitterComponent = (props) => {
+  const { containerClassName, spaceClassName, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Splitter$1, { className: spaceClassName, ...restProps }) });
+};
+SplitterComponent.Panel = Splitter$1.Panel;
+const Splitter = SplitterComponent;
+
+export { Splitter };

package/es/ui/Statistic.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Statistic as Statistic$1 } from 'antd';
+
+const Statistic = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Statistic$1, { ...props });
+};
+
+export { Statistic };

package/es/ui/Steps.js

@@ -0,0 +1,11 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Steps as Steps$1 } from 'antd';
+
+const StepsComponent = (props) => {
+  const { containerClassName, stepsClassName, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Steps$1, { className: stepsClassName, ...restProps }) });
+};
+StepsComponent.Step = Steps$1.Step;
+const Steps = StepsComponent;
+
+export { Steps };

package/es/ui/Tabs.js

@@ -0,0 +1,78 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import React__default, { useEffect } from 'react';
+import { Tabs as Tabs$1 } from 'antd';
+
+const createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
+
+const identity = (arg) => arg;
+function useStore(api, selector = identity) {
+  const slice = React__default.useSyncExternalStore(
+    api.subscribe,
+    () => selector(api.getState()),
+    () => selector(api.getInitialState())
+  );
+  React__default.useDebugValue(slice);
+  return slice;
+}
+const createImpl = (createState) => {
+  const api = createStore(createState);
+  const useBoundStore = (selector) => useStore(api, selector);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+const create = (createState) => createState ? createImpl(createState) : createImpl;
+
+const useTabStore = create((set) => ({
+  activeTabKey: void 0,
+  // giá trị mặc định
+  setActiveTabKey: (key) => set({ activeTabKey: key })
+}));
+
+const Tabs = ({
+  items,
+  lazyRender = false,
+  defaultActiveKey,
+  ...rest
+}) => {
+  const { activeTabKey, setActiveTabKey } = useTabStore();
+  const defaultKey = defaultActiveKey?.toString() || items[0]?.key;
+  useEffect(() => {
+    if (!activeTabKey && defaultKey) {
+      setActiveTabKey(defaultKey);
+    }
+  }, [activeTabKey, defaultKey, setActiveTabKey]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Tabs$1,
+    {
+      items,
+      destroyInactiveTabPane: lazyRender,
+      activeKey: activeTabKey,
+      defaultActiveKey,
+      onChange: (key) => setActiveTabKey(key),
+      ...rest
+    }
+  );
+};
+
+export { Tabs };

package/es/ui/Tag.js

@@ -0,0 +1,12 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Tag as Tag$1 } from 'antd';
+
+const Tag = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Tag$1, { ...rest, children: [
+    " ",
+    children
+  ] });
+};
+
+export { Tag };

package/es/ui/Timeline.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Timeline as Timeline$1 } from 'antd';
+
+const Timeline = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Timeline$1, { ...props });
+};
+
+export { Timeline };

package/es/ui/Tooltip.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Tooltip as Tooltip$1 } from 'antd';
+
+const Tooltip = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { ...props, children });
+};
+
+export { Tooltip };

package/es/ui/Tour.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Tour as Tour$1 } from 'antd';
+
+const Tour = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tour$1, { ...props });
+};
+
+export { Tour };

package/es/ui/Tree.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Tree as Tree$1 } from 'antd';
+
+const Tree = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tree$1, { ...props });
+};
+
+export { Tree };

package/es/ui/Typography.js

@@ -0,0 +1,11 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Typography as Typography$1 } from 'antd';
+
+const { Title, Paragraph, Text } = Typography$1;
+const Typography = {
+  Title: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Title, { ...props }),
+  Paragraph: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { ...props }),
+  Text: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { ...props })
+};
+
+export { Typography };

package/es/ui/UploadImage.js

@@ -0,0 +1,116 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import * as React from 'react';
+import { useState } from 'react';
+import { Upload, Image, Tooltip, message } from 'antd';
+import { Spin } from './Spin.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-B_SLhOJa.js';
+
+// This icon file is generated automatically.
+var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
+
+var CloseOutlined = function CloseOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+    ref: ref,
+    icon: CloseOutlined$1
+  }));
+};
+
+/**![close](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzk5Ljg2IDE2Ni4zMWMuMDIgMCAuMDQuMDIuMDguMDZsNTcuNjkgNTcuN2MuMDQuMDMuMDUuMDUuMDYuMDhhLjEyLjEyIDAgMDEwIC4wNmMwIC4wMy0uMDIuMDUtLjA2LjA5TDU2OS45MyA1MTJsMjg3LjcgMjg3LjdjLjA0LjA0LjA1LjA2LjA2LjA5YS4xMi4xMiAwIDAxMCAuMDdjMCAuMDItLjAyLjA0LS4wNi4wOGwtNTcuNyA1Ny42OWMtLjAzLjA0LS4wNS4wNS0uMDcuMDZhLjEyLjEyIDAgMDEtLjA3IDBjLS4wMyAwLS4wNS0uMDItLjA5LS4wNkw1MTIgNTY5LjkzbC0yODcuNyAyODcuN2MtLjA0LjA0LS4wNi4wNS0uMDkuMDZhLjEyLjEyIDAgMDEtLjA3IDBjLS4wMiAwLS4wNC0uMDItLjA4LS4wNmwtNTcuNjktNTcuN2MtLjA0LS4wMy0uMDUtLjA1LS4wNi0uMDdhLjEyLjEyIDAgMDEwLS4wN2MwLS4wMy4wMi0uMDUuMDYtLjA5TDQ1NC4wNyA1MTJsLTI4Ny43LTI4Ny43Yy0uMDQtLjA0LS4wNS0uMDYtLjA2LS4wOWEuMTIuMTIgMCAwMTAtLjA3YzAtLjAyLjAyLS4wNC4wNi0uMDhsNTcuNy01Ny42OWMuMDMtLjA0LjA1LS4wNS4wNy0uMDZhLjEyLjEyIDAgMDEuMDcgMGMuMDMgMCAuMDUuMDIuMDkuMDZMNTEyIDQ1NC4wN2wyODcuNy0yODcuN2MuMDQtLjA0LjA2LS4wNS4wOS0uMDZhLjEyLjEyIDAgMDEuMDcgMHoiIC8+PC9zdmc+) */
+var RefIcon = /*#__PURE__*/React.forwardRef(CloseOutlined);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon.displayName = 'CloseOutlined';
+}
+
+const logoUpload = "data:image/png;base64,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";
+
+const { Dragger } = Upload;
+const UploadImage = ({
+  onUploadSuccess
+}) => {
+  const [imageUrl, setImageUrl] = useState("");
+  const [loading, setLoading] = useState(false);
+  const handleUpload = async (options) => {
+    const { file } = options;
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("upload_preset", "ml_default");
+    setLoading(true);
+    try {
+      const res = await fetch(
+        "https://api.cloudinary.com/v1_1/dhtrzmzd3/image/upload",
+        {
+          method: "POST",
+          body: formData
+        }
+      );
+      const response = await res.json();
+      const uploadedUrl = response?.secure_url;
+      setImageUrl(uploadedUrl);
+      if (onUploadSuccess) {
+        onUploadSuccess(uploadedUrl);
+        message.success("Tải ảnh lên thành công");
+      }
+    } catch (err) {
+      console.error(err);
+      message.error("Tải ảnh lên thất bại");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRemoveImage = () => {
+    setImageUrl("");
+    if (onUploadSuccess) {
+      onUploadSuccess("");
+    }
+  };
+  const props = {
+    name: "file",
+    multiple: false,
+    customRequest: handleUpload,
+    showUploadList: false
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dragger, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) : imageUrl ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      onClick: (e) => e.stopPropagation(),
+      className: "w-full rounded-md relative",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Image,
+          {
+            src: imageUrl,
+            alt: "Uploaded",
+            style: { width: "100%", height: "auto" },
+            className: "rounded-md"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Xóa ảnh", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleRemoveImage();
+            },
+            className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-white cursor-pointer bg-opacity-80 rounded-full hover:bg-opacity-100 transition",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, { className: "text-black text-[12px]" })
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ant-upload-drag-icon flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        src: logoUpload,
+        alt: "Upload",
+        width: 64,
+        height: 64,
+        className: "rounded-md w-full h-full"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ant-upload-text text-[#116DFF] text-[14px] font-[400]", children: "Tải hình ảnh lên" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ant-upload-hint text-[14px] font-[400]", children: "Ảnh có kích thước 400x400 px và dung lượng dưới 1MB" })
+  ] }) }) });
+};
+
+export { UploadImage };

package/es/ui/Watermark.js

@@ -0,0 +1,28 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Flex, Watermark as Watermark$1, Typography } from 'antd';
+
+const Watermark = ({ ...rest }) => {
+  const { Paragraph } = Typography;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { gap: "middle", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Watermark$1, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { children: "The light-speed iteration of the digital world makes products more complex. However, human consciousness and attention resources are limited. Facing this design contradiction, the pursuit of natural interaction will be the consistent direction of Ant Design." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { children: "Natural user cognition: According to cognitive psychology, about 80% of external information is obtained through visual channels. The most important visual elements in the interface design, including layout, colors, illustrations, icons, etc., should fully absorb the laws of nature, thereby reducing the user's cognitive cost and bringing authentic and smooth feelings. In some scenarios, opportunely adding other sensory channels such as hearing, touch can create a richer and more natural product experience." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { children: "Natural user behavior: In the interaction with the system, the designer should fully understand the relationship between users, system roles, and task objectives, and also contextually organize system functions and services. At the same time, a series of methods such as behavior analysis, artificial intelligence and sensors could be applied to assist users to make effective decisions and reduce extra operations of users, to save users' mental and physical resources and make human-computer interaction more natural." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        style: {
+          zIndex: 10,
+          width: "100%",
+          maxWidth: 800,
+          position: "relative"
+        },
+        src: "https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*zx7LTI_ECSAAAAAAAAAAAABkARQnAQ",
+        alt: "img"
+      }
+    )
+  ] }) });
+};
+
+export { Watermark };