@lemon-fe/kits 0.1.136 → 1.0.0-0

package/es/styles/overrides.less

@@ -0,0 +1,191 @@
+a[title='站长统计'] {
+  display: none;
+}
+
+@blue-base: #2357df;
+
+::selection {
+  color: inherit;
+  background: #d3ddf9;
+}
+
+/** basic */
+
+@height-base: 32px;
+@border-color-base: #c0c0c0;
+@border-radius-base: 4px;
+@label-color: #464646;
+
+/** table */
+
+@table-header-bg: #f0f0f0;
+@table-header-color: rgba(51, 51, 51, 0.65);
+@table-padding-vertical: 14px;
+@table-border-color: #e1e1e1;
+@table-border-radius-base: 4px;
+@table-row-hover-bg: #eee;
+
+.@{ant-prefix}-table-thead > tr > th {
+  border-bottom: none;
+
+  &::before {
+    display: none;
+  }
+}
+
+.@{ant-prefix}-table-body {
+  .scrollBar(8px);
+}
+
+.@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected > td {
+  border-color: @table-border-color;
+}
+
+.@{ant-prefix}-table-cell {
+  .@{ant-prefix}-checkbox-checked .@{ant-prefix}-checkbox-inner::after {
+    transition: none !important;
+  }
+
+  .@{ant-prefix}-checkbox-inner {
+    transition: none !important;
+  }
+
+  .@{ant-prefix}-checkbox-checked::after {
+    animation: none !important;
+  }
+}
+
+.@{ant-prefix}-table-pagination.@{ant-prefix}-pagination {
+  margin-bottom: 0;
+}
+
+/** button */
+
+@btn-default-border: #c4c4c4;
+
+/** modal */
+
+.@{ant-prefix}-modal-content {
+  border-radius: 8px;
+}
+
+.@{ant-prefix}-modal-header {
+  border-radius: 8px 8px 0 0;
+}
+
+.@{ant-prefix}-modal-confirm {
+  .@{ant-prefix}-modal-body {
+    padding: 0;
+  }
+
+  .@{ant-prefix}-modal-confirm-body {
+    padding: 40px 48px;
+    overflow: hidden;
+
+    & > img:first-child {
+      position: absolute;
+      top: 40px;
+      left: 48px;
+    }
+  }
+
+  .@{ant-prefix}-modal-confirm-btns {
+    float: none;
+    margin-top: 0;
+    padding: 10px 16px;
+    text-align: right;
+    background: transparent;
+    border-top: 1px solid rgba(0, 0, 0, 0.06);
+    border-radius: 0 0 2px 2px;
+
+    & > .@{ant-prefix}-btn {
+      min-width: 72px;
+    }
+  }
+
+  .@{ant-prefix}-modal-confirm-title {
+    float: none;
+    margin-left: 56px;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .@{ant-prefix}-modal-confirm-content {
+    float: none;
+    margin: 2px 0 0 56px;
+    color: rgba(51, 51, 51, 0.5);
+    line-height: 22px;
+  }
+}
+
+/** pagination */
+
+.@{ant-prefix}-pagination {
+  color: #666;
+
+  .@{ant-prefix}-select {
+    color: #666;
+  }
+}
+
+.@{ant-prefix}-pagination-item {
+  font-size: 12px;
+
+  a {
+    color: #666;
+  }
+}
+
+.@{ant-prefix}-pagination-item-active {
+  background: @primary-color;
+
+  a {
+    color: #fff;
+  }
+
+  &:hover a {
+    color: #fff;
+  }
+}
+
+.@{ant-prefix}-pagination-options .@{ant-prefix}-select.@{ant-prefix}-select-in-form-item {
+  width: auto;
+}
+
+/** select */
+
+.@{ant-prefix}-select-arrow {
+  color: rgba(51, 51, 51, 0.7);
+  font-size: 16px;
+}
+
+.@{ant-prefix}-select-sm .@{ant-prefix}-select-arrow {
+  font-size: 14px;
+}
+
+/** input */
+@input-height-base: 28px;
+@input-padding-horizontal-base: 8px;
+@input-icon-color: rgba(51, 51, 51, 0.7);
+@input-padding-vertical-base: (
+    round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10
+  ) - @border-width-base;
+
+/** picker */
+.@{ant-prefix}-picker {
+  .@{ant-prefix}-picker-clear {
+    box-sizing: border-box;
+    width: 16px;
+    height: 16px;
+    padding: 1px;
+  }
+
+  &-suffix {
+    color: rgba(51, 51, 51, 0.7);
+    font-size: 16px;
+  }
+}
+
+/** button **/
+@btn-height-base: 28px;
+@btn-padding-horizontal-base: 11px;

package/es/styles/theme.less

@@ -0,0 +1,9 @@
+@prefixCls: lemon;
+@space: 16px;
+
+@space-h: 16px;
+@space-v: 12px;
+
+html {
+  --lemon-primary-color: 35, 87, 223;
+}

package/es/styles/utils.less

@@ -0,0 +1,110 @@
+/* stylelint-disable property-no-unknown */
+
+// primary color
+
+.primary(@alpha: 1) {
+  rgb: rgb(var(--lemon-primary-color));
+  rgba: rgba(var(--lemon-primary-color), @alpha);
+}
+
+// popover
+
+.popoverInner(@width: 120px) {
+  position: relative;
+  width: @width;
+  padding: 8px 0;
+  background-color: #fff;
+  border-radius: 8px;
+  border-image: linear-gradient(147deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1;
+  box-shadow: 0 12px 48px 16px rgba(0, 0, 0, 0.03), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
+    0 6px 16px -8px rgba(0, 0, 0, 0.08);
+}
+
+.popover(@width: 120px) {
+  padding-top: 0 !important;
+
+  .@{ant-prefix}-popover-arrow {
+    display: none;
+  }
+
+  .@{ant-prefix}-popover-inner {
+    .popoverInner(@width);
+  }
+
+  .@{ant-prefix}-popover-inner-content {
+    padding: 0;
+  }
+}
+
+.popoverItem() {
+  position: relative;
+  width: 100%;
+  height: 36px;
+  padding: 0 @space-h;
+  overflow-x: hidden;
+  color: #333;
+  font-size: 14px;
+  line-height: 36px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  user-select: none;
+
+  &:hover {
+    background-color: #eee;
+  }
+}
+
+// tabs
+
+.fullTabs() {
+  height: 100%;
+
+  & > .@{ant-prefix}-tabs-nav {
+    margin-bottom: 12px;
+
+    .@{ant-prefix}-tabs-tab {
+      padding: 8px 12px;
+
+      &.@{ant-prefix}-tabs-tab-active .@{ant-prefix}-tabs-tab-btn {
+        text-shadow: unset;
+      }
+    }
+
+    .@{ant-prefix}-tabs-tab + .@{ant-prefix}-tabs-tab {
+      margin-left: 24px;
+    }
+  }
+
+  & > .@{ant-prefix}-tabs-content-holder {
+    flex: 1;
+
+    & > .@{ant-prefix}-tabs-content {
+      height: 100%;
+
+      & > .@{ant-prefix}-tabs-tabpane {
+        height: 100%;
+      }
+    }
+  }
+}
+
+.scrollBar (@width: 6px) {
+  scrollbar-width: thin;
+
+  &::-webkit-scrollbar {
+    width: @width;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+    border-radius: 10px; // 滑块颜色
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #ddd;
+    border-radius: 10px; // 滑块颜色
+  }
+}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "0.1.136",
-  "description": "> TODO: description",
-  "author": "鲁盛杰 <lusj@cnlemon.net>",
-  "homepage": "",
-  "license": "ISC",
-  "main": "es/index.js",
-  "module": "es/index.js",
-  "sideEffects": [
-    "es/index.less"
-  ],
-  "directories": {
-    "es": "es"
+  "version": "1.0.0-0",
+  "scripts": {
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "scp -r kits-docs dev@47.111.99.207:/opt/app/",
+    "build": "father build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "prepublishOnly": "npm run build",
+    "prepare": "husky install"
   },
   "files": [
     "es"
@@ -19,18 +19,71 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "repository": {
-    "type": "git",
-    "url": "git@gitlab.nhsoft.cn:lemon-fe/kits-next.git"
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "main": "es/index.js",
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
   },
   "dependencies": {
-    "@lemon-fe/components": "^0.1.136",
+    "@ag-grid-community/client-side-row-model": "^28.2.1",
+    "@ag-grid-community/core": "^28.2.1",
+    "@ag-grid-community/csv-export": "^28.2.1",
+    "@ag-grid-community/infinite-row-model": "^28.2.1",
+    "@ag-grid-community/react": "^28.2.1",
+    "@ag-grid-community/styles": "^28.2.1",
+    "@ant-design/icons": "^4.7.0",
     "@lemon-fe/hooks": "^0.1.86",
-    "@lemon-fe/layouts": "^0.1.136",
-    "antd": "^4.21.6"
+    "@lemon-fe/utils": "^0.1.117",
+    "antd": "4.23.6",
+    "async-validator": "^4.2.5",
+    "classnames": "^2.2.6",
+    "color-string": "^1.9.1",
+    "lodash": "^4.17.0",
+    "moment": "^2.29.4",
+    "rc-resize-observer": "^1.0.0",
+    "rc-tree": "^5.7.0",
+    "react-color": "^2.19.3",
+    "react-gcolor-picker": "^1.2.4",
+    "react-resizable": "^3.0.4",
+    "shallowequal": "^1.1.0"
   },
-  "scripts": {
-    "test": "echo \"Error: run tests from root\" && exit 1"
+  "peerDependencies": {
+    "react": ">=16.8",
+    "react-router": "5.x",
+    "react-router-dom": "5.x"
   },
-  "gitHead": "aa14d0c951acdc5db1bd2246dfb4bf6200bf845d"
-}
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.15.1",
+    "@testing-library/react": "^13.0.0",
+    "@types/color-string": "^1.5.2",
+    "@types/jest": "^27.0.3",
+    "@types/lodash": "^4.14.186",
+    "@types/react": "^18.0.18",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-router": "^5.0.0",
+    "@types/react-router-dom": "^5.0.0",
+    "@types/shallowequal": "^1.1.1",
+    "@umijs/fabric": "^2.8.1",
+    "@umijs/test": "^3.0.5",
+    "dumi": "^1.1.0",
+    "father": "^4.0.7",
+    "gh-pages": "^3.0.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router": "^5.0.0",
+    "react-router-dom": "^5.0.0"
+  }
+}

package/es/subject.d.ts

@@ -1,12 +0,0 @@
-interface Observer<State> {
-    next: (state: State) => void;
-    complete?: () => void;
-}
-export default function Subject<State>(): {
-    next: (state: State) => void;
-    subscribe: (observer: Observer<State>) => {
-        unsubscribe: () => void;
-    };
-    complete: () => void;
-};
-export {};

package/es/subject.js

@@ -1,30 +0,0 @@
-export default function Subject() {
-  var observers = [];
-  return {
-    next: function next(state) {
-      observers.forEach(function (item) {
-        return item.next(state);
-      });
-    },
-    subscribe: function subscribe(observer) {
-      observers.push(observer);
-      return {
-        unsubscribe: function unsubscribe() {
-          var index = observers.findIndex(function (item) {
-            return item === observer;
-          });
-          if (index >= 0) {
-            observers.splice(index, 1);
-          }
-        }
-      };
-    },
-    complete: function complete() {
-      observers.forEach(function (item) {
-        if (item.complete) {
-          item.complete();
-        }
-      });
-    }
-  };
-}