@gm-pc/react 1.27.0 → 1.27.1-beta.0

package/src/component/pagination/stories.tsx

@@ -1,63 +1,63 @@
-import React from 'react'
-import Pagination from './pagination'
-import { observable } from 'mobx'
-import { PaginationPaging } from './types'
-
-const store = observable({
-  paging: {
-    offset: 0,
-    limit: 10,
-    need_count: true,
-    count: 100,
-    has_more: true,
-  },
-  setPaging(paging: PaginationPaging) {
-    console.log(paging)
-    // @ts-ignore
-    this.paging = paging
-  },
-})
-
-const oStore = observable({
-  paging: {
-    offset: 0,
-    limit: 10,
-    need_count: false,
-    count: undefined,
-    has_more: true,
-  },
-  setPaging(paging: PaginationPaging) {
-    console.log(paging)
-    // @ts-ignore
-    this.paging = paging
-    // @ts-ignore
-    if (paging.offset + paging.limit >= 100) {
-      this.paging.has_more = false
-    } else {
-      this.paging.has_more = true
-    }
-  },
-})
-
-export const ComPagination = () => (
-  <div>
-    <Pagination
-      paging={store.paging}
-      onChange={(paging) => {
-        store.setPaging(paging)
-      }}
-    />
-    <div>without count</div>
-    <Pagination
-      paging={oStore.paging}
-      pageSizeOptions={['100']}
-      onChange={(paging) => {
-        oStore.setPaging(paging)
-      }}
-    />
-  </div>
-)
-
-export default {
-  title: '表单/Pagination',
-}
+import React from 'react'
+import Pagination from './pagination'
+import { observable } from 'mobx'
+import { PaginationPaging } from './types'
+
+const store = observable({
+  paging: {
+    offset: 0,
+    limit: 10,
+    need_count: true,
+    count: 100,
+    has_more: true,
+  },
+  setPaging(paging: PaginationPaging) {
+    console.log(paging)
+    // @ts-ignore
+    this.paging = paging
+  },
+})
+
+const oStore = observable({
+  paging: {
+    offset: 0,
+    limit: 10,
+    need_count: false,
+    count: undefined,
+    has_more: true,
+  },
+  setPaging(paging: PaginationPaging) {
+    console.log(paging)
+    // @ts-ignore
+    this.paging = paging
+    // @ts-ignore
+    if (paging.offset + paging.limit >= 100) {
+      this.paging.has_more = false
+    } else {
+      this.paging.has_more = true
+    }
+  },
+})
+
+export const ComPagination = () => (
+  <div>
+    <Pagination
+      paging={store.paging}
+      onChange={(paging) => {
+        store.setPaging(paging)
+      }}
+    />
+    <div>without count</div>
+    <Pagination
+      paging={oStore.paging}
+      pageSizeOptions={['100']}
+      onChange={(paging) => {
+        oStore.setPaging(paging)
+      }}
+    />
+  </div>
+)
+
+export default {
+  title: '表单/Pagination',
+}

package/src/component/pagination/style.less

@@ -1,51 +1,51 @@
-.gm-pagination {
-  .gm-pagination-page {
-    margin-left: 20px;
-
-    .gm-pagination-page-item {
-      margin: 0 5px;
-      border: 1px solid var(--gm-color-border);
-      border-radius: var(--gm-size-border-radius);
-      height: 30px;
-      line-height: 30px;
-      min-width: 30px;
-      text-align: center;
-      cursor: pointer;
-
-      &:hover {
-        border: 1px solid var(--gm-color-primary);
-        color: var(--gm-color-primary);
-      }
-
-      &.active {
-        background-color: var(--gm-color-primary);
-        border: 1px solid var(--gm-color-primary);
-        color: white;
-      }
-
-      &.disabled {
-        .gmDisabledBg();
-
-        border: 1px solid var(--gm-color-border);
-      }
-    }
-
-    .gm-pagination-page-text {
-      color: var(--gm-color-desc);
-    }
-  }
-
-  .gm-pagination-right {
-    margin-left: 10px;
-
-    .gm-pagination-right-total-page {
-      height: var(--gm-size-form-height);
-      line-height: var(--gm-size-form-height);
-      text-align: center;
-      padding: 0 5px;
-      background-color: var(--gm-color-bg-back);
-      border: 1px solid var(--gm-color-border);
-      border-left: none;
-    }
-  }
-}
+.gm-pagination {
+  .gm-pagination-page {
+    margin-left: 20px;
+
+    .gm-pagination-page-item {
+      margin: 0 5px;
+      border: 1px solid var(--gm-color-border);
+      border-radius: var(--gm-size-border-radius);
+      height: 30px;
+      line-height: 30px;
+      min-width: 30px;
+      text-align: center;
+      cursor: pointer;
+
+      &:hover {
+        border: 1px solid var(--gm-color-primary);
+        color: var(--gm-color-primary);
+      }
+
+      &.active {
+        background-color: var(--gm-color-primary);
+        border: 1px solid var(--gm-color-primary);
+        color: white;
+      }
+
+      &.disabled {
+        .gmDisabledBg();
+
+        border: 1px solid var(--gm-color-border);
+      }
+    }
+
+    .gm-pagination-page-text {
+      color: var(--gm-color-desc);
+    }
+  }
+
+  .gm-pagination-right {
+    margin-left: 10px;
+
+    .gm-pagination-right-total-page {
+      height: var(--gm-size-form-height);
+      line-height: var(--gm-size-form-height);
+      text-align: center;
+      padding: 0 5px;
+      background-color: var(--gm-color-bg-back);
+      border: 1px solid var(--gm-color-border);
+      border-left: none;
+    }
+  }
+}

package/src/component/pagination/types.ts

@@ -1,18 +1,18 @@
-interface PaginationPaging {
-  offset: number
-  limit: number
-  need_count: boolean
-
-  /** 没有 count 的时候用 */
-  has_more?: boolean
-  count?: number
-}
-
-interface PaginationProps {
-  paging: PaginationPaging
-  // 指定每页可以显示多少条
-  pageSizeOptions?: string[]
-  onChange(paging: PaginationPaging): void
-}
-
-export type { PaginationProps, PaginationPaging }
+interface PaginationPaging {
+  offset: number
+  limit: number
+  need_count: boolean
+
+  /** 没有 count 的时候用 */
+  has_more?: boolean
+  count?: number
+}
+
+interface PaginationProps {
+  paging: PaginationPaging
+  // 指定每页可以显示多少条
+  pageSizeOptions?: string[]
+  onChange(paging: PaginationPaging): void
+}
+
+export type { PaginationProps, PaginationPaging }

package/src/component/pagination/util.ts

@@ -1,7 +1,7 @@
-import { PaginationPaging } from './types'
-
-function getIndex(paging: PaginationPaging): number {
-  return paging.offset / paging.limit + 1
-}
-
-export { getIndex }
+import { PaginationPaging } from './types'
+
+function getIndex(paging: PaginationPaging): number {
+  return paging.offset / paging.limit + 1
+}
+
+export { getIndex }

package/src/component/popover/index.ts

@@ -1,2 +1,2 @@
-export { default as Popover } from './popover'
-export type { PopoverProps, PopoverTrigger } from './types'
+export { default as Popover } from './popover'
+export type { PopoverProps, PopoverTrigger } from './types'