@knockout-js/layout 0.0.3 → 0.0.4-beta.1

package/es2017/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\modal\\index.tsx"],"sourcesContent":["import { ExpandOutlined } from \"@ant-design/icons\";\r\nimport { Modal as AntdModal, Button, ModalProps as AntdModalProps } from \"antd\";\r\nimport { ReactNode, useRef, useState } from \"react\";\r\nimport Draggable from 'react-draggable';\r\nimport styles from './index.module.css';\r\n\r\nexport type ModalProps = AntdModalProps & {\r\n  /**\r\n   * 是否头部可拖拽\r\n   */\r\n  isDraggable?: boolean;\r\n  /**\r\n   * 是否满屏\r\n   */\r\n  defaultScreenful?: boolean;\r\n  /**\r\n   * 全屏图标\r\n   */\r\n  screenfulIcon?: ReactNode | false;\r\n}\r\n\r\nconst Modal = (props: ModalProps) => {\r\n  const { width, style, title, defaultScreenful, isDraggable, screenfulIcon, ...restProps } = props;\r\n  const [screenful, setScreenful] = useState(defaultScreenful ?? false);\r\n  const [disabled, setDisabled] = useState(true);\r\n  const [bounds, setBounds] = useState({ left: 0, top: 0, bottom: 0, right: 0 });\r\n  const draggleRef = useRef<HTMLDivElement>(null);\r\n\r\n  return <AntdModal\r\n    {...restProps}\r\n    className={screenful ? styles.screenfulModal : undefined}\r\n    width={screenful ? 'auto' : width}\r\n    style={screenful ? { top: 0 } : style}\r\n    title={\r\n      <div\r\n        className={screenful ? \"\" : styles.modal}\r\n        onMouseOver={() => {\r\n          if (screenful) {\r\n            setDisabled(true);\r\n            return;\r\n          }\r\n          if (disabled) {\r\n            setDisabled(false);\r\n          }\r\n        }}\r\n        onMouseOut={() => {\r\n          setDisabled(true);\r\n        }}\r\n      >\r\n        {title}\r\n        {screenfulIcon === false ? <></> : <Button\r\n          className={styles.screenfulIcon}\r\n          type=\"text\"\r\n          size=\"small\"\r\n          onClick={(event) => {\r\n            event.stopPropagation();\r\n            setScreenful(!screenful);\r\n          }}\r\n        >\r\n          {screenfulIcon ? screenfulIcon : <ExpandOutlined rev={undefined} />}\r\n        </Button>\r\n        }\r\n      </div>\r\n    }\r\n    modalRender={(modal) => (\r\n      screenful ? modal : isDraggable === false ? modal : <Draggable\r\n        disabled={disabled}\r\n        bounds={bounds}\r\n        nodeRef={draggleRef}\r\n        onStart={(event, uiData) => {\r\n          const { clientWidth, clientHeight } = window.document.documentElement;\r\n          const targetRect = draggleRef.current?.getBoundingClientRect();\r\n          if (!targetRect) {\r\n            return;\r\n          }\r\n          setBounds({\r\n            left: -targetRect.left + uiData.x,\r\n            right: clientWidth - (targetRect.right - uiData.x),\r\n            top: -targetRect.top + uiData.y,\r\n            bottom: clientHeight - (targetRect.bottom - uiData.y),\r\n          });\r\n        }}\r\n      >\r\n        <div ref={draggleRef}>{modal}</div>\r\n      </Draggable>\r\n    )}\r\n  />;\r\n}\r\n\r\nexport default Modal;\r\n"],"names":["ExpandOutlined","Modal","AntdModal","Button","useRef","useState","Draggable","styles","props","width","style","title","defaultScreenful","isDraggable","screenfulIcon","restProps","screenful","setScreenful","disabled","setDisabled","bounds","setBounds","left","top","bottom","right","draggleRef","className","screenfulModal","undefined","div","modal","onMouseOver","onMouseOut","type","size","onClick","event","stopPropagation","rev","modalRender","nodeRef","onStart","uiData","clientWidth","clientHeight","window","document","documentElement","targetRect","current","getBoundingClientRect","x","y","ref"],"mappings":";;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SAASC,SAASC,SAAS,EAAEC,MAAM,QAAsC,OAAO;AAChF,SAAoBC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,OAAOC,eAAe,kBAAkB;AACxC,OAAOC,YAAY,qBAAqB;AAiBxC,MAAMN,QAAQ,CAACO,QAAsB;IACnC,MAAM,EAAEC,MAAK,EAAEC,MAAK,EAAEC,MAAK,EAAEC,iBAAgB,EAAEC,YAAW,EAAEC,cAAa,EAAgB,GAAGN,OAAdO,uCAAcP;QAApFC;QAAOC;QAAOC;QAAOC;QAAkBC;QAAaC;;IAC5D,MAAM,CAACE,WAAWC,aAAa,GAAGZ,SAASO,6BAAAA,8BAAAA,mBAAoB,KAAK;IACpE,MAAM,CAACM,UAAUC,YAAY,GAAGd,SAAS,IAAI;IAC7C,MAAM,CAACe,QAAQC,UAAU,GAAGhB,SAAS;QAAEiB,MAAM;QAAGC,KAAK;QAAGC,QAAQ;QAAGC,OAAO;IAAE;IAC5E,MAAMC,aAAatB,OAAuB,IAAI;IAE9C,qBAAO,KAACF,mDACFa;QACJY,WAAWX,YAAYT,OAAOqB,cAAc,GAAGC,SAAS;QACxDpB,OAAOO,YAAY,SAASP,KAAK;QACjCC,OAAOM,YAAY;YAAEO,KAAK;QAAE,IAAIb,KAAK;QACrCC,qBACE,MAACmB;YACCH,WAAWX,YAAY,KAAKT,OAAOwB,KAAK;YACxCC,aAAa,IAAM;gBACjB,IAAIhB,WAAW;oBACbG,YAAY,IAAI;oBAChB;gBACF,CAAC;gBACD,IAAID,UACFC,YAAY,KAAK;YAErB;YACAc,YAAY,IAAM;gBAChBd,YAAY,IAAI;YAClB;;gBAECR;gBACAG,kBAAkB,KAAK,iBAAG,oCAAQ,KAACX;oBAClCwB,WAAWpB,OAAOO,aAAa;oBAC/BoB,MAAK;oBACLC,MAAK;oBACLC,SAAS,CAACC,QAAU;wBAClBA,MAAMC,eAAe;wBACrBrB,aAAa,CAACD;oBAChB;8BAECF,gBAAgBA,8BAAgB,KAACd;wBAAeuC,KAAKV;sBAAa;kBAC5D;;;QAIbW,aAAa,CAACT;YACZf,OAAAA,YAAYe,QAAQlB,gBAAgB,KAAK,GAAGkB,sBAAQ,KAACzB;gBACnDY,UAAUA;gBACVE,QAAQA;gBACRqB,SAASf;gBACTgB,SAAS,CAACL,OAAOM,SAAW;wBAEPjB;oBADnB,MAAM,EAAEkB,YAAW,EAAEC,aAAY,EAAE,GAAGC,OAAOC,QAAQ,CAACC,eAAe;oBACrE,MAAMC,aAAavB,CAAAA,sBAAAA,WAAWwB,OAAO,cAAlBxB,iCAAAA,KAAAA,IAAAA,oBAAoByB;oBACvC,IAAI,CAACF,YACH;oBAEF5B,UAAU;wBACRC,MAAM,CAAC2B,WAAW3B,IAAI,GAAGqB,OAAOS,CAAC;wBACjC3B,OAAOmB,cAAeK,CAAAA,WAAWxB,KAAK,GAAGkB,OAAOS,CAAC,AAADA;wBAChD7B,KAAK,CAAC0B,WAAW1B,GAAG,GAAGoB,OAAOU,CAAC;wBAC/B7B,QAAQqB,eAAgBI,CAAAA,WAAWzB,MAAM,GAAGmB,OAAOU,CAAC,AAADA;oBACrD;gBACF;0BAEA,cAAA,KAACvB;oBAAIwB,KAAK5B;8BAAaK;;cACb;;;AAGlB;AAEA,eAAe9B,MAAM"}

package/es2017/components/modal/index.module.css

@@ -0,0 +1,20 @@
+.modal {
+  cursor: move;
+}
+
+.screenfulIcon {
+  position: absolute;
+  right: 40px;
+  top: 16px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.screenfulModal {
+  max-width: 100vw;
+  padding-bottom: 0;
+
+  :global(.ant-modal-body) {
+    height: calc(100vh - 116px);
+    overflow: auto;
+  }
+}

package/es2017/components/provider/index.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare enum LocaleType {
+    zhCN = "zh-CN",
+    enUS = "en-US"
+}
+export interface ProviderProps {
+    locale?: LocaleType;
+    appCode?: string;
+    tenantId?: string;
+    dark?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Context: import("react").Context<ProviderProps>;
+/**
+ * 组件上使用
+ */
+declare const _default: (props: ProviderProps) => JSX.Element;
+export default _default;
+/**
+ * hook
+ * @returns
+ */
+export declare const useTenantId: () => string;
+/**
+ * hook
+ * @returns
+ */
+export declare const useAppCode: () => string;
+/**
+ * hook
+ * @returns
+ */
+export declare const useDark: () => boolean;

package/es2017/components/provider/index.js

@@ -0,0 +1,49 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { createContext, useContext } from "react";
+export var LocaleType;
+(function(LocaleType) {
+    LocaleType["zhCN"] = "zh-CN";
+    LocaleType["enUS"] = "en-US";
+})(LocaleType || (LocaleType = {}));
+// 定义上下文
+export const Context = /*#__PURE__*/ createContext({
+    locale: LocaleType.zhCN,
+    dark: false
+});
+/**
+ * 组件上使用
+ */ export default ((props)=>{
+    const { children  } = props, resProps = _object_without_properties(props, [
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: _object_spread({}, resProps),
+        children: children
+    });
+});
+/**
+ * hook
+ * @returns
+ */ export const useTenantId = ()=>{
+    const ctx = useContext(Context);
+    return ctx.tenantId;
+};
+/**
+ * hook
+ * @returns
+ */ export const useAppCode = ()=>{
+    const ctx = useContext(Context);
+    return ctx.appCode;
+};
+/**
+ * hook
+ * @returns
+ */ export const useDark = ()=>{
+    const ctx = useContext(Context);
+    var _ctx_dark;
+    return (_ctx_dark = ctx.dark) !== null && _ctx_dark !== void 0 ? _ctx_dark : false;
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\provider\index.js.map

package/es2017/components/provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\provider\\index.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\r\n\r\nexport enum LocaleType {\r\n  zhCN = \"zh-CN\",\r\n  enUS = \"en-US\",\r\n}\r\n\r\nexport interface ProviderProps {\r\n  locale?: LocaleType;\r\n  appCode?: string;\r\n  tenantId?: string;\r\n  dark?: boolean;\r\n  children?: React.ReactNode;\r\n}\r\n\r\n// 定义上下文\r\nexport const Context = createContext<ProviderProps>({\r\n  locale: LocaleType.zhCN,\r\n  dark: false\r\n});\r\n\r\n/**\r\n * 组件上使用\r\n */\r\nexport default (props: ProviderProps) => {\r\n  const { children, ...resProps } = props;\r\n  return <Context.Provider value={{ ...resProps }}>{children}</Context.Provider>\r\n}\r\n\r\n\r\n/**\r\n * hook\r\n * @returns\r\n */\r\nexport const useTenantId = () => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  return ctx.tenantId\r\n}\r\n\r\n\r\n/**\r\n * hook\r\n * @returns\r\n */\r\nexport const useAppCode = () => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  return ctx.appCode\r\n}\r\n\r\n/**\r\n * hook\r\n * @returns\r\n */\r\nexport const useDark = () => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  return ctx.dark ?? false\r\n}\r\n"],"names":["createContext","useContext","LocaleType","zhCN","enUS","Context","locale","dark","props","children","resProps","Provider","value","useTenantId","ctx","tenantId","useAppCode","appCode","useDark"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;WAE3C;UAAKC,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,UAAO;GAFGF,eAAAA;AAaZ,QAAQ;AACR,OAAO,MAAMG,wBAAUL,cAA6B;IAClDM,QAAQJ,WAAWC,IAAI;IACvBI,MAAM,KAAK;AACb,GAAG;AAEH;;CAEC,GACD,eAAe,CAAA,CAACC,QAAyB;IACvC,MAAM,EAAEC,SAAQ,EAAe,GAAGD,OAAbE,sCAAaF;QAA1BC;;IACR,qBAAO,KAACJ,QAAQM,QAAQ;QAACC,OAAO,mBAAKF;kBAAaD;;AACpD,CAAA,EAAC;AAGD;;;CAGC,GACD,OAAO,MAAMI,cAAc,IAAM;IAC/B,MAAMC,MAAMb,WAA0BI;IACtC,OAAOS,IAAIC,QAAQ;AACrB,EAAC;AAGD;;;CAGC,GACD,OAAO,MAAMC,aAAa,IAAM;IAC9B,MAAMF,MAAMb,WAA0BI;IACtC,OAAOS,IAAIG,OAAO;AACpB,EAAC;AAED;;;CAGC,GACD,OAAO,MAAMC,UAAU,IAAM;IAC3B,MAAMJ,MAAMb,WAA0BI;QAC/BS;IAAP,OAAOA,CAAAA,YAAAA,IAAIP,IAAI,cAARO,uBAAAA,YAAY,KAAK;AAC1B,EAAC"}

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

@@ -45,7 +45,7 @@ export default ((props)=>{
         });
     }, []);
     useEffect(()=>{
-        if (document.hidden) {
+        if (document.hidden && info && info.id != props.value) {
             const tipStr = locale.switchTipTitle;
             document.title = tipStr;
             document.body.innerHTML = `<div style="width:370px;margin:40px auto 0 auto;">${tipStr}</div>`;

package/es2017/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) {\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","info","setInfo","undefined","setMenu","getRequest","result","instanceName","ucenter","data","userRootOrgs","length","orgList","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,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAEY,cAAcb,gBAAgBc,OAAO;QAAC;QAC5I,IAAIF,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUN,OAAOG,IAAI,CAACC,YAAY;YACxCV,QAAQY;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfX,QAAQH,KAAKe,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,CAAC,EAAEkC,IAAG,EAAmB,GAAK;QACxDnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,IAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,IAAM;QACd,IAAI6C,SAASC,MAAM,EAAE;YACnB,MAAMC,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,IAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM6C,UAAU,EAClBzC,QAAQJ,MAAM6C,UAAU;aAExBpC;IAEJ,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOxC,qBAAO,KAAChB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAM1C,KAAKsB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,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';\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","info","setInfo","undefined","setMenu","getRequest","result","instanceName","ucenter","data","userRootOrgs","length","orgList","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,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAEY,cAAcb,gBAAgBc,OAAO;QAAC;QAC5I,IAAIF,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUN,OAAOG,IAAI,CAACC,YAAY;YACxCV,QAAQY;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfX,QAAQH,KAAKe,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,CAAC,EAAEkC,IAAG,EAAmB,GAAK;QACxDnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,IAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,IAAM;QACd,IAAI6C,SAASC,MAAM,IAAKjC,QAAQA,KAAKe,EAAE,IAAIpB,MAAMqB,KAAK,EAAG;YACvD,MAAMkB,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,IAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM6C,UAAU,EAClBzC,QAAQJ,MAAM6C,UAAU;aAExBpC;IAEJ,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOxC,qBAAO,KAAChB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAM1C,KAAKsB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}

package/es2017/components/upload-file/index.d.ts

@@ -0,0 +1,59 @@
+export type UploadFileLocale = {
+    fileSizeTip: string;
+    del: string;
+    confirmDel: string;
+    clickOrDragUpload: string;
+    supportExtension: string;
+    errSupportExtension: string;
+    fileUpload: string;
+    tempViewer: string;
+    tempDown: string;
+};
+export interface UploadFileProps<T> {
+    /**
+     * bucket
+     */
+    bucket?: string;
+    /**
+     * 应用code
+     */
+    appCode?: string;
+    /**
+     * tenantId
+     */
+    tenantId?: string;
+    /**
+     * 目录格式  xxx/ss
+     */
+    directory?: string;
+    /**
+     * 强制使用目录当前缀
+     */
+    forceDirectory?: boolean;
+    /**
+     * 限制文件大小
+     */
+    maxSize?: number;
+    /**
+     * 限制弹框选择
+     */
+    accept?: string;
+    /**
+     * 文件 id
+     */
+    value?: T;
+    /**
+     * 返回文件id
+     * @param value
+     * @returns
+     */
+    onChange?: (value?: T) => void;
+    /**
+     * 返回文件path
+     * @param path
+     * @returns
+     */
+    onChangePath?: (path?: T) => void;
+}
+export declare const formatFileSize: (fileSize: number) => string;
+export declare const randomId: (len: number) => string;

package/es2017/components/upload-file/index.js

@@ -0,0 +1,15 @@
+//字节大小处理
+export const formatFileSize = (fileSize)=>{
+    if (fileSize < 1024) return fileSize + 'B';
+    else if (fileSize < 1048576) return (fileSize / 1024).toFixed(2) + 'KB';
+    else if (fileSize < 1073741824) return (fileSize / 1048576).toFixed(2) + 'MB';
+    else return (fileSize / 1073741824).toFixed(2) + 'GB';
+};
+// 随机数
+export const randomId = (len)=>{
+    let str = '';
+    for(; str.length < len; str += Math.random().toString(36).substring(2));
+    return str.substring(0, len);
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\upload-file\index.js.map

package/es2017/components/upload-file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n  // 文件大小必须小于：\r\n  fileSizeTip: string;\r\n  del: string;\r\n  confirmDel: string;\r\n  // 点击或拖拽文件上传\r\n  clickOrDragUpload: string;\r\n  // 支持扩展名\r\n  supportExtension: string;\r\n  errSupportExtension: string;\r\n  fileUpload: string;\r\n  tempViewer: string;\r\n  tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n  /**\r\n   * bucket\r\n   */\r\n  bucket?: string;\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode?: string;\r\n  /**\r\n   * tenantId\r\n   */\r\n  tenantId?: string;\r\n  /**\r\n   * 目录格式  xxx/ss\r\n   */\r\n  directory?: string;\r\n  /**\r\n   * 强制使用目录当前缀\r\n   */\r\n  forceDirectory?: boolean;\r\n  /**\r\n   * 限制文件大小\r\n   */\r\n  maxSize?: number;\r\n  /**\r\n   * 限制弹框选择\r\n   */\r\n  accept?: string;\r\n  /**\r\n   * 文件 id\r\n   */\r\n  value?: T;\r\n  /**\r\n   * 返回文件id\r\n   * @param value\r\n   * @returns\r\n   */\r\n  onChange?: (value?: T) => void;\r\n  /**\r\n   * 返回文件path\r\n   * @param path\r\n   * @returns\r\n   */\r\n  onChangePath?: (path?: T) => void;\r\n}\r\n\r\n//字节大小处理\r\nexport const formatFileSize = (fileSize: number) => {\r\n  if (fileSize < 1024) {\r\n    return fileSize + 'B';\r\n  } else if (fileSize < (1024 * 1024)) {\r\n    return (fileSize / 1024).toFixed(2) + 'KB';\r\n  } else if (fileSize < (1024 * 1024 * 1024)) {\r\n    return (fileSize / (1024 * 1024)).toFixed(2) + 'MB';\r\n  } else {\r\n    return (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB';\r\n  }\r\n}\r\n\r\n// 随机数\r\nexport const randomId = (len: number) => {\r\n  let str = '';\r\n  for (; str.length < len; str += Math.random().toString(36).substring(2));\r\n  return str.substring(0, len);\r\n}\r\n"],"names":["formatFileSize","fileSize","toFixed","randomId","len","str","length","Math","random","toString","substring"],"mappings":"AA8DA,QAAQ;AACR,OAAO,MAAMA,iBAAiB,CAACC,WAAqB;IAClD,IAAIA,WAAW,MACb,OAAOA,WAAW;SACb,IAAIA,WAAY,SACrB,OAAO,AAACA,CAAAA,WAAW,IAAG,EAAGC,OAAO,CAAC,KAAK;SACjC,IAAID,WAAY,YACrB,OAAO,AAACA,CAAAA,WAAY,OAAW,EAAGC,OAAO,CAAC,KAAK;SAE/C,OAAO,AAACD,CAAAA,WAAY,UAAkB,EAAGC,OAAO,CAAC,KAAK;AAE1D,EAAC;AAED,MAAM;AACN,OAAO,MAAMC,WAAW,CAACC,MAAgB;IACvC,IAAIC,MAAM;IACV,MAAOA,IAAIC,MAAM,GAAGF,KAAKC,OAAOE,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,SAAS,CAAC;IACrE,OAAOL,IAAIK,SAAS,CAAC,GAAGN;AAC1B,EAAC"}

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

@@ -0,0 +1,13 @@
+.modalIframe {
+  width: 100%;
+  height: 60vh;
+  border: 0 none;
+}
+
+.delText {
+  color: #ff4d4f;
+
+  &:hover {
+    color: #ff7875;
+  }
+}

package/es2017/components/upload-file/locale/en_US.d.ts

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

package/es2017/components/upload-file/locale/en_US.js

@@ -0,0 +1,14 @@
+const locale = {
+    fileSizeTip: "The file size cannot be less than",
+    del: "delete",
+    confirmDel: "Confirm deletion",
+    clickOrDragUpload: "Click or drag the file to upload",
+    supportExtension: "Support extension",
+    errSupportExtension: "Only the extension name is supported",
+    fileUpload: "File upload",
+    tempViewer: "Template preview",
+    tempDown: "Template download"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\upload-file\locale\en_US.js.map

package/es2017/components/upload-file/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\locale\\en_US.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n  fileSizeTip: \"The file size cannot be less than\",\r\n  del: \"delete\",\r\n  confirmDel: \"Confirm deletion\",\r\n  clickOrDragUpload: \"Click or drag the file to upload\",\r\n  supportExtension: \"Support extension\",\r\n  errSupportExtension: \"Only the extension name is supported\",\r\n  fileUpload: \"File upload\",\r\n  tempViewer: \"Template preview\",\r\n  tempDown: \"Template download\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}

package/es2017/components/upload-file/locale/zh_CN.d.ts

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

package/es2017/components/upload-file/locale/zh_CN.js

@@ -0,0 +1,14 @@
+const locale = {
+    fileSizeTip: "文件大小不能小于",
+    del: "删除",
+    confirmDel: "确认删除",
+    clickOrDragUpload: "点击或拖拽文件上传",
+    supportExtension: "支持扩展名",
+    errSupportExtension: "只支持扩展名",
+    fileUpload: "文件上传",
+    tempViewer: "模板预览",
+    tempDown: "模板下载"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\upload-file\locale\zh_CN.js.map

package/es2017/components/upload-file/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\locale\\zh_CN.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n  fileSizeTip: \"文件大小不能小于\",\r\n  del: \"删除\",\r\n  confirmDel: \"确认删除\",\r\n  clickOrDragUpload: \"点击或拖拽文件上传\",\r\n  supportExtension: \"支持扩展名\",\r\n  errSupportExtension: \"只支持扩展名\",\r\n  fileUpload: \"文件上传\",\r\n  tempViewer: \"模板预览\",\r\n  tempDown: \"模板下载\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}

package/es2017/components/upload-file/uploadAvatar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UploadFileProps } from ".";
+declare const _default: (props: UploadFileProps<string>) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+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 { randomId, formatFileSize } from "./index";
+import { useLocale } from "../locale/index";
+export default ((props)=>{
+    var _props_bucket, _props_appCode, _props_tenantId;
+    const 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"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
+    const getUploadKey = (file)=>{
+        const suffix = file.name.split('.').pop(), keys = [];
+        if (props.forceDirectory && props.directory) keys.push(props.directory);
+        else {
+            if (appCode) keys.push(appCode);
+            if (tenantId) keys.push(tenantId);
+            if (props.directory) keys.push(props.directory);
+        }
+        keys.push(`${randomId(16)}.${suffix}`);
+        return `/${keys.join('/')}`.replace('//', '/');
+    }, updateFile = async (file)=>{
+        const key = getUploadKey(file);
+        setLoading(true);
+        if (bucket === 'local') try {
+            const result = await fileApi.updateFiles({
+                key,
+                bucket,
+                file
+            });
+            if (result) {
+                var _props_onChange, _props_onChangePath;
+                (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
+                (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
+            }
+        } catch (error) {}
+        setLoading(false);
+    }, getValueFile = async ()=>{
+        if (props.value) {
+            if (bucket === 'local') {
+                const result = await fileApi.getFilesRaw(props.value, 'url');
+                if (typeof result === 'string') setImgsrc(result);
+            }
+        } else setImgsrc(undefined);
+    };
+    useEffect(()=>{
+        getValueFile();
+    }, [
+        props.value
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        style: {
+            display: "inline-block"
+        },
+        children: /*#__PURE__*/ _jsx(Spin, {
+            spinning: loading,
+            children: /*#__PURE__*/ _jsx(Upload, {
+                accept: props.accept,
+                listType: "picture-card",
+                showUploadList: false,
+                beforeUpload: async (file)=>{
+                    const maxSize = props.maxSize || 5242880;
+                    if (file.size > maxSize) {
+                        messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+                        return false;
+                    }
+                    await updateFile(file);
+                    return false;
+                },
+                children: imgsrc ? /*#__PURE__*/ _jsx("img", {
+                    src: imgsrc,
+                    alt: "avatar",
+                    style: {
+                        width: '100%'
+                    }
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(PlusOutlined, {
+                            rev: undefined
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: {
+                                marginTop: 8
+                            }
+                        })
+                    ]
+                })
+            })
+        })
+    });
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\upload-file\uploadAvatar.js.map

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

@@ -0,0 +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\";\nimport { Spin, Upload, message } from \"antd\"\nimport { RcFile } from \"antd/es/upload\";\nimport { useEffect, useState } from \"react\";\nimport { files as fileApi } from \"@knockout-js/api\";\nimport { useAppCode, useTenantId } from \"../provider\";\nimport { UploadFileProps, randomId, formatFileSize } from \".\";\nimport { useLocale } from \"../locale\";\n\nexport default (props: UploadFileProps<string>) => {\n  const\n    bucket = props.bucket ?? 'local',\n    appCode = props.appCode ?? useAppCode(),\n    tenantId = props.tenantId ?? useTenantId(),\n    locale = useLocale(\"UploadFile\"),\n    [messageApi] = message.useMessage(),\n    [loading, setLoading] = useState(false),\n    [imgsrc, setImgsrc] = useState<string>();\n\n  const\n    getUploadKey = (file: RcFile) => {\n      const suffix = file.name.split('.').pop(),\n        keys: string[] = [];\n      if (props.forceDirectory && props.directory) {\n        keys.push(props.directory)\n      } else {\n        if (appCode) {\n          keys.push(appCode)\n        }\n        if (tenantId) {\n          keys.push(tenantId)\n        }\n        if (props.directory) {\n          keys.push(props.directory)\n        }\n      }\n      keys.push(`${randomId(16)}.${suffix}`);\n      return `/${keys.join('/')}`.replace('//', '/');\n    },\n    updateFile = async (file: RcFile) => {\n      const key = getUploadKey(file);\n      setLoading(true);\n      if (bucket === 'local') {\n        try {\n          const result = await fileApi.updateFiles({\n            key,\n            bucket,\n            file,\n          })\n          if (result) {\n            props.onChange?.(result)\n            props.onChangePath?.(key);\n          }\n        } catch (error) {\n\n        }\n      }\n      setLoading(false)\n    },\n    getValueFile = async () => {\n      if (props.value) {\n        if (bucket === 'local') {\n          const result = await fileApi.getFilesRaw(props.value, 'url');\n          if (typeof result === 'string') {\n            setImgsrc(result)\n          }\n        }\n      } else {\n        setImgsrc(undefined)\n      }\n    }\n\n  useEffect(() => {\n    getValueFile()\n  }, [props.value])\n\n  return <div style={{ display: \"inline-block\" }}>\n    <Spin spinning={loading} >\n      <Upload\n        accept={props.accept}\n        listType=\"picture-card\"\n        showUploadList={false}\n        beforeUpload={async (file) => {\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\n\n          if (file.size > maxSize) {\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\n            return false;\n          }\n\n          await updateFile(file);\n          return false;\n        }}\n      >\n        {\n          imgsrc ? <img\n            src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\n          /> : <>\n            <PlusOutlined rev={undefined} />\n            <div style={{ marginTop: 8 }}></div>\n          </>\n        }\n      </Upload>\n    </Spin>\n  </div>\n}\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","files","fileApi","useAppCode","useTenantId","randomId","formatFileSize","useLocale","props","bucket","appCode","tenantId","locale","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","updateFiles","onChange","onChangePath","error","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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"}

package/es2017/components/upload-file/uploadMultiple.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UploadFileProps } from ".";
+declare const _default: (props: UploadFileProps<string[]>) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,155 @@
+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 { formatFileSize, randomId } from "./index";
+import { useAppCode, useTenantId } from "../provider/index";
+import { useLocale } from "../locale/index";
+import { files as fileApi } from "@knockout-js/api";
+let files = [];
+let timeoutFn = undefined;
+export default ((props)=>{
+    var _props_accept;
+    var _props_bucket, _props_appCode, _props_tenantId;
+    const 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"), [loading, setLoading] = useState(false), [list, setList] = useState([]);
+    const getUploadKey = (file)=>{
+        const suffix = file.name.split('.').pop(), keys = [];
+        if (props.forceDirectory && props.directory) keys.push(props.directory);
+        else {
+            if (appCode) keys.push(appCode);
+            if (tenantId) keys.push(tenantId);
+            if (props.directory) keys.push(props.directory);
+        }
+        keys.push(`${randomId(16)}.${suffix}`);
+        return `/${keys.join('/')}`.replace('//', '/');
+    }, beforeUpload = async (file)=>{
+        const maxSize = props.maxSize || 5120000;
+        if (file.size > maxSize) {
+            message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+            return false;
+        }
+        files.push(file);
+        clearTimeout(timeoutFn);
+        timeoutFn = setTimeout(async ()=>{
+            await updateFile();
+        }, 500);
+        return false;
+    }, updateFile = async ()=>{
+        if (files.length) {
+            var _props_onChange;
+            setLoading(true);
+            const values = props.value || [];
+            for(let i in files){
+                const file = files[i], key = getUploadKey(file);
+                if (bucket === 'local') try {
+                    const result = await fileApi.updateFiles({
+                        key,
+                        bucket,
+                        file
+                    });
+                    if (result) values.push(result);
+                } catch (error) {}
+            }
+            await getValuesFile(values);
+            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
+            setLoading(false);
+            files = [];
+        }
+    }, getValuesFile = async (values)=>{
+        if (values && values.length) {
+            var _props_bucket;
+            const bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : 'local';
+            const oldKye = list.map((item)=>item.uid), addKeys = values.filter((key)=>!oldKye.includes(key)), addLength = addKeys.length;
+            if (addLength) {
+                for(let i = 0; i < addLength; i++){
+                    const data = {
+                        uid: addKeys[i],
+                        name: ''
+                    };
+                    const result = await fileApi.getFiles(data.uid);
+                    if (result === null || result === void 0 ? void 0 : result.id) {
+                        data.name = result.name;
+                        data.linkProps = {
+                            download: result.name
+                        };
+                        data.response = result;
+                    }
+                    if (bucket === 'local') {
+                        const resultRaw = await fileApi.getFilesRaw(data.uid, 'url');
+                        if (typeof resultRaw === 'string') data.url = resultRaw;
+                    }
+                    list.push(data);
+                }
+                setList([
+                    ...list
+                ]);
+            }
+        } else setList([]);
+    };
+    useEffect(()=>{
+        getValuesFile(props.value);
+    }, [
+        props.value
+    ]);
+    useEffect(()=>{
+        var _props_onChangePath;
+        const paths = [];
+        list.forEach((item)=>{
+            if (item.response) paths.push(item.response.path);
+        });
+        (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
+    }, [
+        list
+    ]);
+    useEffect(()=>{
+        return ()=>{
+            clearTimeout(timeoutFn);
+        };
+    }, []);
+    return /*#__PURE__*/ _jsx(Spin, {
+        spinning: loading,
+        children: /*#__PURE__*/ _jsxs(Upload.Dragger, {
+            accept: props.accept,
+            beforeUpload: beforeUpload,
+            multiple: true,
+            fileList: list,
+            onRemove: (file)=>{
+                Modal.confirm({
+                    title: locale.del,
+                    content: `${locale.confirmDel}: ${file.name}`,
+                    onOk: ()=>{
+                        var _props_onChange, _props_value;
+                        setList(list.filter((item)=>item.uid != file.uid));
+                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter((item)=>item != file.uid)) || []);
+                    }
+                });
+            },
+            children: [
+                /*#__PURE__*/ _jsx("br", {}),
+                /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsx(UploadOutlined, {
+                        style: {
+                            fontSize: 40
+                        },
+                        rev: undefined
+                    })
+                }),
+                /*#__PURE__*/ _jsx("br", {}),
+                /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsx(Typography.Text, {
+                        type: "secondary",
+                        children: locale.clickOrDragUpload
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsx(Typography.Text, {
+                        type: "secondary",
+                        children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
+                    })
+                })
+            ]
+        })
+    });
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\upload-file\uploadMultiple.js.map

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

@@ -0,0 +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, formatFileSize, randomId } 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\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","formatFileSize","randomId","useAppCode","useTenantId","useLocale","files","fileApi","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","length","values","value","i","key","result","updateFiles","getValuesFile","onChange","oldKye","map","item","uid","addKeys","filter","includes","addLength","data","getFiles","id","linkProps","download","response","resultRaw","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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"}

package/es2017/components/upload-file/uploadTemp.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { UploadFileProps } from ".";
+declare const _default: (props: UploadFileProps<string> & {
+    /**
+    * 显示删除按钮
+    */
+    showDelBtn?: boolean;
+}) => JSX.Element;
+export default _default;