@jetlinks-web/components 2.6.12 → 3.0.1-rc

package/lib/style/index.css

@@ -5089,10 +5089,6 @@ span.ant-radio + * {
   height: 100%;
   overflow-x: hidden;
 }
-.j-monaco-editor {
-  min-height: 50px;
-  height: 100%;
-}
 .j-scrollbar {
   overflow: hidden;
   position: relative;
@@ -5236,3 +5232,144 @@ span.ant-radio + * {
   left: 0;
   width: 200px;
 }
+.j-skeleton-flex {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+}
+.j-skeleton-flex-between {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+  justify-content: space-between;
+  align-items: center;
+}
+.j-skeleton-flex-column {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+  justify-content: space-between;
+}
+.j-skeleton {
+  height: 100%;
+}
+.j-skeleton-item {
+  background: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 50%, #f0f2f5 75%);
+  background-size: 400% 100%;
+  border-radius: 8px;
+  height: 24px;
+}
+.j-skeleton-item-active {
+  animation: wave 1.8s ease-in-out infinite;
+}
+.j-skeleton-item-lg {
+  height: 36px;
+}
+.j-skeleton-item-sm {
+  height: 16px;
+}
+@keyframes wave {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+.j-skeleton-dashboard-card {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+  border: 4px solid #f0f2f5;
+  border-radius: 8px;
+  height: 100%;
+  padding: 24px;
+  flex-direction: column;
+}
+.j-skeleton-tabs {
+  display: flex;
+  gap: 16px;
+  margin: 60px 0 20px 0;
+  border-bottom: 4px solid #f0f2f5;
+  padding: 16px 0;
+}
+.j-skeleton-desc {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 24px;
+}
+.j-skeleton-desc-content {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 36px;
+  margin-top: 24px;
+}
+.j-skeleton-desc-item {
+  display: flex;
+  gap: 16px;
+}
+.j-skeleton-box {
+  border-bottom: 4px solid #f0f2f5;
+  padding: 16px 0;
+}
+.j-skeleton-table-cell {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) 200px;
+  gap: 24px;
+  padding: 12px 6px;
+  border-radius: 8px;
+}
+.j-skeleton-table-header {
+  background-color: lightgrey;
+}
+.j-skeleton-table-action {
+  width: 200px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  gap: 24px;
+}
+.j-skeleton-cards {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+}
+.j-skeleton-card .j-skeleton-card-content {
+  display: flex;
+  gap: 16px;
+  border: 2px solid #f0f2f5;
+  border-radius: 8px;
+  padding: 24px;
+  margin-bottom: 16px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-image {
+  width: 100px;
+  height: 100px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-right {
+  flex: 1;
+  min-width: 200px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-right .j-skeleton-right-content {
+  display: flex;
+  gap: 16px;
+  margin-top: 16px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-right .j-skeleton-right-content .j-skeleton-right-content-item {
+  flex: 1;
+  min-width: 100px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.j-skeleton-card .j-skeleton-action {
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+}
+.j-skeleton-card .j-skeleton-action .btn {
+  flex: 1;
+  min-width: 100px;
+}
+.j-skeleton-card .j-skeleton-action .delete {
+  flex: 0 0 100px;
+}

package/lib/style/index.less

@@ -7,8 +7,8 @@
 @import '../CardSelect/style/index.less';
 @import '../DragModal/style/index.less';
 @import "../EditTable/style/index.less";
-@import "../MonacoEditor/style/index.less";
 @import '../Scrollbar/style/index.less';
 @import '../Title/style/index.less';
 @import '../RadioButton/style/index.less';
 @import '../FlameGraph/style/index.less';
+@import '../Skeleton/style/Skeleton.less';

package/lib/style.js

@@ -8,8 +8,8 @@ require("./Search/style");
 require("./CardSelect/style");
 require("./DragModal/style");
 require("./EditTable/style");
-require("./MonacoEditor/style");
 require("./Scrollbar/style");
 require("./Title/style");
 require("./RadioButton/style");
-require("./FlameGraph/style");
+require("./FlameGraph/style");
+require("./Skeketon/style");

package/package.json

@@ -1,173 +1,173 @@
-{
-  "name": "@jetlinks-web/components",
-  "version": "2.6.12",
-  "description": "",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "keywords": [
-    "jetlinks",
-    "jetlinks-web",
-    "components",
-    "jetlinks-web/components",
-    "@jetlinks-web",
-    "@jetlinks-web/components"
-  ],
-  "files": [
-    "lib",
-    "es"
-  ],
-  "private": false,
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@ant-design/icons-vue": "^7.0.1",
-    "@vuemap/vue-amap": "^2.0.17",
-    "@vueuse/core": "^10.2.1",
-    "@vueuse/router": "^12.1.0",
-    "async-validator": "^4.2.5",
-    "d3": "^7.9.0",
-    "d3-flame-graph": "^4.1.3",
-    "echarts": "^5.4.3",
-    "markdown-it": "^14.1.0",
-    "markdown-it-abbr": "^2.0.0",
-    "markdown-it-anchor": "^9.1.0",
-    "markdown-it-deflist": "^3.0.0",
-    "markdown-it-emoji": "^3.0.0",
-    "markdown-it-footnote": "^4.0.0",
-    "markdown-it-highlightjs": "^4.1.0",
-    "markdown-it-ins": "^4.0.0",
-    "markdown-it-mark": "^4.0.0",
-    "markdown-it-sub": "^2.0.0",
-    "markdown-it-sup": "^2.0.0",
-    "markdown-it-task-lists": "^2.1.1",
-    "markdown-it-toc-done-right": "^4.2.0",
-    "monaco-editor": "^0.51.0",
-    "resize-observer-polyfill": "^1.5.1",
-    "sortablejs": "^1.15.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.10.5",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-export-default-from": "^7.8.3",
-    "@babel/plugin-proposal-export-namespace-from": "^7.12.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.10.1",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-member-expression-literals": "^7.8.3",
-    "@babel/plugin-transform-object-assign": "^7.8.3",
-    "@babel/plugin-transform-property-literals": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.10.5",
-    "@babel/plugin-transform-template-literals": "^7.8.3",
-    "@babel/plugin-transform-typescript": "^7.12.1",
-    "@babel/polyfill": "^7.8.7",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/preset-typescript": "^7.10.4",
-    "@babel/runtime": "^7.24.4",
-    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.4.2",
-    "@rollup/plugin-commonjs": "^22.0.1",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@types/eslint": "^8.21.0",
-    "@types/lodash-es": "^4.17.6",
-    "@types/node": "^18.13.0",
-    "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^5.50.0",
-    "@typescript-eslint/parser": "^5.50.0",
-    "@vitejs/plugin-vue": "^2.3.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/babel-plugin-jsx": "^1.0.0",
-    "@vue/compiler-sfc": "^3.4.21",
-    "ant-design-vue": "3.2.20",
-    "autoprefixer": "^10.2.0",
-    "babel-eslint": "^10.0.1",
-    "babel-loader": "^8.0.0",
-    "babel-plugin-import": "^1.1.1",
-    "babel-plugin-inline-import-data-uri": "^1.0.1",
-    "babel-plugin-istanbul": "^6.0.0",
-    "babel-plugin-transform-require-context": "^0.1.1",
-    "case-sensitive-paths-webpack-plugin": "^2.1.2",
-    "child_process": "^1.0.2",
-    "colorful": "^2.1.0",
-    "commander": "^6.1.0",
-    "commitlint": "^17.4.2",
-    "compute-scroll-into-view": "^3.0.0",
-    "css-loader": "^6.7.3",
-    "css-minimizer-webpack-plugin": "^3.0.0",
-    "dayjs": "^1.11.8",
-    "duplicate-package-checker-webpack-plugin": "^3.0.0",
-    "esbuild": "~0.12.29",
-    "esbuild-loader": "^2.18.0",
-    "escape-html": "^1.0.3",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.0.0",
-    "eslint-plugin-html": "^6.0.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-markdown": "^2.0.0",
-    "eslint-plugin-vue": "^8.1.1",
-    "fast-glob": "^3.2.12",
-    "globby": "^11.1.0",
-    "gray-matter": "^4.0.3",
-    "gulp": "^4.0.2",
-    "gulp-babel": "^8.0.0",
-    "gulp-strip-code": "^0.1.4",
-    "gulp-typescript": "^6.0.0-alpha.1",
-    "is-windows": "^1.0.2",
-    "json5": "^2.2.3",
-    "less": "^4.1.3",
-    "less-loader": "^11.1.0",
-    "less-plugin-npm-import": "^2.1.0",
-    "less-vars-to-js": "^1.3.0",
-    "lint-staged": "^13.1.0",
-    "lru-cache": "^7.14.1",
-    "marked": "0.3.18",
-    "merge2": "^1.4.1",
-    "mini-css-extract-plugin": "^2.4.5",
-    "minimist": "^1.2.0",
-    "mkdirp": "^0.5.1",
-    "object-assign": "^4.1.1",
-    "postcss": "^8.2.12",
-    "postcss-loader": "^6.0.0",
-    "prettier": "^2.8.3",
-    "prismjs": "^1.29.0",
-    "remove-files-webpack-plugin": "^1.5.0",
-    "rollup-plugin-esbuild": "^4.9.1",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "rollup-plugin-vue": "^6.0.0",
-    "slash": "^3.0.0",
-    "string-replace-loader": "^3.1.0",
-    "style-loader": "^3.3.1",
-    "sucrase": "^3.29.0",
-    "terser-webpack-plugin": "^5.1.1",
-    "through2": "^4.0.2",
-    "ts-loader": "^9.1.0",
-    "ts-morph": "^17.0.1",
-    "typescript": "^4.9.3",
-    "unplugin-vue-macros": "^0.11.2",
-    "url": "^0.11.0",
-    "url-loader": "^3.0.0",
-    "vite": "^4.0.0",
-    "vite-plugin-monaco-editor": "^1.1.0",
-    "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vue": "^3.2.45",
-    "vue-eslint-parser": "^9.1.0",
-    "vue-tsc": "^1.0.11",
-    "webpack": "^5.75.0",
-    "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^4.6.0",
-    "webpack-dev-server": "^4.0.0",
-    "webpack-merge": "^5.0.0",
-    "webpackbar": "^5.0.2",
-    "@jetlinks-web/constants": "^1.0.9",
-    "@jetlinks-web/utils": "^1.2.9",
-    "@jetlinks-web/hooks": "^1.0.25"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "scripts": {
-    "compile": "node tools/cli/run.js compile",
-    "clean": "pnpm rimraf node_modules && pnpm rimraf .turbo"
-  }
-}
+{
+  "name": "@jetlinks-web/components",
+  "version": "3.0.1-rc",
+  "description": "",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "scripts": {
+    "compile": "node tools/cli/run.js compile",
+    "clean": "pnpm rimraf node_modules && pnpm rimraf .turbo"
+  },
+  "keywords": [
+    "jetlinks",
+    "jetlinks-web",
+    "components",
+    "jetlinks-web/components",
+    "@jetlinks-web",
+    "@jetlinks-web/components"
+  ],
+  "files": [
+    "lib",
+    "es"
+  ],
+  "private": false,
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "@vuemap/vue-amap": "^2.0.17",
+    "@vueuse/core": "^10.2.1",
+    "@vueuse/router": "^12.1.0",
+    "async-validator": "^4.2.5",
+    "d3": "^7.9.0",
+    "d3-flame-graph": "^4.1.3",
+    "echarts": "^5.4.3",
+    "markdown-it": "^14.1.0",
+    "markdown-it-abbr": "^2.0.0",
+    "markdown-it-anchor": "^9.1.0",
+    "markdown-it-deflist": "^3.0.0",
+    "markdown-it-emoji": "^3.0.0",
+    "markdown-it-footnote": "^4.0.0",
+    "markdown-it-highlightjs": "^4.1.0",
+    "markdown-it-ins": "^4.0.0",
+    "markdown-it-mark": "^4.0.0",
+    "markdown-it-sub": "^2.0.0",
+    "markdown-it-sup": "^2.0.0",
+    "markdown-it-task-lists": "^2.1.1",
+    "markdown-it-toc-done-right": "^4.2.0",
+    "monaco-editor": "^0.51.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "sortablejs": "^1.15.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.10.5",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-proposal-export-default-from": "^7.8.3",
+    "@babel/plugin-proposal-export-namespace-from": "^7.12.1",
+    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.10.1",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-member-expression-literals": "^7.8.3",
+    "@babel/plugin-transform-object-assign": "^7.8.3",
+    "@babel/plugin-transform-property-literals": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.10.5",
+    "@babel/plugin-transform-template-literals": "^7.8.3",
+    "@babel/plugin-transform-typescript": "^7.12.1",
+    "@babel/polyfill": "^7.8.7",
+    "@babel/preset-env": "^7.9.6",
+    "@babel/preset-typescript": "^7.10.4",
+    "@babel/runtime": "^7.24.4",
+    "@commitlint/cli": "^17.4.2",
+    "@commitlint/config-conventional": "^17.4.2",
+    "@jetlinks-web/constants": "workspace:^",
+    "@jetlinks-web/hooks": "workspace:^",
+    "@jetlinks-web/utils": "workspace:^",
+    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@types/eslint": "^8.21.0",
+    "@types/lodash-es": "^4.17.6",
+    "@types/node": "^18.13.0",
+    "@types/sortablejs": "^1.15.1",
+    "@typescript-eslint/eslint-plugin": "^5.50.0",
+    "@typescript-eslint/parser": "^5.50.0",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vue/babel-plugin-jsx": "^1.0.0",
+    "@vue/compiler-sfc": "^3.4.21",
+    "ant-design-vue": "3.2.20",
+    "autoprefixer": "^10.2.0",
+    "babel-eslint": "^10.0.1",
+    "babel-loader": "^8.0.0",
+    "babel-plugin-import": "^1.1.1",
+    "babel-plugin-inline-import-data-uri": "^1.0.1",
+    "babel-plugin-istanbul": "^6.0.0",
+    "babel-plugin-transform-require-context": "^0.1.1",
+    "case-sensitive-paths-webpack-plugin": "^2.1.2",
+    "child_process": "^1.0.2",
+    "colorful": "^2.1.0",
+    "commander": "^6.1.0",
+    "commitlint": "^17.4.2",
+    "compute-scroll-into-view": "^3.0.0",
+    "css-loader": "^6.7.3",
+    "css-minimizer-webpack-plugin": "^3.0.0",
+    "dayjs": "^1.11.8",
+    "duplicate-package-checker-webpack-plugin": "^3.0.0",
+    "esbuild": "~0.12.29",
+    "esbuild-loader": "^2.18.0",
+    "escape-html": "^1.0.3",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.0.0",
+    "eslint-plugin-html": "^6.0.0",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-markdown": "^2.0.0",
+    "eslint-plugin-vue": "^8.1.1",
+    "fast-glob": "^3.2.12",
+    "globby": "^11.1.0",
+    "gray-matter": "^4.0.3",
+    "gulp": "^4.0.2",
+    "gulp-babel": "^8.0.0",
+    "gulp-strip-code": "^0.1.4",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "is-windows": "^1.0.2",
+    "json5": "^2.2.3",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "less-plugin-npm-import": "^2.1.0",
+    "less-vars-to-js": "^1.3.0",
+    "lint-staged": "^13.1.0",
+    "lru-cache": "^7.14.1",
+    "marked": "0.3.18",
+    "merge2": "^1.4.1",
+    "mini-css-extract-plugin": "^2.4.5",
+    "minimist": "^1.2.0",
+    "mkdirp": "^0.5.1",
+    "object-assign": "^4.1.1",
+    "postcss": "^8.2.12",
+    "postcss-loader": "^6.0.0",
+    "prettier": "^2.8.3",
+    "prismjs": "^1.29.0",
+    "remove-files-webpack-plugin": "^1.5.0",
+    "rollup-plugin-esbuild": "^4.9.1",
+    "rollup-plugin-typescript2": "^0.34.1",
+    "rollup-plugin-vue": "^6.0.0",
+    "slash": "^3.0.0",
+    "string-replace-loader": "^3.1.0",
+    "style-loader": "^3.3.1",
+    "sucrase": "^3.29.0",
+    "terser-webpack-plugin": "^5.1.1",
+    "through2": "^4.0.2",
+    "ts-loader": "^9.1.0",
+    "ts-morph": "^17.0.1",
+    "typescript": "^4.9.3",
+    "unplugin-vue-macros": "^0.11.2",
+    "url": "^0.11.0",
+    "url-loader": "^3.0.0",
+    "vite": "^4.0.0",
+    "vite-plugin-monaco-editor": "^1.1.0",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vue": "^3.2.45",
+    "vue-eslint-parser": "^9.1.0",
+    "vue-tsc": "^1.0.11",
+    "webpack": "^5.75.0",
+    "webpack-bundle-analyzer": "^4.4.2",
+    "webpack-cli": "^4.6.0",
+    "webpack-dev-server": "^4.0.0",
+    "webpack-merge": "^5.0.0",
+    "webpackbar": "^5.0.2"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  }
+}