@knockout-js/layout 0.0.4-beta.0 → 0.1.0

package/esm/components/locale/en_US.js

@@ -2,14 +2,16 @@ import ThemeSwitch from "../theme-switch/locale/en_US";
 import LeavePrompt from "../leave-prompt/locale/en_US";
 import AvatarDropdown from "../avatar-dropdown/locale/en_US";
 import TenantDropdown from "../tenant-dropdown/locale/en_US";
-import GatherMenu from "../gather-menu/locale/en_US";
+import AggregateMenu from "../aggregate-menu/locale/en_US";
+import UploadFile from "../upload-file/locale/en_US";
 var localeValues = {
     locale: "en-us",
     ThemeSwitch: ThemeSwitch,
     LeavePrompt: LeavePrompt,
     AvatarDropdown: AvatarDropdown,
     TenantDropdown: TenantDropdown,
-    GatherMenu: GatherMenu
+    AggregateMenu: AggregateMenu,
+    UploadFile: UploadFile
 };
 export default localeValues;
 

package/esm/components/locale/en_US.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\nimport GatherMenu from \"../gather-menu/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  GatherMenu,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","GatherMenu","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,gBAAgB,8BAA8B;AAErD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRN,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,YAAAA;AACF;AAEA,eAAeC,aAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/en_US\";\r\nimport UploadFile from \"../upload-file/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AAErD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRP,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,eAAAA;IACAC,YAAAA;AACF;AAEA,eAAeC,aAAY"}

package/esm/components/locale/index.d.ts

@@ -1,31 +1,18 @@
-/// <reference types="react" />
 import { TenantDropdownLocale } from '../tenant-dropdown';
 import { ThemeSwitchLocale } from '../theme-switch';
 import { LeavePromptLocale } from '../leave-prompt';
 import { AvatarDropdownLocale } from '../avatar-dropdown';
-import { GatherMenuLocale } from "../gather-menu";
+import { AggregateMenuLocale } from "../aggregate-menu";
+import { UploadFileLocale } from "../upload-file";
 export interface Locale {
     locale: string;
     ThemeSwitch: ThemeSwitchLocale;
     LeavePrompt: LeavePromptLocale;
     AvatarDropdown: AvatarDropdownLocale;
     TenantDropdown: TenantDropdownLocale;
-    GatherMenu: GatherMenuLocale;
+    AggregateMenu: AggregateMenuLocale;
+    UploadFile: UploadFileLocale;
 }
-export declare enum LocaleType {
-    zhCN = "zh-CN",
-    enUS = "en-US"
-}
-export interface BasicProviderProps {
-    locale: LocaleType;
-    children?: React.ReactNode;
-}
-export declare const BasicContext: import("react").Context<BasicProviderProps>;
-/**
- * 组件上使用
- */
-declare const _default: (props: BasicProviderProps) => JSX.Element;
-export default _default;
 export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
 /**
  * hook

package/esm/components/locale/index.js

@@ -1,34 +1,14 @@
 import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
-import { createContext, useContext } from "react";
+import { useContext } from "react";
 import zhCN from "./zh_CN";
 import enUS from "./en_US";
-export var LocaleType;
-(function(LocaleType) {
-    LocaleType["zhCN"] = "zh-CN";
-    LocaleType["enUS"] = "en-US";
-})(LocaleType || (LocaleType = {}));
-// 定义语言上下文
-export var BasicContext = /*#__PURE__*/ createContext({
-    locale: LocaleType.zhCN
-});
-/**
- * 组件上使用
- */ export default function(props) {
-    var locale = props.locale, children = props.children;
-    return /*#__PURE__*/ _jsx(BasicContext.Provider, {
-        value: {
-            locale: locale
-        },
-        children: children
-    });
-};
+import { Context, LocaleType } from "../provider/index";
 /**
  * hook
  * @param componentName
  * @returns
  */ export var useLocale = function(componentName) {
-    var ctx = useContext(BasicContext);
+    var ctx = useContext(Context);
     if (ctx.locale === LocaleType.enUS) return _object_spread({}, enUS[componentName]);
     // 默认zhCN
     return _object_spread({}, zhCN[componentName]);

package/esm/components/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\nimport { GatherMenuLocale } from \"../gather-menu\";\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n  GatherMenu: GatherMenuLocale;\r\n}\r\n\r\nexport enum LocaleType {\r\n  zhCN = \"zh-CN\",\r\n  enUS = \"en-US\",\r\n}\r\n\r\nexport interface BasicProviderProps {\r\n  locale: LocaleType;\r\n  children?: React.ReactNode;\r\n}\r\n\r\n// 定义语言上下文\r\nexport const BasicContext = createContext<BasicProviderProps>({\r\n  locale: LocaleType.zhCN\r\n});\r\n\r\n/**\r\n * 组件上使用\r\n */\r\nexport default (props: BasicProviderProps) => {\r\n  const { locale, children } = props;\r\n  return <BasicContext.Provider value={{ locale: locale }}>{children}</BasicContext.Provider>\r\n}\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<BasicProviderProps>(BasicContext);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["createContext","useContext","zhCN","enUS","LocaleType","BasicContext","locale","props","children","Provider","value","useLocale","componentName","ctx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAClD,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;WAgBpB;UAAKC,UAAU;IAAVA,WACVF,UAAO;IADGE,WAEVD,UAAO;GAFGC,eAAAA;AAUZ,UAAU;AACV,OAAO,IAAMC,6BAAeL,cAAkC;IAC5DM,QAAQF,WAAWF,IAAI;AACzB,GAAG;AAEH;;CAEC,GACD,eAAe,SAACK,OAA8B;IAC5C,IAAQD,SAAqBC,MAArBD,QAAQE,WAAaD,MAAbC;IAChB,qBAAO,KAACH,aAAaI,QAAQ;QAACC,OAAO;YAAEJ,QAAQA;QAAO;kBAAIE;;AAC5D,EAAC;AAGD;;;;CAIC,GACD,OAAO,IAAMG,YAAY,SAAgCC,eAAqB;IAC5E,IAAMC,MAAMZ,WAA+BI;IAC3C,IAAIQ,IAAIP,MAAM,KAAKF,WAAWD,IAAI,EAChC,OAAO,mBAAKA,IAAI,CAACS,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKV,IAAI,CAACU,cAAc;AACjC,EAAC"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\nimport { AggregateMenuLocale } from \"../aggregate-menu\";\r\nimport { Context, LocaleType, ProviderProps } from \"../provider\";\r\nimport { UploadFileLocale } from \"../upload-file\";\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n  AggregateMenu: AggregateMenuLocale;\r\n  UploadFile: UploadFileLocale;\r\n}\r\n\r\n\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["useContext","zhCN","enUS","Context","LocaleType","useLocale","componentName","ctx","locale"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;AAM3B,SAASC,OAAO,EAAEC,UAAU,QAAuB,oBAAc;AAiBjE;;;;CAIC,GACD,OAAO,IAAMC,YAAY,SAAgCC,eAAqB;IAC5E,IAAMC,MAAMP,WAA0BG;IACtC,IAAII,IAAIC,MAAM,KAAKJ,WAAWF,IAAI,EAChC,OAAO,mBAAKA,IAAI,CAACI,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKL,IAAI,CAACK,cAAc;AACjC,EAAC"}

package/esm/components/locale/zh_CN.js

@@ -2,14 +2,16 @@ import ThemeSwitch from "../theme-switch/locale/zh_CN";
 import LeavePrompt from "../leave-prompt/locale/zh_CN";
 import AvatarDropdown from "../avatar-dropdown/locale/zh_CN";
 import TenantDropdown from "../tenant-dropdown/locale/zh_CN";
-import GatherMenu from "../gather-menu/locale/zh_CN";
+import AggregateMenu from "../aggregate-menu/locale/zh_CN";
+import UploadFile from "../upload-file/locale/zh_CN";
 var localeValues = {
     locale: "zh-cn",
     ThemeSwitch: ThemeSwitch,
     LeavePrompt: LeavePrompt,
     AvatarDropdown: AvatarDropdown,
     TenantDropdown: TenantDropdown,
-    GatherMenu: GatherMenu
+    AggregateMenu: AggregateMenu,
+    UploadFile: UploadFile
 };
 export default localeValues;
 

package/esm/components/locale/zh_CN.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\zh_CN.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/zh_CN\";\r\nimport LeavePrompt from \"../leave-prompt/locale/zh_CN\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/zh_CN\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/zh_CN\";\r\nimport GatherMenu from \"../gather-menu/locale/zh_CN\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'zh-cn',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  GatherMenu,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","GatherMenu","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,gBAAgB,8BAA8B;AAErD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRN,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,YAAAA;AACF;AAEA,eAAeC,aAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\zh_CN.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/zh_CN\";\r\nimport LeavePrompt from \"../leave-prompt/locale/zh_CN\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/zh_CN\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/zh_CN\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/zh_CN\";\r\nimport UploadFile from \"../upload-file/locale/zh_CN\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'zh-cn',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AAErD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRP,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,eAAAA;IACAC,YAAAA;AACF;AAEA,eAAeC,aAAY"}

package/esm/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/esm/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 var Context = /*#__PURE__*/ createContext({
+    locale: LocaleType.zhCN,
+    dark: false
+});
+/**
+ * 组件上使用
+ */ export default function(props) {
+    var children = props.children, resProps = _object_without_properties(props, [
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: _object_spread({}, resProps),
+        children: children
+    });
+};
+/**
+ * hook
+ * @returns
+ */ export var useTenantId = function() {
+    var ctx = useContext(Context);
+    return ctx.tenantId;
+};
+/**
+ * hook
+ * @returns
+ */ export var useAppCode = function() {
+    var ctx = useContext(Context);
+    return ctx.appCode;
+};
+/**
+ * hook
+ * @returns
+ */ export var useDark = function() {
+    var 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\esm\components\provider\index.js.map

package/esm/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,IAAMG,wBAAUL,cAA6B;IAClDM,QAAQJ,WAAWC,IAAI;IACvBI,MAAM,KAAK;AACb,GAAG;AAEH;;CAEC,GACD,eAAe,SAACC,OAAyB;IACvC,IAAM,AAAEC,WAA0BD,MAA1BC,UAAaC,sCAAaF;QAA1BC;;IACR,qBAAO,KAACJ,QAAQM,QAAQ;QAACC,OAAO,mBAAKF;kBAAaD;;AACpD,EAAC;AAGD;;;CAGC,GACD,OAAO,IAAMI,cAAc,WAAM;IAC/B,IAAMC,MAAMb,WAA0BI;IACtC,OAAOS,IAAIC,QAAQ;AACrB,EAAC;AAGD;;;CAGC,GACD,OAAO,IAAMC,aAAa,WAAM;IAC9B,IAAMF,MAAMb,WAA0BI;IACtC,OAAOS,IAAIG,OAAO;AACpB,EAAC;AAED;;;CAGC,GACD,OAAO,IAAMC,UAAU,WAAM;IAC3B,IAAMJ,MAAMb,WAA0BI;QAC/BS;IAAP,OAAOA,CAAAA,YAAAA,IAAIP,IAAI,cAARO,uBAAAA,YAAY,KAAK;AAC1B,EAAC"}

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

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

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) {\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,EAAE;YACnB,IAAMC,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';\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"}

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

@@ -0,0 +1,57 @@
+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;
+}

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

@@ -0,0 +1,3 @@
+export { };
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\index.js.map

package/esm/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"],"names":[],"mappings":"AAAA,WA4DC"}

package/esm/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/esm/components/upload-file/locale/en_US.d.ts

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

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

@@ -0,0 +1,14 @@
+var 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\esm\components\upload-file\locale\en_US.js.map

package/esm/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,IAAMA,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/esm/components/upload-file/locale/zh_CN.d.ts

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

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

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

package/esm/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,IAAMA,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/esm/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/esm/components/upload-file/uploadAvatar.js

@@ -0,0 +1,191 @@
+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, 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 { useLocale } from "../locale/index";
+import { formatFileSize, randomId } from "../_util/index";
+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];
+    var getUploadKey = function(file) {
+        var 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("".concat(randomId(16), ".").concat(suffix));
+        return "/".concat(keys.join("/")).replace("//", "/");
+    }, updateFile = function() {
+        var _ref = _async_to_generator(function(file) {
+            var key, result, _props_onChange, _props_onChangePath, error;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        key = getUploadKey(file);
+                        setLoading(true);
+                        if (!(bucket === "local")) return [
+                            3,
+                            4
+                        ];
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            fileApi.updateFiles({
+                                key: key,
+                                bucket: bucket,
+                                file: file
+                            })
+                        ];
+                    case 2:
+                        result = _state.sent();
+                        if (result) {
+                            ;
+                            (_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);
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        error = _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        setLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function updateFile(file) {
+            return _ref.apply(this, arguments);
+        };
+    }(), getValueFile = function() {
+        var _ref = _async_to_generator(function() {
+            var result;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!props.value) return [
+                            3,
+                            3
+                        ];
+                        if (!(bucket === "local")) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            fileApi.getFilesRaw(props.value, "url")
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        if (typeof result === "string") setImgsrc(result);
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        setImgsrc(undefined);
+                        _state.label = 4;
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function getValueFile() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        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: function() {
+                    var _ref = _async_to_generator(function(file) {
+                        var maxSize;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    maxSize = props.maxSize || 5242880;
+                                    if (file.size > maxSize) {
+                                        messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+                                        return [
+                                            2,
+                                            false
+                                        ];
+                                    }
+                                    return [
+                                        4,
+                                        updateFile(file)
+                                    ];
+                                case 1:
+                                    _state.sent();
+                                    return [
+                                        2,
+                                        false
+                                    ];
+                            }
+                        });
+                    });
+                    return function(file) {
+                        return _ref.apply(this, arguments);
+                    };
+                }(),
+                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\esm\components\upload-file\uploadAvatar.js.map

package/esm/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\";\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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"}

package/esm/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;