@ecoding/components.antd 0.2.33 → 0.2.35

package/lib/core/confirm/index.d.ts

@@ -5,7 +5,7 @@ interface IComfirm {
     okText?: string;
     width?: number;
     cancelText?: string;
-    okType?: "primary" | "default" | "ghost" | "dashed" | "link" | "text" | "danger" | undefined;
+    okType?: "primary" | "default" | "dashed" | "link" | "text" | "danger" | undefined;
     onOk: () => Promise<any>;
     onCancel?: () => Promise<any>;
 }

package/lib/core/date.picker/index.js

@@ -34,7 +34,7 @@ const Picker = (props) => {
         }
         setDates(v);
     }, [props.value]);
-    return (React.createElement(DatePicker, { value: date, className: props.className || undefined, style: props.style || undefined, showTime: props.showTime ? { defaultValue: dayjs("00:00:00", "HH:mm:ss") } : undefined, disabledDate: props.disabledDate || undefined, disabled: props.disabled || undefined, onChange: change }));
+    return (React.createElement(DatePicker, { value: date, className: props.className || undefined, style: Object.assign({}, { width: "100%" }, props.style) || undefined, showTime: props.showTime ? { defaultValue: dayjs("00:00:00", "HH:mm:ss") } : undefined, disabledDate: props.disabledDate || undefined, disabled: props.disabled || undefined, onChange: change }));
 };
 Picker.defaultProps = {};
 export default Picker;

package/lib/core/drawer/index.d.ts

@@ -14,7 +14,7 @@ export interface IDrawerProps {
     placement?: DrawerProps["placement"];
     okDanger?: boolean;
     title?: React.ReactNode;
-    okType?: "text" | "link" | "ghost" | "default" | "primary" | "dashed" | undefined;
+    okType?: "text" | "link" | "default" | "primary" | "dashed" | undefined;
     okText?: string;
     cancelText?: string;
     mask?: boolean;

package/lib/core/form.label/index.d.ts

@@ -1,7 +1,8 @@
-import React from "react";
+import React from 'react';
 interface IProps {
-    value?: string;
-    type?: "secondary" | "success" | "warning" | "danger";
+    value?: string | string[];
+    type?: 'secondary' | 'success' | 'warning' | 'danger';
+    splitDot?: string;
     empty?: React.ReactNode;
     disabled?: boolean;
     mark?: boolean;
@@ -13,7 +14,15 @@ interface IProps {
     italic?: boolean;
     link?: {
         href?: string;
-        target?: "_blank" | "_self";
+        target?: '_blank' | '_self';
+        download?: string;
+    };
+    tag?: boolean | {
+        bordered?: boolean;
+        color?: "success" | "processing" | "error" | "warning" | "magenta" | "red" | "volcano" | "orange" | "gold" | "lime" | "green" | "cyan" | "blue" | "geekblue" | "purple";
+    };
+    badge?: boolean | {
+        status?: "success" | "error" | "processing" | "warning";
     };
 }
 declare const C: React.FC<IProps>;

package/lib/core/form.label/index.js

@@ -1,9 +1,55 @@
-import React from "react";
-import { Typography } from "antd";
-const C = (props) => {
-    if (props.link) {
-        return React.createElement(Typography.Link, Object.assign({}, props.link), props.value);
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { isSomething } from '@ecoding/helper.is';
+import { Typography, Space, Tag, Badge } from 'antd';
+const C = (_a) => {
+    var { badge, tag } = _a, props = __rest(_a, ["badge", "tag"]);
+    if (!isSomething(props.value) || Array.isArray(props.value) && props.value.length === 0) {
+        return React.createElement(Typography.Text, null, props.empty || "");
+    }
+    if (badge) {
+        const opts = badge === true ? {} : badge;
+        if (!Array.isArray(props.value)) {
+            return React.createElement(Badge, { status: opts.status || "default", text: props.value });
+        }
+        return (React.createElement(Space, { split: props.splitDot, wrap: true }, props.value.map((item) => {
+            return React.createElement(Badge, { status: opts.status || "default", text: props.value });
+        })));
+    }
+    if (tag) {
+        const opts = tag === true ? {} : tag;
+        if (!Array.isArray(props.value)) {
+            return React.createElement(Tag, { style: { marginInlineEnd: 0 }, color: opts.color, bordered: opts.bordered }, props.value);
+        }
+        return (React.createElement(Space, { split: props.splitDot, wrap: true }, props.value.map((item) => {
+            return React.createElement(Tag, { style: { marginInlineEnd: 0 }, color: opts.color, bordered: opts.bordered }, item);
+        })));
+    }
+    if (!Array.isArray(props.value)) {
+        if (props.link) {
+            return React.createElement(Typography.Link, Object.assign({}, props.link), props.value);
+        }
+        else {
+            return (React.createElement(Typography.Text, { type: props.type, italic: props.italic, strong: props.strong, delete: props.delete, underline: props.underline, disabled: props.disabled, mark: props.mark, code: props.code, keyboard: props.keyboard }, props.value));
+        }
     }
-    return React.createElement(Typography.Text, { italic: props.italic, strong: props.strong, delete: props.delete, underline: props.underline, disabled: props.disabled, mark: props.mark, code: props.code, keyboard: props.keyboard }, props.empty ? props.empty : props.value);
+    return (React.createElement(Space, { split: props.splitDot, wrap: true }, props.value.map((item) => {
+        if (props.link) {
+            return React.createElement(Typography.Link, Object.assign({}, props.link), item);
+        }
+        else {
+            return (React.createElement(Typography.Text, { type: props.type, italic: props.italic, strong: props.strong, delete: props.delete, underline: props.underline, disabled: props.disabled, mark: props.mark, code: props.code, keyboard: props.keyboard }, item));
+        }
+    })));
 };
 export default C;

package/lib/core/form.label.attachment/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IRes {
+    name: string;
+    url: string;
+    [props: string]: any;
+}
+interface IProps {
+    value?: IRes | IRes[];
+    empty?: React.ReactNode;
+    i18n?: any;
+    render?: (infos: IRes[]) => React.ReactNode;
+}
+declare const C: React.FC<IProps>;
+export default C;

package/lib/core/form.label.attachment/index.js

@@ -0,0 +1,87 @@
+import React, { useState } from 'react';
+import { isSomething } from '@ecoding/helper.is';
+import { LinkOutlined, CloudDownloadOutlined, EyeOutlined } from '@ant-design/icons';
+import { Typography, Popover, Tag, Checkbox, Space } from 'antd';
+const InfosRender = ({ infos, i18n }) => {
+    const [checkedList, setCheckedList] = useState([]);
+    const style = {
+        display: 'flex',
+        justifyContent: 'space-between',
+        margin: 0
+    };
+    const checkAll = infos.length === checkedList.length;
+    const indeterminate = checkedList.length > 0 && checkedList.length < infos.length;
+    function downloadFile(url) {
+        //下载文件
+        let a = document.createElement("a");
+        a.setAttribute("href", url);
+        a.setAttribute("download", "");
+        a.setAttribute("target", "_blank");
+        const evt = new MouseEvent("click", {
+            bubbles: true,
+            cancelable: true,
+            view: window,
+        });
+        // let clickEvent = document.createEvent("MouseEvents");
+        // clickEvent.initEvent("click", true, true);
+        a.dispatchEvent(evt);
+    }
+    const checkChange = (keys) => {
+        setCheckedList(keys);
+    };
+    const onCheckAllChange = (e) => {
+        if (e.target.checked) {
+            setCheckedList(infos.map((info) => info.url));
+        }
+        else {
+            setCheckedList([]);
+        }
+    };
+    const downLoadAll = () => {
+        checkedList.forEach(key => {
+            downloadFile(key);
+        });
+    };
+    return (React.createElement("ul", { style: { width: 300, overflow: "hidden" } },
+        React.createElement(Checkbox.Group, { style: { display: "block" }, onChange: checkChange, value: checkedList }, infos.map((info, i) => {
+            return (React.createElement("li", { style: { marginBottom: 6 } },
+                React.createElement("div", { style: style },
+                    infos.length > 1 ? (React.createElement(Checkbox, { value: info.url },
+                        React.createElement(Typography.Text, { style: { width: 250 }, ellipsis: true, title: info.name },
+                            React.createElement(LinkOutlined, null),
+                            " ",
+                            info.name))) : (React.createElement(Typography.Text, { style: { width: 250 }, ellipsis: true, title: info.name },
+                        React.createElement(LinkOutlined, null),
+                        " ",
+                        info.name)),
+                    React.createElement(Typography.Link, { download: info.name, title: info.name, href: info.url, target: "_blank" },
+                        React.createElement(CloudDownloadOutlined, null))),
+                info.time || info.user ? (React.createElement("div", { style: style },
+                    React.createElement(Typography.Text, { type: "secondary", style: { fontSize: 12 } }, info.time),
+                    React.createElement(Typography.Text, { type: "secondary", style: { fontSize: 12 } }, info.user))) : null));
+        })),
+        infos.length > 1 ? (React.createElement("li", { style: { marginTop: 10, paddingTop: 10, borderTop: "1px dashed #eee" } },
+            React.createElement(Space, null,
+                React.createElement(Checkbox, { indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll }, i18n ? i18n.$t('global.checkbox.all', '全选') : '全选'),
+                React.createElement(Typography.Link, { disabled: checkedList.length === 0, onClick: () => downLoadAll() }, i18n ? i18n.$t('global.batch.download', '批量下载') : '批量下载')))) : null));
+};
+const C = ({ value, empty, render, i18n }) => {
+    if (!isSomething(value) || (Array.isArray(value) && value.length === 0)) {
+        return React.createElement(React.Fragment, null, empty || '-');
+    }
+    if (Array.isArray(value)) {
+        return (React.createElement(Popover, { destroyTooltipOnHide: true, placement: "right", trigger: "hover", title: "Uploaded", content: render ? render(value) : React.createElement(InfosRender, { i18n: i18n, infos: value }) },
+            React.createElement(Tag, { icon: React.createElement(EyeOutlined, null), color: "processing" }, i18n ? i18n.$t('global.attachment', '附件') : '附件')));
+    }
+    if (typeof value === 'string') {
+        return (React.createElement(Typography.Link, { download: "", title: value, href: value, target: "_blank" },
+            React.createElement(LinkOutlined, null),
+            " ",
+            i18n ? i18n.$t('global.attachment', '附件') : '附件'));
+    }
+    return (React.createElement(Typography.Link, { download: value === null || value === void 0 ? void 0 : value.name, title: value === null || value === void 0 ? void 0 : value.name, href: value === null || value === void 0 ? void 0 : value.url, target: "_blank" },
+        React.createElement(LinkOutlined, null),
+        " ",
+        i18n ? i18n.$t('global.attachment', '附件') : '附件'));
+};
+export default C;

package/lib/core/form.list/index.d.ts

@@ -14,6 +14,7 @@ interface IProps {
     rules?: any;
     i18n?: any;
     hideOperation?: boolean;
+    hideBottom?: boolean;
     operation?: {
         width?: number;
         component?: React.ReactNode;

package/lib/core/form.list/index.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Typography, Form, Button } from 'antd';
 import { PlusCircleOutlined } from '@ant-design/icons';
-const C = ({ columns, rules, name, hideOperation, operation, i18n }) => {
+const C = ({ columns, rules, name, hideOperation, hideBottom, operation, i18n }) => {
     const tdStyle = {
         verticalAlign: 'top',
         lineHeight: '32px',
@@ -33,7 +33,7 @@ const C = ({ columns, rules, name, hideOperation, operation, i18n }) => {
             React.createElement("table", { style: { width: widths } },
                 React.createElement("thead", null,
                     React.createElement("tr", null,
-                        React.createElement("th", { style: Object.assign({}, thStyle, { width: '60px' }) }, i18n ? i18n.$t("global.num") : "序号"),
+                        React.createElement("th", { style: Object.assign({}, thStyle, { width: '60px' }) }, i18n ? i18n.$t("global.num", "序号") : "序号"),
                         columns.map((column, i) => {
                             if (column.require) {
                                 return (React.createElement("th", { style: Object.assign({}, thStyle, { width: column.width || 200 }) },
@@ -43,7 +43,7 @@ const C = ({ columns, rules, name, hideOperation, operation, i18n }) => {
                             }
                             return React.createElement("th", { style: Object.assign({}, thStyle, { width: column.width || 200 }) }, column.title);
                         }),
-                        hideOperation ? null : operation ? (React.createElement("th", { style: Object.assign({}, thStyle, { width: operation.width || 150, right: 0, position: "sticky" }) }, operation.title)) : (React.createElement("th", { style: Object.assign({}, thStyle, { width: 150, right: 0, position: "sticky" }) }, i18n ? i18n.$t("global.operation") : "操作")))),
+                        hideOperation ? null : operation ? (React.createElement("th", { style: Object.assign({}, thStyle, { width: operation.width || 150, right: 0, position: "sticky" }) }, operation.title)) : (React.createElement("th", { style: Object.assign({}, thStyle, { width: 150, right: 0, position: "sticky" }) }, i18n ? i18n.$t("global.operation", "操作") : "操作")))),
                 React.createElement("tbody", null, fields.map((field, index) => {
                     return (React.createElement("tr", { style: trStyle },
                         React.createElement("td", { style: tdStyle }, index + 1),
@@ -52,9 +52,9 @@ const C = ({ columns, rules, name, hideOperation, operation, i18n }) => {
                                 React.createElement(Form.Item, { name: [field.name, column.name], rules: column.rules || [] }, column.render(field, index))));
                         }),
                         hideOperation ? null : operation ? (React.createElement("td", { style: Object.assign({}, tdStyle, { right: 0, position: "sticky", backgroundColor: "#fff" }) }, operation.component)) : (React.createElement("td", { style: Object.assign({}, tdStyle, { right: 0, position: "sticky", backgroundColor: "#fff" }) },
-                            React.createElement(Typography.Text, { style: { cursor: 'pointer' }, type: "danger", onClick: () => remove(field.name) }, i18n ? i18n.$t("global.del") : '删除')))));
+                            React.createElement(Typography.Text, { style: { cursor: 'pointer' }, type: "danger", onClick: () => remove(field.name) }, i18n ? i18n.$t("global.del", '删除') : '删除')))));
                 })))),
-        React.createElement("div", null,
-            React.createElement(Button, { icon: React.createElement(PlusCircleOutlined, null), type: "dashed", onClick: () => add() }, i18n ? i18n.$t("global.add") : "添加"))))));
+        hideBottom ? null : (React.createElement("div", null,
+            React.createElement(Button, { icon: React.createElement(PlusCircleOutlined, null), type: "dashed", onClick: () => add() }, i18n ? i18n.$t("global.add", "添加") : "添加")))))));
 };
 export default C;

package/lib/core/modal/index.d.ts

@@ -10,7 +10,7 @@ export interface IModalProps {
     mask?: boolean;
     title?: React.ReactNode;
     okDanger?: boolean;
-    okType?: "text" | "link" | "ghost" | "default" | "primary" | "dashed" | undefined;
+    okType?: "text" | "link" | "default" | "primary" | "dashed" | undefined;
     okText?: string;
     cancelText?: string;
     closable?: boolean;

package/lib/core/multiple-upload/index.d.ts

@@ -3,6 +3,7 @@ import { UploadFile } from 'antd/lib/upload/interface';
 interface IRes {
     name: string;
     url: string;
+    [props: string]: any;
 }
 interface IProps {
     action: string | (() => string);

package/lib/core/multiple-upload/index.js

@@ -27,7 +27,7 @@ const InfosRender = ({ infos, setInfos }) => {
                     justifyContent: "space-between",
                     maxWidth: 250
                 } },
-                React.createElement(Typography.Link, { ellipsis: true, title: info.name, href: info.url, target: "_blank" },
+                React.createElement(Typography.Link, { download: info.name, ellipsis: true, title: info.name, href: info.url, target: "_blank" },
                     React.createElement(LinkOutlined, null),
                     " ",
                     info.name),

package/lib/core/phone-input/index.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+/**
+.ant_select_no_padding > .ant-select-selector{
+    padding: 0 !important;
+}
+ */
 interface IProps {
     placeholder?: string;
     value?: string;

package/lib/core/range-picker/index.js

@@ -50,7 +50,7 @@ const Picker = (props) => {
         });
         setDates(v);
     }, [props.value]);
-    return (React.createElement(RangePicker, { value: dates, className: props.className || undefined, style: props.style || undefined, showTime: props.showTime ? {
+    return (React.createElement(RangePicker, { value: dates, className: props.className || undefined, style: Object.assign({}, { width: "100%" }, props.style) || undefined, showTime: props.showTime ? {
             defaultValue: [dayjs("00:00:00", "HH:mm:ss"), dayjs("23:59:59", "HH:mm:ss")]
         } : undefined, onCalendarChange: (val) => setDates(val), disabledDate: props.rangeDay ? disabledDate : undefined, disabled: props.disabled || undefined, onChange: change }));
 };

package/lib/core/single-img-upload/index.js

@@ -145,20 +145,20 @@ const ImgUpload = (props) => {
             React.createElement("img", { style: { width: "102px", height: "102px", objectFit: "contain" }, src: imageUrl }))) : (uploadButton)),
         React.createElement("div", null,
             React.createElement("p", null,
-                props.i18n ? props.i18n.$t("global.size") : "大小",
+                props.i18n ? props.i18n.$t("global.size", "大小") : "大小",
                 "\uFF1A",
-                props.i18n ? props.i18n.$t("global.lt") : "小于",
+                props.i18n ? props.i18n.$t("global.lt", "小于") : "小于",
                 " ",
                 props.opts.size || 1,
                 "MB"),
             React.createElement("p", null,
-                props.i18n ? props.i18n.$t("global.dimension") : "尺寸",
+                props.i18n ? props.i18n.$t("global.dimension", "尺寸") : "尺寸",
                 "\uFF1A",
                 props.opts.w ? `${props.opts.w}px` : "n",
                 " * ",
                 props.opts.h ? `${props.opts.h}px` : "n"),
             React.createElement("p", null,
-                props.i18n ? props.i18n.$t("global.support") : "支持",
+                props.i18n ? props.i18n.$t("global.support", "支持") : "支持",
                 "\uFF1Ajpg\u3001jpeg\u3001png",
                 props.gif ? "、gif" : ""))));
 };

package/lib/index.d.ts

@@ -13,6 +13,7 @@ export { default as SingleImgUpload } from "./core/single-img-upload";
 export { default as SingleFileUpload } from "./core/single-file-upload";
 export { default as MultipleUpload } from "./core/multiple-upload";
 export { default as FormLabel } from "./core/form.label";
+export { default as FormLabelAttachment } from "./core/form.label.attachment";
 export { default as FormList } from "./core/form.list";
 export { default as AsyncSelect } from "./core/async-select";
 export { default as AsyncTransfer } from "./core/async-transfer";

package/lib/index.js

@@ -13,6 +13,7 @@ export { default as SingleImgUpload } from "./core/single-img-upload";
 export { default as SingleFileUpload } from "./core/single-file-upload";
 export { default as MultipleUpload } from "./core/multiple-upload";
 export { default as FormLabel } from "./core/form.label";
+export { default as FormLabelAttachment } from "./core/form.label.attachment";
 export { default as FormList } from "./core/form.list";
 export { default as AsyncSelect } from "./core/async-select";
 export { default as AsyncTransfer } from "./core/async-transfer";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.2.33",
+    "version": "0.2.35",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -38,11 +38,11 @@
         "@ecoding/helper.json": "^0.0.5",
         "@ecoding/helper.request.hook": "^0.0.6",
         "@ecoding/helper.url": "^0.0.5",
-        "antd": "^5.1.2",
+        "antd": "^5.8.4",
         "axios": "^1.1.2"
     },
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "d73e8530a38213c98888a7ed09f1225c0cecbc73"
+    "gitHead": "40f952fbe365c25cc90b04890feb2095ef4a56f7"
 }