@knockout-js/layout 0.1.0 → 0.1.1-beta.1

package/esm/components/msg-dropdown/index.js

@@ -0,0 +1,155 @@
+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 } from "@ice/jsx-runtime/jsx-runtime";
+import { Badge, Dropdown, List } from "antd";
+import styles from "./index.module.css";
+import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import { BellOutlined } from "@ant-design/icons";
+import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/msgcenter";
+import { getDate } from "../_util/index";
+import { useLocale } from "../locale/index";
+import { gql, paging, query } from "@knockout-js/ice-urql/request";
+import { instanceName } from "@knockout-js/api";
+var userMsgQuery = gql("query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\n  userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\n    totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\n    edges{\n      cursor,node{\n        id,msgInternalID,createdAt,deleteAt,readAt,userID\n        msgInternal{\n          id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\n        }\n      }\n    }\n  }\n}");
+var userUnreadQuery = gql("query layoutPkgUserUnreadMsgInternals{\n  userUnreadMsgInternals\n}");
+export default /*#__PURE__*/ forwardRef(function(props, ref) {
+    var _props_maxLength;
+    var locale = useLocale("MsgDropdown"), _useState = _sliced_to_array(useState([]), 2), items = _useState[0], setItems = _useState[1], _useState1 = _sliced_to_array(useState(false), 2), open = _useState1[0], setOpen = _useState1[1], _useState2 = _sliced_to_array(useState(false), 2), showDot = _useState2[0], setShowDot = _useState2[1], _useState3 = _sliced_to_array(useState(false), 2), loading = _useState3[0], setLoading = _useState3[1], maxLength = (_props_maxLength = props.maxLength) !== null && _props_maxLength !== void 0 ? _props_maxLength : 5;
+    var requestData = function() {
+        var _ref = _async_to_generator(function() {
+            var _result_data, _result_data_userMsgInternalTos_edges, result, list;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        setLoading(true);
+                        return [
+                            4,
+                            paging(userMsgQuery, {
+                                first: maxLength,
+                                where: {
+                                    readAtIsNil: true
+                                },
+                                orderBy: {
+                                    direction: OrderDirection.Desc,
+                                    field: MsgInternalToOrderField.CreatedAt
+                                }
+                            }, 1, {
+                                instanceName: instanceName.MSGCENTER
+                            })
+                        ];
+                    case 1:
+                        result = _state.sent(), list = [];
+                        if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMsgInternalTos) (_result_data_userMsgInternalTos_edges = result.data.userMsgInternalTos.edges) === null || _result_data_userMsgInternalTos_edges === void 0 ? void 0 : _result_data_userMsgInternalTos_edges.forEach(function(item) {
+                            if (item === null || item === void 0 ? void 0 : item.node) list.push({
+                                key: item.node.id,
+                                data: item.node
+                            });
+                        });
+                        setShowDot(list.length > 0);
+                        setItems(list);
+                        setLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function requestData() {
+            return _ref.apply(this, arguments);
+        };
+    }(), requestUnread = function() {
+        var _ref = _async_to_generator(function() {
+            var _result_data, result, _result_data_userUnreadMsgInternals;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            query(userUnreadQuery, {}, {
+                                instanceName: instanceName.MSGCENTER
+                            })
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function requestUnread() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useImperativeHandle(ref, function() {
+        return {
+            setShowDot: function() {
+                setShowDot(true);
+            }
+        };
+    });
+    useEffect(function() {
+        if (open) requestData();
+    }, [
+        open
+    ]);
+    useEffect(function() {
+        requestUnread();
+    }, []);
+    return /*#__PURE__*/ _jsx(Dropdown, {
+        menu: {
+            items: items
+        },
+        trigger: [
+            "click"
+        ],
+        open: open,
+        onOpenChange: setOpen,
+        placement: "bottomRight",
+        dropdownRender: function() {
+            /*#__PURE__*/ return _jsx(List, {
+                loading: loading,
+                className: styles.list,
+                header: /*#__PURE__*/ _jsx("div", {
+                    children: locale.title
+                }),
+                footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
+                    className: styles.footer,
+                    onClick: function() {
+                        var _props_onMoreClick;
+                        (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
+                    },
+                    children: locale.footer
+                }) : undefined,
+                bordered: true,
+                size: "small",
+                dataSource: items,
+                renderItem: function(item) {
+                    /*#__PURE__*/ return _jsx(List.Item, {
+                        onClick: function() {
+                            var _props_onItemClick;
+                            (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
+                        },
+                        children: /*#__PURE__*/ _jsx(List.Item.Meta, {
+                            title: item.data.msgInternal.subject,
+                            description: getDate(item.data.createdAt, "YYYY-MM-DD HH:mm:ss")
+                        })
+                    }, item.key);
+                }
+            });
+        },
+        children: /*#__PURE__*/ _jsx("span", {
+            className: styles.action,
+            children: /*#__PURE__*/ _jsx(Badge, {
+                dot: showDot,
+                children: /*#__PURE__*/ _jsx(BellOutlined, {
+                    rev: undefined
+                })
+            })
+        })
+    });
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\msg-dropdown\index.js.map

package/esm/components/msg-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\index.tsx"],"sourcesContent":["import { Badge, Dropdown, List } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useEffect, useState, forwardRef, useImperativeHandle, ForwardedRef } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/msgcenter';\r\nimport { getDate } from '../_util';\r\nimport { useLocale } from '../locale';\r\nimport { gql, paging, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface MsgDropdownLocale {\r\n  title: string;\r\n  footer: string;\r\n}\r\n\r\nexport interface MsgDropdownProps {\r\n  /**\r\n   * 最多显示几条\r\n   */\r\n  maxLength?: number;\r\n  /**\r\n   * 选中一项\r\n   * @param data\r\n   * @returns\r\n   */\r\n  onItemClick?: (data: MsgInternalTo) => void;\r\n  /**\r\n   * 查看更多\r\n   * @returns\r\n   */\r\n  onMoreClick?: () => void;\r\n}\r\n\r\ntype ItemsTypeData = {\r\n  key: string;\r\n  data: MsgInternalTo;\r\n}\r\n\r\nconst userMsgQuery = gql(/* GraphQL */`query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\r\n  userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\r\n    totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\r\n    edges{\r\n      cursor,node{\r\n        id,msgInternalID,createdAt,deleteAt,readAt,userID\r\n        msgInternal{\r\n          id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\r\n        }\r\n      }\r\n    }\r\n  }\r\n}`)\r\n\r\nconst userUnreadQuery = gql(/* GraphQL */`query layoutPkgUserUnreadMsgInternals{\r\n  userUnreadMsgInternals\r\n}`)\r\n\r\nexport type MsgDropdownRef = {\r\n  setShowDot: () => void;\r\n}\r\n\r\nexport default forwardRef((props: MsgDropdownProps, ref: ForwardedRef<MsgDropdownRef>) => {\r\n  const locale = useLocale('MsgDropdown'),\r\n    [items, setItems] = useState<ItemsTypeData[]>([]),\r\n    [open, setOpen] = useState(false),\r\n    [showDot, setShowDot] = useState(false),\r\n    [loading, setLoading] = useState(false),\r\n    maxLength = props.maxLength ?? 5;\r\n\r\n  const\r\n    requestData = async () => {\r\n      setLoading(true);\r\n      const result = await paging<LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables>(\r\n        userMsgQuery, {\r\n        first: maxLength,\r\n        where: {\r\n          readAtIsNil: true,\r\n        },\r\n        orderBy: {\r\n          direction: OrderDirection.Desc,\r\n          field: MsgInternalToOrderField.CreatedAt\r\n        },\r\n      }, 1, {\r\n        instanceName: instanceName.MSGCENTER,\r\n      }), list: ItemsTypeData[] = [];\r\n      if (result.data?.userMsgInternalTos) {\r\n        result.data.userMsgInternalTos.edges?.forEach(item => {\r\n          if (item?.node) {\r\n            list.push({\r\n              key: item.node.id,\r\n              data: item.node as MsgInternalTo,\r\n            });\r\n          }\r\n        })\r\n      }\r\n      setShowDot(list.length > 0);\r\n      setItems(list);\r\n      setLoading(false);\r\n    },\r\n    requestUnread = async () => {\r\n      const result = await query<LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, { instanceName: instanceName.MSGCENTER });\r\n      setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r\n    };\r\n\r\n  useImperativeHandle(ref, () => ({\r\n    setShowDot: () => {\r\n      setShowDot(true);\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    if (open) {\r\n      requestData();\r\n    }\r\n  }, [open])\r\n\r\n  useEffect(() => {\r\n    requestUnread();\r\n  }, [])\r\n\r\n  return <Dropdown\r\n    menu={{\r\n      items,\r\n    }}\r\n    trigger={['click']}\r\n    open={open}\r\n    onOpenChange={setOpen}\r\n    placement=\"bottomRight\"\r\n    dropdownRender={() => <List\r\n      loading={loading}\r\n      className={styles.list}\r\n      header={<div>{locale.title}</div>}\r\n      footer={props.onMoreClick ? <span\r\n        className={styles.footer}\r\n        onClick={() => {\r\n          props.onMoreClick?.();\r\n        }}\r\n      >\r\n        {locale.footer}\r\n      </span> : undefined}\r\n      bordered\r\n      size=\"small\"\r\n      dataSource={items}\r\n      renderItem={(item) => <List.Item\r\n        key={item.key}\r\n        onClick={() => {\r\n          props.onItemClick?.(item.data)\r\n        }}\r\n      >\r\n        <List.Item.Meta title={item.data.msgInternal.subject} description={getDate(item.data.createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n      </List.Item>\r\n      }\r\n    />}\r\n  >\r\n    <span className={styles.action}>\r\n      <Badge dot={showDot}>\r\n        <BellOutlined rev={undefined} />\r\n      </Badge>\r\n    </span>\r\n  </Dropdown >;\r\n});\r\n"],"names":["Badge","Dropdown","List","styles","useEffect","useState","forwardRef","useImperativeHandle","BellOutlined","MsgInternalToOrderField","OrderDirection","getDate","useLocale","gql","paging","query","instanceName","userMsgQuery","userUnreadQuery","props","ref","locale","items","setItems","open","setOpen","showDot","setShowDot","loading","setLoading","maxLength","requestData","result","list","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","data","userMsgInternalTos","edges","forEach","item","node","push","key","id","length","requestUnread","userUnreadMsgInternals","menu","trigger","onOpenChange","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","action","dot","rev"],"mappings":";;;;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,OAAO;AAC7C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,mBAAmB,QAAsB,QAAQ;AAC3F,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAAgMC,uBAAuB,EAAEC,cAAc,QAAQ,6BAA6B;AAC5Q,SAASC,OAAO,QAAQ,iBAAW;AACnC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,GAAG,EAAEC,MAAM,EAAEC,KAAK,QAAQ,gCAAgC;AACnE,SAASC,YAAY,QAAQ,mBAAmB;AA8BhD,IAAMC,eAAeJ,IAAkB;AAcvC,IAAMK,kBAAkBL,IAAkB;AAQ1C,6BAAeP,WAAW,SAACa,OAAyBC,KAAsC;QAM1ED;IALd,IAAME,SAAST,UAAU,gBACHP,6BAAAA,SAA0B,EAAE,OAA/CiB,QAAmBjB,cAAZkB,WAAYlB,cACFA,8BAAAA,SAAS,KAAK,OAA/BmB,OAAiBnB,eAAXoB,UAAWpB,eACMA,8BAAAA,SAAS,KAAK,OAArCqB,UAAuBrB,eAAdsB,aAActB,eACAA,8BAAAA,SAAS,KAAK,OAArCuB,UAAuBvB,eAAdwB,aAAcxB,eACxByB,YAAYX,CAAAA,mBAAAA,MAAMW,SAAS,cAAfX,8BAAAA,mBAAmB,CAAC;IAElC,IACEY;mBAAc,oBAAA,WAAY;gBAepBC,cACFA,uCAdIA,QAYFC;;;;wBAbJJ,WAAW,IAAI;wBACA;;4BAAMf,OACnBG,cAAc;gCACdiB,OAAOJ;gCACPK,OAAO;oCACLC,aAAa,IAAI;gCACnB;gCACAC,SAAS;oCACPC,WAAW5B,eAAe6B,IAAI;oCAC9BC,OAAO/B,wBAAwBgC,SAAS;gCAC1C;4BACF,GAAG,GAAG;gCACJzB,cAAcA,aAAa0B,SAAS;4BACtC;;;wBAZMV,SAAS,eAYXC;wBACJ,IAAID,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,aAAaY,kBAAkB,EACjCZ,CAAAA,wCAAAA,OAAOW,IAAI,CAACC,kBAAkB,CAACC,KAAK,cAApCb,mDAAAA,KAAAA,IAAAA,sCAAsCc,QAAQC,SAAAA,MAAQ;4BACpD,IAAIA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,IAAI,EACZf,KAAKgB,IAAI,CAAC;gCACRC,KAAKH,KAAKC,IAAI,CAACG,EAAE;gCACjBR,MAAMI,KAAKC,IAAI;4BACjB;wBAEJ;wBAEFrB,WAAWM,KAAKmB,MAAM,GAAG;wBACzB7B,SAASU;wBACTJ,WAAW,KAAK;;;;;;QAClB;wBA5BAE;;;SA6BAsB;mBAAgB,oBAAA,WAAY;gBAEdrB,cADNA,QACMA;;;;wBADG;;4BAAMjB,MAA2FG,iBAAiB,CAAC,GAAG;gCAAEF,cAAcA,aAAa0B,SAAS;4BAAC;;;wBAAtKV,SAAS;wBACfL,WAAW,AAACK,CAAAA,CAAAA,sCAAAA,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,aAAasB,sBAAsB,cAAnCtB,iDAAAA,sCAAuC,CAAC,AAAD,IAAK;;;;;;QAC1D;wBAHAqB;;;;IAKF9C,oBAAoBa,KAAK;eAAO;YAC9BO,YAAY,WAAM;gBAChBA,WAAW,IAAI;YACjB;QACF;;IAEAvB,UAAU,WAAM;QACd,IAAIoB,MACFO;IAEJ,GAAG;QAACP;KAAK;IAETpB,UAAU,WAAM;QACdiD;IACF,GAAG,EAAE;IAEL,qBAAO,KAACpD;QACNsD,MAAM;YACJjC,OAAAA;QACF;QACAkC,SAAS;YAAC;SAAQ;QAClBhC,MAAMA;QACNiC,cAAchC;QACdiC,WAAU;QACVC,gBAAgB;0BAAM,OAAA,KAACzD;gBACrB0B,SAASA;gBACTgC,WAAWzD,OAAO8B,IAAI;gBACtB4B,sBAAQ,KAACC;8BAAKzC,OAAO0C,KAAK;;gBAC1BC,QAAQ7C,MAAM8C,WAAW,iBAAG,KAACC;oBAC3BN,WAAWzD,OAAO6D,MAAM;oBACxBG,SAAS,WAAM;4BACbhD;wBAAAA,CAAAA,qBAAAA,MAAM8C,WAAW,cAAjB9C,gCAAAA,KAAAA,IAAAA,mBAAAA,KAAAA;oBACF;8BAECE,OAAO2C,MAAM;qBACNI,SAAS;gBACnBC,QAAQ;gBACRC,MAAK;gBACLC,YAAYjD;gBACZkD,YAAY,SAACzB;kCAAS,OAAA,KAAC7C,KAAKuE,IAAI;wBAE9BN,SAAS,WAAM;gCACbhD;4BAAAA,CAAAA,qBAAAA,MAAMuD,WAAW,cAAjBvD,gCAAAA,KAAAA,IAAAA,mBAAAA,KAAAA,OAAoB4B,KAAKJ,IAAI;wBAC/B;kCAEA,cAAA,KAACzC,KAAKuE,IAAI,CAACE,IAAI;4BAACZ,OAAOhB,KAAKJ,IAAI,CAACiC,WAAW,CAACC,OAAO;4BAAEC,aAAanE,QAAQoC,KAAKJ,IAAI,CAACoC,SAAS,EAAE;;uBAL3FhC,KAAKG,GAAG;;;;kBAUjB,cAAA,KAACgB;YAAKN,WAAWzD,OAAO6E,MAAM;sBAC5B,cAAA,KAAChF;gBAAMiF,KAAKvD;0BACV,cAAA,KAAClB;oBAAa0E,KAAKd;;;;;AAI3B,GAAG"}

package/esm/components/msg-dropdown/index.module.css

@@ -0,0 +1,33 @@
+.action {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action>span {
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.list {
+  background-color: #ffffff;
+  width: 380px;
+}
+
+.list :global(.ant-list-item) {
+  cursor: pointer;
+}
+
+.list :global(.ant-list-header) {
+  font-weight: bold;
+  border-radius: 8px 8px 0 0;
+  background-color: #fafafa;
+}
+
+
+.footer {
+  cursor: pointer;
+}

package/esm/components/msg-dropdown/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import { MsgDropdownLocale } from "../index";
+declare const locale: MsgDropdownLocale;
+export default locale;

package/esm/components/msg-dropdown/locale/en_US.js

@@ -0,0 +1,7 @@
+var locale = {
+    title: "Station message notification",
+    footer: "See more"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\msg-dropdown\locale\en_US.js.map

package/esm/components/msg-dropdown/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { MsgDropdownLocale } from \"../index\";\r\n\r\nconst locale: MsgDropdownLocale = {\r\n  title: \"Station message notification\",\r\n  footer: \"See more\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","footer"],"mappings":"AAEA,IAAMA,SAA4B;IAChCC,OAAO;IACPC,QAAQ;AACV;AAEA,eAAeF,OAAM"}

package/esm/components/msg-dropdown/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import { MsgDropdownLocale } from "../index";
+declare const locale: MsgDropdownLocale;
+export default locale;

package/esm/components/msg-dropdown/locale/zh_CN.js

@@ -0,0 +1,7 @@
+var locale = {
+    title: "站内消息通知",
+    footer: "查看更多"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\msg-dropdown\locale\zh_CN.js.map

package/esm/components/msg-dropdown/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { MsgDropdownLocale } from \"../index\";\r\n\r\nconst locale: MsgDropdownLocale = {\r\n  title: \"站内消息通知\",\r\n  footer: \"查看更多\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","footer"],"mappings":"AAEA,IAAMA,SAA4B;IAChCC,OAAO;IACPC,QAAQ;AACV;AAEA,eAAeF,OAAM"}

package/esm/components/tenant-dropdown/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Org } from '@knockout-js/api';
+import { Org } from '@knockout-js/api/ucenter';
 export interface TenantDropdownLocale {
     switchTipTitle: string;
     confirmTitle: string;

package/esm/components/tenant-dropdown/index.js

@@ -7,7 +7,7 @@ import { useCallback, useEffect, useState } from "react";
 import styles from "./index.module.css";
 import { useLocale } from "../locale/index";
 import { gql, query } from "@knockout-js/ice-urql/request";
-import { iceUrqlInstance } from "../index";
+import { instanceName } from "@knockout-js/api";
 var userRootOrgListQuery = gql("query userRootOrgs{\n  userRootOrgs{\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\n  }\n}");
 export default function(props) {
     var _menu_items;
@@ -21,7 +21,7 @@ export default function(props) {
                         return [
                             4,
                             query(userRootOrgListQuery, {}, {
-                                instanceName: iceUrqlInstance.ucenter
+                                instanceName: instanceName.UCENTER
                             })
                         ];
                     case 1:

package/esm/components/tenant-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { iceUrqlInstance } from '..';\r\n\r\nexport interface TenantDropdownLocale {\r\n  switchTipTitle: string;\r\n  confirmTitle: string;\r\n  confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n  /**\r\n   * 当前 tenantId\r\n   */\r\n  value: string;\r\n  /**\r\n   * 数据源\r\n   */\r\n  dataSource?: Org[];\r\n  /**\r\n   * value变更事件 (value: string) => void;\r\n   */\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/* GraphQL */`query userRootOrgs{\r\n  userRootOrgs{\r\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n  }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n  const locale = useLocale('TenantDropdown'),\r\n    [list, setList] = useState<Array<Org>>([]),\r\n    [info, setInfo] = useState<Org | undefined>(undefined),\r\n    [menu, setMenu] = useState<MenuProps | undefined>(undefined);\r\n\r\n  const\r\n    getRequest = async () => {\r\n      const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: iceUrqlInstance.ucenter });\r\n      if (result.data?.userRootOrgs.length) {\r\n        const orgList = result.data.userRootOrgs as Org[]\r\n        setList(orgList)\r\n      }\r\n    },\r\n    setValue = () => {\r\n      setInfo(list.find(item => item.id == props.value));\r\n      setMenu({\r\n        items: list.filter(item => item?.id != props.value).map(item => {\r\n          return {\r\n            key: item.id,\r\n            label: item.name,\r\n            onClick: menuItemClick\r\n          };\r\n        }),\r\n      });\r\n    },\r\n    menuItemClick = useCallback(({ key }: { key: string }) => {\r\n      Modal.confirm({\r\n        title: locale.confirmTitle,\r\n        content: locale.confirmContent,\r\n        onOk: () => {\r\n          props.onChange(key)\r\n        },\r\n      });\r\n    }, []);\r\n\r\n  useEffect(() => {\r\n    if (document.hidden && (info && info.id != props.value)) {\r\n      const tipStr = locale.switchTipTitle;\r\n      document.title = tipStr;\r\n      document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n      window.close();\r\n    } else {\r\n      setValue()\r\n    }\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    setValue()\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    if (props.dataSource) {\r\n      setList(props.dataSource)\r\n    } else {\r\n      getRequest();\r\n    }\r\n  }, [, props.dataSource]);\r\n\r\n  return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n    <span className={styles.action}>\r\n      <span>{info.name}</span>\r\n    </span>\r\n  </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","iceUrqlInstance","userRootOrgListQuery","props","menu","locale","list","setList","undefined","info","setInfo","setMenu","getRequest","result","orgList","instanceName","ucenter","data","userRootOrgs","length","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";;;;AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,eAAe,QAAQ,WAAK;AAuBrC,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QA2DCC;IA1D9C,IAAMC,SAASP,UAAU,mBACLF,6BAAAA,SAAqB,EAAE,OAAxCU,OAAiBV,cAAXW,UAAWX,cACAA,8BAAAA,SAA0BY,gBAA3CC,OAAiBb,eAAXc,UAAWd,eACAA,8BAAAA,SAAgCY,gBAAjDJ,OAAiBR,eAAXe,UAAWf;IAEpB,IACEgB;mBAAa,oBAAA,WAAY;gBAEnBC,cADEA,QAEEC;;;;wBAFO;;4BAAMd,MAAqDE,sBAAsB,CAAC,GAAG;gCAAEa,cAAcd,gBAAgBe,OAAO;4BAAC;;;wBAAtIH,SAAS;wBACf,IAAIA,CAAAA,eAAAA,OAAOI,IAAI,cAAXJ,0BAAAA,KAAAA,IAAAA,aAAaK,aAAaC,MAAM,EAAE;4BAC9BL,UAAUD,OAAOI,IAAI,CAACC,YAAY;4BACxCX,QAAQO;wBACV,CAAC;;;;;;QACH;wBANAF;;;SAOAQ,WAAW,WAAM;QACfV,QAAQJ,KAAKe,IAAI,CAACC,SAAAA;mBAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,SAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,SAAAA,MAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,gBAA8B;YAA3BkC,YAAAA;QAC7BnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,WAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,WAAM;QACd,IAAI6C,SAASC,MAAM,IAAKhC,QAAQA,KAAKc,EAAE,IAAIpB,MAAMqB,KAAK,EAAG;YACvD,IAAMkB,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,AAAC,qDAA2D,OAAPH,QAAO;YACtFI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,WAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,WAAM;QACd,IAAIQ,MAAM6C,UAAU,EAClBzC,QAAQJ,MAAM6C,UAAU;aAExBpC;IAEJ,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAACjB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAae,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC+B;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n  switchTipTitle: string;\r\n  confirmTitle: string;\r\n  confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n  /**\r\n   * 当前 tenantId\r\n   */\r\n  value: string;\r\n  /**\r\n   * 数据源\r\n   */\r\n  dataSource?: Org[];\r\n  /**\r\n   * value变更事件 (value: string) => void;\r\n   */\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/* GraphQL */`query userRootOrgs{\r\n  userRootOrgs{\r\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n  }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n  const locale = useLocale('TenantDropdown'),\r\n    [list, setList] = useState<Array<Org>>([]),\r\n    [info, setInfo] = useState<Org | undefined>(undefined),\r\n    [menu, setMenu] = useState<MenuProps | undefined>(undefined);\r\n\r\n  const\r\n    getRequest = async () => {\r\n      const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n      if (result.data?.userRootOrgs.length) {\r\n        const orgList = result.data.userRootOrgs as Org[]\r\n        setList(orgList)\r\n      }\r\n    },\r\n    setValue = () => {\r\n      setInfo(list.find(item => item.id == props.value));\r\n      setMenu({\r\n        items: list.filter(item => item?.id != props.value).map(item => {\r\n          return {\r\n            key: item.id,\r\n            label: item.name,\r\n            onClick: menuItemClick\r\n          };\r\n        }),\r\n      });\r\n    },\r\n    menuItemClick = useCallback(({ key }: { key: string }) => {\r\n      Modal.confirm({\r\n        title: locale.confirmTitle,\r\n        content: locale.confirmContent,\r\n        onOk: () => {\r\n          props.onChange(key)\r\n        },\r\n      });\r\n    }, []);\r\n\r\n  useEffect(() => {\r\n    if (document.hidden && (info && info.id != props.value)) {\r\n      const tipStr = locale.switchTipTitle;\r\n      document.title = tipStr;\r\n      document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n      window.close();\r\n    } else {\r\n      setValue()\r\n    }\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    setValue()\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    if (props.dataSource) {\r\n      setList(props.dataSource)\r\n    } else {\r\n      getRequest();\r\n    }\r\n  }, [, props.dataSource]);\r\n\r\n  return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n    <span className={styles.action}>\r\n      <span>{info.name}</span>\r\n    </span>\r\n  </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","undefined","info","setInfo","setMenu","getRequest","result","orgList","UCENTER","data","userRootOrgs","length","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";;;;AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QA2DCC;IA1D9C,IAAMC,SAASP,UAAU,mBACLF,6BAAAA,SAAqB,EAAE,OAAxCU,OAAiBV,cAAXW,UAAWX,cACAA,8BAAAA,SAA0BY,gBAA3CC,OAAiBb,eAAXc,UAAWd,eACAA,8BAAAA,SAAgCY,gBAAjDJ,OAAiBR,eAAXe,UAAWf;IAEpB,IACEgB;mBAAa,oBAAA,WAAY;gBAEnBC,cADEA,QAEEC;;;;wBAFO;;4BAAMd,MAAqDE,sBAAsB,CAAC,GAAG;gCAAED,cAAcA,aAAac,OAAO;4BAAC;;;wBAAnIF,SAAS;wBACf,IAAIA,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;4BAC9BJ,UAAUD,OAAOG,IAAI,CAACC,YAAY;4BACxCV,QAAQO;wBACV,CAAC;;;;;;QACH;wBANAF;;;SAOAO,WAAW,WAAM;QACfT,QAAQJ,KAAKc,IAAI,CAACC,SAAAA;mBAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,SAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,SAAAA,MAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,gBAA8B;YAA3BiC,YAAAA;QAC7BlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,WAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,WAAM;QACd,IAAI4C,SAASC,MAAM,IAAK/B,QAAQA,KAAKa,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,IAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,AAAC,qDAA2D,OAAPH,QAAO;YACtFI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,WAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,WAAM;QACd,IAAIQ,MAAM4C,UAAU,EAClBxC,QAAQJ,MAAM4C,UAAU;aAExBnC;IAEJ,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOtC,qBAAO,KAACjB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC+B;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMxC,KAAKoB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}

package/esm/components/upload-file/index.module.css

@@ -6,8 +6,8 @@
 
 .delText {
   color: #ff4d4f;
+}
 
-  &:hover {
-    color: #ff7875;
-  }
+.delText:hover {
+  color: #ff7875;
 }

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

@@ -5,10 +5,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 import { PlusOutlined } from "@ant-design/icons";
 import { Spin, Upload, message } from "antd";
 import { useEffect, useState } from "react";
-import { files as fileApi } from "@knockout-js/api";
 import { useAppCode, useTenantId } from "../provider/index";
 import { useLocale } from "../locale/index";
 import { formatFileSize, randomId } from "../_util/index";
+import { getFilesRaw, updateFiles } from "@knockout-js/api";
 export default function(props) {
     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], _useState1 = _sliced_to_array(useState(), 2), imgsrc = _useState1[0], setImgsrc = _useState1[1];
@@ -44,7 +44,7 @@ export default function(props) {
                         ]);
                         return [
                             4,
-                            fileApi.updateFiles({
+                            updateFiles({
                                 key: key,
                                 bucket: bucket,
                                 file: file
@@ -94,7 +94,7 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            fileApi.getFilesRaw(props.value, "url")
+                            getFilesRaw(props.value, "url")
                         ];
                     case 1:
                         result = _state.sent();

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

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\n\r\nexport default (props: UploadFileProps<string>) => {\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    [imgsrc, setImgsrc] = useState<string>();\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    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        if (bucket === 'local') {\r\n          const result = await fileApi.getFilesRaw(props.value, 'url');\r\n          if (typeof result === 'string') {\r\n            setImgsrc(result)\r\n          }\r\n        }\r\n      } else {\r\n        setImgsrc(undefined)\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile()\r\n  }, [props.value])\r\n\r\n  return <div style={{ display: \"inline-block\" }}>\r\n    <Spin spinning={loading} >\r\n      <Upload\r\n        accept={props.accept}\r\n        listType=\"picture-card\"\r\n        showUploadList={false}\r\n        beforeUpload={async (file) => {\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      >\r\n        {\r\n          imgsrc ? <img\r\n            src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n          /> : <>\r\n            <PlusOutlined rev={undefined} />\r\n            <div style={{ marginTop: 8 }}></div>\r\n          </>\r\n        }\r\n      </Upload>\r\n    </Spin>\r\n  </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","files","fileApi","useAppCode","useTenantId","useLocale","formatFileSize","randomId","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","error","updateFiles","onChange","onChangePath","getValueFile","value","getFilesRaw","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","img","src","alt","width","rev","marginTop"],"mappings":"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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\nimport { getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string>) => {\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    [imgsrc, setImgsrc] = useState<string>();\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    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 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        if (bucket === 'local') {\r\n          const result = await getFilesRaw(props.value, 'url');\r\n          if (typeof result === 'string') {\r\n            setImgsrc(result)\r\n          }\r\n        }\r\n      } else {\r\n        setImgsrc(undefined)\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile()\r\n  }, [props.value])\r\n\r\n  return <div style={{ display: \"inline-block\" }}>\r\n    <Spin spinning={loading} >\r\n      <Upload\r\n        accept={props.accept}\r\n        listType=\"picture-card\"\r\n        showUploadList={false}\r\n        beforeUpload={async (file) => {\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      >\r\n        {\r\n          imgsrc ? <img\r\n            src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n          /> : <>\r\n            <PlusOutlined rev={undefined} />\r\n            <div style={{ marginTop: 8 }}></div>\r\n          </>\r\n        }\r\n      </Upload>\r\n    </Spin>\r\n  </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useAppCode","useTenantId","useLocale","formatFileSize","randomId","getFilesRaw","updateFiles","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","error","onChange","onChangePath","getValueFile","value","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","img","src","alt","width","rev","marginTop"],"mappings":"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"}

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

@@ -6,9 +6,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import { UploadOutlined } from "@ant-design/icons";
 import { Modal, Spin, Typography, Upload, message } from "antd";
 import { useEffect, useState } from "react";
+import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
 import { useAppCode, useTenantId } from "../provider/index";
 import { useLocale } from "../locale/index";
-import { files as fileApi } from "@knockout-js/api";
 import { formatFileSize, randomId } from "../_util/index";
 var files = [];
 var timeoutFn = undefined;
@@ -102,7 +102,7 @@ export default function(props) {
                         ]);
                         return [
                             4,
-                            fileApi.updateFiles({
+                            updateFiles({
                                 key: key,
                                 bucket: bucket,
                                 file: file
@@ -181,7 +181,7 @@ export default function(props) {
                         };
                         return [
                             4,
-                            fileApi.getFiles(data.uid)
+                            getFiles(data.uid)
                         ];
                     case 2:
                         result = _state.sent();
@@ -198,7 +198,7 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            fileApi.getFilesRaw(data.uid, "url")
+                            getFilesRaw(data.uid, "url")
                         ];
                     case 3:
                         resultRaw = _state.sent();

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

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadMultiple.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Modal, Spin, Typography, Upload, message } from \"antd\"\r\nimport { RcFile, UploadFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { Files } from \"@knockout-js/api/esm/files\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\n\r\nlet files: RcFile[] = [];\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\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    [loading, setLoading] = useState(false),\r\n    [list, setList] = useState<UploadFile<Files>[]>([]);\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 * 5000;\r\n\r\n      if (file.size > maxSize) {\r\n        message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n        return false;\r\n      }\r\n\r\n      files.push(file);\r\n      clearTimeout(timeoutFn);\r\n      timeoutFn = setTimeout(async () => {\r\n        await updateFile();\r\n      }, 500);\r\n      return false;\r\n    },\r\n    updateFile = async () => {\r\n      if (files.length) {\r\n        setLoading(true);\r\n        const values: string[] = props.value || [];\r\n        for (let i in files) {\r\n          const file = files[i],\r\n            key = getUploadKey(file);\r\n\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                values.push(result);\r\n              }\r\n            } catch (error) {\r\n            }\r\n          }\r\n        }\r\n        await getValuesFile(values);\r\n        props.onChange?.(values);\r\n        setLoading(false);\r\n        files = [];\r\n      }\r\n    },\r\n    getValuesFile = async (values?: string[]) => {\r\n      if (values && values.length) {\r\n        const bucket = props.bucket ?? 'local';\r\n        const oldKye = list.map(item => item.uid),\r\n          addKeys = values.filter(key => !oldKye.includes(key)),\r\n          addLength = addKeys.length;\r\n        if (addLength) {\r\n          for (let i = 0; i < addLength; i++) {\r\n            const data: UploadFile = {\r\n              uid: addKeys[i],\r\n              name: '',\r\n            };\r\n            const result = await fileApi.getFiles(data.uid);\r\n            if (result?.id) {\r\n              data.name = result.name;\r\n              data.linkProps = {\r\n                download: result.name,\r\n              };\r\n              data.response = result;\r\n            }\r\n            if (bucket === 'local') {\r\n              const resultRaw = await fileApi.getFilesRaw(data.uid, 'url');\r\n              if (typeof resultRaw === 'string') {\r\n                data.url = resultRaw;\r\n              }\r\n            }\r\n            list.push(data);\r\n          }\r\n          setList([...list]);\r\n        }\r\n      } else {\r\n        setList([]);\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValuesFile(props.value);\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    const paths: string[] = [];\r\n    list.forEach(item => {\r\n      if (item.response) {\r\n        paths.push(item.response.path);\r\n      }\r\n    })\r\n    props.onChangePath?.(paths);\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      clearTimeout(timeoutFn);\r\n    };\r\n  }, []);\r\n\r\n  return <Spin spinning={loading} >\r\n    <Upload.Dragger\r\n      accept={props.accept}\r\n      beforeUpload={beforeUpload}\r\n      multiple={true}\r\n      fileList={list}\r\n      onRemove={(file) => {\r\n        Modal.confirm({\r\n          title: locale.del,\r\n          content: `${locale.confirmDel}: ${file.name}`,\r\n          onOk: () => {\r\n            setList(list.filter(item => item.uid != file.uid));\r\n            props.onChange?.(props.value?.filter(item => item != file.uid) || [])\r\n          }\r\n        })\r\n      }}\r\n    >\r\n      <br />\r\n      <div>\r\n        <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n      </div>\r\n      <br />\r\n      <div>\r\n        <Typography.Text type=\"secondary\">\r\n          {locale.clickOrDragUpload}\r\n        </Typography.Text>\r\n      </div>\r\n      <div>\r\n        <Typography.Text type=\"secondary\">\r\n          {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n        </Typography.Text>\r\n      </div>\r\n    </Upload.Dragger>\r\n  </Spin>\r\n}\r\n"],"names":["UploadOutlined","Modal","Spin","Typography","Upload","message","useEffect","useState","useAppCode","useTenantId","useLocale","files","fileApi","formatFileSize","randomId","timeoutFn","undefined","props","bucket","appCode","tenantId","locale","loading","setLoading","list","setList","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","clearTimeout","setTimeout","updateFile","values","i","key","result","length","value","updateFiles","getValuesFile","onChange","oldKye","addKeys","addLength","data","resultRaw","map","item","uid","filter","includes","getFiles","id","linkProps","download","response","getFilesRaw","url","paths","forEach","path","onChangePath","spinning","Dragger","accept","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension"],"mappings":"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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadMultiple.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Modal, Spin, Typography, Upload, message } from \"antd\"\r\nimport { RcFile, UploadFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { Files, getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\n\r\nlet files: RcFile[] = [];\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\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    [loading, setLoading] = useState(false),\r\n    [list, setList] = useState<UploadFile<Files>[]>([]);\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 * 5000;\r\n\r\n      if (file.size > maxSize) {\r\n        message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n        return false;\r\n      }\r\n\r\n      files.push(file);\r\n      clearTimeout(timeoutFn);\r\n      timeoutFn = setTimeout(async () => {\r\n        await updateFile();\r\n      }, 500);\r\n      return false;\r\n    },\r\n    updateFile = async () => {\r\n      if (files.length) {\r\n        setLoading(true);\r\n        const values: string[] = props.value || [];\r\n        for (let i in files) {\r\n          const file = files[i],\r\n            key = getUploadKey(file);\r\n\r\n          if (bucket === 'local') {\r\n            try {\r\n              const result = await updateFiles({\r\n                key,\r\n                bucket,\r\n                file,\r\n              })\r\n              if (result) {\r\n                values.push(result);\r\n              }\r\n            } catch (error) {\r\n            }\r\n          }\r\n        }\r\n        await getValuesFile(values);\r\n        props.onChange?.(values);\r\n        setLoading(false);\r\n        files = [];\r\n      }\r\n    },\r\n    getValuesFile = async (values?: string[]) => {\r\n      if (values && values.length) {\r\n        const bucket = props.bucket ?? 'local';\r\n        const oldKye = list.map(item => item.uid),\r\n          addKeys = values.filter(key => !oldKye.includes(key)),\r\n          addLength = addKeys.length;\r\n        if (addLength) {\r\n          for (let i = 0; i < addLength; i++) {\r\n            const data: UploadFile = {\r\n              uid: addKeys[i],\r\n              name: '',\r\n            };\r\n            const result = await getFiles(data.uid);\r\n            if (result?.id) {\r\n              data.name = result.name;\r\n              data.linkProps = {\r\n                download: result.name,\r\n              };\r\n              data.response = result;\r\n            }\r\n            if (bucket === 'local') {\r\n              const resultRaw = await getFilesRaw(data.uid, 'url');\r\n              if (typeof resultRaw === 'string') {\r\n                data.url = resultRaw;\r\n              }\r\n            }\r\n            list.push(data);\r\n          }\r\n          setList([...list]);\r\n        }\r\n      } else {\r\n        setList([]);\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValuesFile(props.value);\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    const paths: string[] = [];\r\n    list.forEach(item => {\r\n      if (item.response) {\r\n        paths.push(item.response.path);\r\n      }\r\n    })\r\n    props.onChangePath?.(paths);\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      clearTimeout(timeoutFn);\r\n    };\r\n  }, []);\r\n\r\n  return <Spin spinning={loading} >\r\n    <Upload.Dragger\r\n      accept={props.accept}\r\n      beforeUpload={beforeUpload}\r\n      multiple={true}\r\n      fileList={list}\r\n      onRemove={(file) => {\r\n        Modal.confirm({\r\n          title: locale.del,\r\n          content: `${locale.confirmDel}: ${file.name}`,\r\n          onOk: () => {\r\n            setList(list.filter(item => item.uid != file.uid));\r\n            props.onChange?.(props.value?.filter(item => item != file.uid) || [])\r\n          }\r\n        })\r\n      }}\r\n    >\r\n      <br />\r\n      <div>\r\n        <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n      </div>\r\n      <br />\r\n      <div>\r\n        <Typography.Text type=\"secondary\">\r\n          {locale.clickOrDragUpload}\r\n        </Typography.Text>\r\n      </div>\r\n      <div>\r\n        <Typography.Text type=\"secondary\">\r\n          {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n        </Typography.Text>\r\n      </div>\r\n    </Upload.Dragger>\r\n  </Spin>\r\n}\r\n"],"names":["UploadOutlined","Modal","Spin","Typography","Upload","message","useEffect","useState","getFiles","getFilesRaw","updateFiles","useAppCode","useTenantId","useLocale","formatFileSize","randomId","files","timeoutFn","undefined","props","bucket","appCode","tenantId","locale","loading","setLoading","list","setList","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","clearTimeout","setTimeout","updateFile","values","i","key","result","length","value","getValuesFile","onChange","oldKye","addKeys","addLength","data","resultRaw","map","item","uid","filter","includes","id","linkProps","download","response","url","paths","forEach","path","onChangePath","spinning","Dragger","accept","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension"],"mappings":"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"}

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

@@ -5,11 +5,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 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 { useLocale } from "../locale/index";
 import styles from "./index.module.css";
 import { formatFileSize, randomId } from "../_util/index";
+import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
 export default function(props) {
     var _props_accept;
     var _props_bucket, _props_appCode, _props_tenantId;
@@ -78,7 +78,7 @@ export default function(props) {
                         ]);
                         return [
                             4,
-                            fileApi.updateFiles({
+                            updateFiles({
                                 key: key,
                                 bucket: bucket,
                                 file: file
@@ -124,7 +124,7 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            fileApi.getFiles(props.value)
+                            getFiles(props.value)
                         ];
                     case 1:
                         result = _state.sent();
@@ -135,7 +135,7 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            fileApi.getFilesRaw(props.value, "url")
+                            getFilesRaw(props.value, "url")
                         ];
                     case 2:
                         result1 = _state.sent();
@@ -171,7 +171,7 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            fileApi.getFilesRaw(props.value)
+                            getFilesRaw(props.value)
                         ];
                     case 1:
                         result = _state.sent();

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

@@ -1 +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 } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize, randomId } from \"../_util\";\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","useLocale","styles","formatFileSize","randomId","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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"}
+{"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 { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\nimport { getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\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 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 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 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 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","useAppCode","useTenantId","useLocale","styles","formatFileSize","randomId","getFiles","getFilesRaw","updateFiles","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","onChange","onChangePath","getValueFile","value","id","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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"}