@knockout-js/layout 0.1.24 → 0.1.26

package/esm/components/aggregate-menu/index.module.css

@@ -1,219 +1,236 @@
-.aggregateMenu {
-  margin-right: 8px;
-  cursor      : pointer;
-}
-
-.aggregateMenuDrawer :global(.ant-drawer-header-title) {
-  flex-direction: row-reverse;
-}
-
-.aggregateMenuDrawer :global(.ant-drawer-body) {
-  padding: 0;
-}
-
-.aggregateMenuDrawerRow {
-  height : 100%;
-  display: flex;
-}
-
-.aggregateMenuDrawerAllMenu {
-  height    : calc(100% - 52px);
-  padding   : 16px;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
-.aggregateMenuDrawerAllMenuColumn {
-  /* column瀑布流 */
-  column-count: 3;
-  column-gap  : 10px;
-}
-
-.aggregateMenuDrawerAllMenuColumnItem {
-  /* 瀑布流关键写法 */
-  break-inside : avoid;
-  margin-bottom: 16px;
-}
-
-.aggregateMenuDrawerAllAppTitle {
-  font-weight: bold;
-  height     : 32px;
-  line-height: 32px;
-  padding    : 0 16px;
-  color      : #ff6a00;
-}
-
-.aggregateMenuDrawerAllMenuTitle {
-  font-weight: bold;
-  height     : 32px;
-  line-height: 32px;
-  padding    : 0 16px;
-}
-
-.aggregateMenuDrawerAllMenuItem {
-  height     : 32px;
-  line-height: 32px;
-  cursor     : pointer;
-  padding    : 0 6px 0 16px;
-  display    : flex;
-}
-
-.aggregateMenuDrawerAllMenuItem :global(.anticon-star.collect) {
-  color  : rgb(255, 106, 0);
-  display: inline-flex;
-}
-
-.aggregateMenuDrawerAllMenuItem:hover {
-  background-color: #f1f1f1;
-}
-
-.aggregateMenuDrawerAllMenuItem:hover :global(.anticon) {
-  display: inline;
-}
-
-.aggregateMenuDrawerAllMenuItemDir {
-  height     : 32px;
-  line-height: 32px;
-  padding    : 0 16px;
-  font-weight: bold;
-}
-
-.aggregateMenuDrawerAllMenuItemName {
-  overflow     : hidden;
-  text-overflow: ellipsis;
-  white-space  : nowrap;
-  flex         : auto;
-  font-weight  : lighter;
-}
-
-.aggregateMenuDrawerAllMenuItemIcons :global(.ant-space) {
-  align-items: unset;
-}
-
-.aggregateMenuDrawerAllMenuItemIcons :global(.anticon) {
-  display: none;
-  color  : #c1c1c1;
-}
-
-.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover {
-  color: #8c8c8c;
-}
-
-.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover :global(.anticon-star.collect) {
-  color  : rgb(255, 106, 0);
-  display: inline-flex;
-}
-
-.aggregateMenuDrawerAllInput {
-  padding      : 10px 0;
-  margin       : 0 16px;
-  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
-}
-
-.aggregateMenuDrawerMenu {
-  height      : 100%;
-  border-right: 1px solid rgba(5, 5, 5, 0.06);
-}
-
-.aggregateMenuDrawerMenuGroup {
-  padding-left: 16px;
-}
-
-.aggregateMenuDrawerAppItem {
-  height     : 40px;
-  line-height: 40px;
-  padding    : 0 10px 0 16px;
-  display    : flex;
-}
-
-.aggregateMenuDrawerAppItem:hover .aggregateMenuDrawerAppItemIcons {
-  display: block;
-}
-
-.aggregateMenuDrawerAppItemIcons {
-  display: none;
-}
-
-.aggregateMenuDrawerAppItemIcons :global(.anticon) {
-  color: #c1c1c1;
-}
-
-.aggregateMenuDrawerAppItemIcons :global(.dragIcon) {
-  cursor: all-scroll;
-}
-
-.aggregateMenuDrawerAppItemIcons :global(.anticon):hover {
-  color: #8c8c8c;
-}
-
-.aggregateMenuDrawerAppItemName {
-  flex         : auto;
-  text-overflow: ellipsis;
-  white-space  : nowrap;
-  overflow     : hidden;
-  font-weight  : bold;
-  color        : #ff6a00;
-}
-
-.aggregateMenuDrawerMenuItem {
-  height     : 40px;
-  line-height: 40px;
-  cursor     : pointer;
-  padding    : 0 10px 0 16px;
-  display    : flex;
-}
-
-.aggregateMenuDrawerMenuItem:hover {
-  background-color: #f1f1f1;
-}
-
-.aggregateMenuDrawerMenuItem:hover .aggregateMenuDrawerMenuItemIcons {
-  display: block;
-}
-
-.aggregateMenuDrawerMenuItemIcons {
-  display: none;
-}
-
-.aggregateMenuDrawerMenuItemIcons :global(.anticon) {
-  color: #c1c1c1;
-}
-
-.aggregateMenuDrawerMenuItemIcons :global(.dragIcon) {
-  cursor: all-scroll;
-}
-
-.aggregateMenuDrawerMenuItemIcons :global(.anticon):hover {
-  color: #8c8c8c;
-}
-
-.aggregateMenuDrawerMenuItemName {
-  flex         : auto;
-  text-overflow: ellipsis;
-  white-space  : nowrap;
-  overflow     : hidden;
-}
-
-.aggregateMenuLatelys {
-  padding   : 16px 16px 0 16px;
-  height    : 112px;
-  box-sizing: border-box;
-}
-
-.aggregateMenuLatelysColumn {
-  column-count: 3;
-  column-gap  : 10px;
-}
-
-/* 黑色主题处理 */
-.aggregateMenuDark .aggregateMenuDrawerAllInput {
-  border-bottom: 1px solid #ffffff40;
-}
-
-.aggregateMenuDark .aggregateMenuDrawerAllMenuItem:hover {
-  background-color: #ffffff40;
-}
-
-.aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
-  background-color: #ffffff40;
-}
+.aggregateMenu {
+  margin-right: 8px;
+  cursor      : pointer;
+}
+
+.aggregateMenuDrawer :global(.ant-drawer-header-title) {
+  flex-direction: row-reverse;
+}
+
+.aggregateMenuDrawer :global(.ant-drawer-body) {
+  padding: 0;
+}
+
+.aggregateMenuDrawerRow {
+  height : 100%;
+  display: flex;
+}
+
+.aggregateMenuDrawerAllMenu {
+  height    : calc(100% - 52px);
+  padding   : 16px;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+
+.aggregateMenuDrawerAllMenuColumn {
+  /* column瀑布流 */
+  column-count: 3;
+  column-gap  : 10px;
+}
+
+.aggregateMenuDrawerAllMenuColumnItem {
+  /* 瀑布流关键写法 */
+  break-inside : avoid;
+  margin-bottom: 16px;
+}
+
+.aggregateMenuDrawerAllAppTitle {
+  font-weight: bold;
+  height     : 32px;
+  line-height: 32px;
+  padding    : 0 16px;
+  color      : #ff6a00;
+}
+
+.aggregateMenuDrawerAllMenuTitle {
+  font-weight: bold;
+  height     : 32px;
+  line-height: 32px;
+  padding    : 0 16px;
+}
+
+.aggregateMenuDrawerAllMenuItem {
+  height     : 32px;
+  line-height: 32px;
+  cursor     : pointer;
+  padding    : 0 6px 0 16px;
+  display    : flex;
+}
+
+.aggregateMenuDrawerAllMenuItem :global(.anticon-star.collect) {
+  color  : rgb(255, 106, 0);
+  display: inline-flex;
+}
+
+.aggregateMenuDrawerAllMenuItem:hover {
+  background-color: #f1f1f1;
+}
+
+.aggregateMenuDrawerAllMenuItem:hover :global(.anticon) {
+  display: inline;
+}
+
+.aggregateMenuDrawerAllMenuItemDir {
+  height     : 32px;
+  line-height: 32px;
+  padding    : 0 6px 0 16px;
+  font-weight: bold;
+}
+
+.aggregateMenuDrawerAllMenuItemDirClickable {
+  cursor    : pointer;
+  display   : flex;
+}
+
+.aggregateMenuDrawerAllMenuItemDirClickable:hover {
+  background-color: #f1f1f1;
+}
+
+.aggregateMenuDrawerAllMenuItemDirClickable:hover :global(.anticon) {
+  display: inline;
+}
+
+.aggregateMenuDrawerAllMenuItemName {
+  overflow     : hidden;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  flex         : auto;
+  font-weight  : lighter;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.ant-space) {
+  align-items: unset;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon) {
+  display: none;
+  color  : #c1c1c1;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover :global(.anticon-star.collect) {
+  color  : rgb(255, 106, 0);
+  display: inline-flex;
+}
+
+.aggregateMenuDrawerAllInput {
+  padding      : 10px 0;
+  margin       : 0 16px;
+  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
+}
+
+.aggregateMenuDrawerMenu {
+  height      : 100%;
+  border-right: 1px solid rgba(5, 5, 5, 0.06);
+}
+
+.aggregateMenuDrawerMenuGroup {
+  padding-left: 16px;
+}
+
+.aggregateMenuDrawerAppItem {
+  height     : 40px;
+  line-height: 40px;
+  padding    : 0 10px 0 16px;
+  display    : flex;
+}
+
+.aggregateMenuDrawerAppItem:hover .aggregateMenuDrawerAppItemIcons {
+  display: block;
+}
+
+.aggregateMenuDrawerAppItemIcons {
+  display: none;
+}
+
+.aggregateMenuDrawerAppItemIcons :global(.anticon) {
+  color: #c1c1c1;
+}
+
+.aggregateMenuDrawerAppItemIcons :global(.dragIcon) {
+  cursor: all-scroll;
+}
+
+.aggregateMenuDrawerAppItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
+}
+
+.aggregateMenuDrawerAppItemName {
+  flex         : auto;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  overflow     : hidden;
+  font-weight  : bold;
+  color        : #ff6a00;
+}
+
+.aggregateMenuDrawerMenuItem {
+  height     : 40px;
+  line-height: 40px;
+  cursor     : pointer;
+  padding    : 0 10px 0 16px;
+  display    : flex;
+}
+
+.aggregateMenuDrawerMenuItem:hover {
+  background-color: #f1f1f1;
+}
+
+.aggregateMenuDrawerMenuItem:hover .aggregateMenuDrawerMenuItemIcons {
+  display: block;
+}
+
+.aggregateMenuDrawerMenuItemIcons {
+  display: none;
+}
+
+.aggregateMenuDrawerMenuItemIcons :global(.anticon) {
+  color: #c1c1c1;
+}
+
+.aggregateMenuDrawerMenuItemIcons :global(.dragIcon) {
+  cursor: all-scroll;
+}
+
+.aggregateMenuDrawerMenuItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
+}
+
+.aggregateMenuDrawerMenuItemName {
+  flex         : auto;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  overflow     : hidden;
+}
+
+.aggregateMenuLatelys {
+  padding   : 16px 16px 0 16px;
+  height    : 112px;
+  box-sizing: border-box;
+}
+
+.aggregateMenuLatelysColumn {
+  column-count: 3;
+  column-gap  : 10px;
+}
+
+/* 黑色主题处理 */
+.aggregateMenuDark .aggregateMenuDrawerAllInput {
+  border-bottom: 1px solid #ffffff40;
+}
+
+.aggregateMenuDark .aggregateMenuDrawerAllMenuItem:hover {
+  background-color: #ffffff40;
+}
+
+.aggregateMenuDark .aggregateMenuDrawerAllMenuItemDirClickable:hover {
+  background-color: #ffffff40;
+}
+
+.aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
+  background-color: #ffffff40;
+}

package/esm/components/aggregate-menu/locale/en_US.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\aggregate-menu\\locale\\en_US.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n  title: 'Application menu',\r\n  latelyTitle: \"Recently visited\",\r\n  notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n  searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}
+{"version":3,"sources":[".\\src\\components\\aggregate-menu\\locale\\en_US.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\n\nconst locale: AggregateMenuLocale = {\n  title: 'Application menu',\n  latelyTitle: \"Recently visited\",\n  notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\n  searchPlaceholder: \"Please enter keyword\",\n};\n\nexport default locale\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}

package/esm/components/aggregate-menu/locale/zh_CN.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\aggregate-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n  title: '应用菜单',\r\n  latelyTitle: \"最近访问\",\r\n  notText: '收藏列表为空，可在右侧将您常用地址添加到收藏。',\r\n  searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}
+{"version":3,"sources":[".\\src\\components\\aggregate-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\n\nconst locale: AggregateMenuLocale = {\n  title: '应用菜单',\n  latelyTitle: \"最近访问\",\n  notText: '收藏列表为空，可在右侧将您常用地址添加到收藏。',\n  searchPlaceholder: \"请输入关键词\",\n};\n\nexport default locale\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuProps } from 'antd';
 export interface AvatarDropdownLocale {
     logout: string;
@@ -20,5 +21,5 @@ export interface AvatarDropdownProps {
      */
     onLogoutClick?: () => void;
 }
-declare const AvatarDropdown: (props: AvatarDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarDropdown: (props: AvatarDropdownProps) => JSX.Element;
 export default AvatarDropdown;

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

@@ -1,23 +1,23 @@
-.action {
-  display: flex;
-  align-items: center;
-  height: 48px;
-  padding: 0 12px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-
-.action>span {
-  vertical-align: middle;
-  font-size: 14px;
-}
-
-.account>.avatar {
-  margin-right: 8px;
-  vertical-align: top;
-  background: rgba(255, 255, 255, 0.85);
-}
-
-.menu {
-  min-width: 160px;
-}
+.action {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action>span {
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.account>.avatar {
+  margin-right: 8px;
+  vertical-align: top;
+  background: rgba(255, 255, 255, 0.85);
+}
+
+.menu {
+  min-width: 160px;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\avatar-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\r\n\r\nconst locale: AvatarDropdownLocale = {\r\n  logout: 'logout'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","logout"],"mappings":"AAEA,IAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
+{"version":3,"sources":[".\\src\\components\\avatar-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\n\nconst locale: AvatarDropdownLocale = {\n  logout: 'logout'\n};\n\nexport default locale\n"],"names":["locale","logout"],"mappings":"AAEA,IAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}

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

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\avatar-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\r\n\r\nconst locale: AvatarDropdownLocale = {\r\n  logout: '退出'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","logout"],"mappings":"AAEA,IAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
+{"version":3,"sources":[".\\src\\components\\avatar-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\n\nconst locale: AvatarDropdownLocale = {\n  logout: '退出'\n};\n\nexport default locale\n"],"names":["locale","logout"],"mappings":"AAEA,IAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}

package/esm/components/collect-providers/index.d.ts

@@ -26,5 +26,5 @@ export interface CollectProviderProps {
      */
     children: ReactNode;
 }
-declare const _default: (props: CollectProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: CollectProviderProps) => JSX.Element;
 export default _default;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LocaleType } from '..';
 export interface I18nDropdownProps {
     /**
@@ -5,5 +6,5 @@ export interface I18nDropdownProps {
      */
     onChange?: (value: LocaleType) => void;
 }
-declare function I18nDropdown(props: I18nDropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function I18nDropdown(props: I18nDropdownProps): JSX.Element;
 export default I18nDropdown;

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

@@ -1,13 +1,13 @@
-.action {
-  display: flex;
-  align-items: center;
-  height: 48px;
-  padding: 0 12px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-
-.action > span {
-  vertical-align: middle;
-  font-size: 14px;
-}
+.action {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action > span {
+  vertical-align: middle;
+  font-size: 14px;
+}

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

@@ -1,4 +1,4 @@
 import { SVGProps } from "react";
-export declare const OpenWin: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const Sun: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const Moon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const OpenWin: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Sun: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Moon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;

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

@@ -79,5 +79,5 @@ export interface LayoutProps {
      */
     children?: ReactNode;
 }
-declare const Layout: (props: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const Layout: (props: LayoutProps) => JSX.Element;
 export default Layout;