@oceanbase/ui 1.0.0-alpha.3 → 1.0.0-alpha.5

package/lib/Welcome/style/index.js

@@ -0,0 +1,188 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Welcome/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genWelcomeStyle: () => genWelcomeStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genWelcomeStyle = (token) => {
+  const { componentCls, antCls, colorBgContainer, colorText, colorTextSecondary, colorTextTertiary, colorTextQuaternary, colorPrimary } = token;
+  return {
+    [`${componentCls}-container`]: {
+      height: "100%",
+      paddingBottom: "0 !important",
+      backgroundColor: colorBgContainer,
+      ".tech-page-container-content": {
+        padding: "0 !important"
+      },
+      [`${componentCls}-page-header`]: {
+        height: 272,
+        paddingTop: 72,
+        paddingLeft: 100,
+        color: colorBgContainer,
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "100% 100%",
+        p: {
+          textAlign: "justify"
+        },
+        img: {
+          width: 80
+        },
+        [`${componentCls}-title`]: {
+          fontSize: 32,
+          fontFamily: "SFProText-Medium"
+        },
+        [`${componentCls}-description`]: {
+          marginTop: 16,
+          marginBottom: 32,
+          fontFamily: "SFProText-Regular",
+          opacity: 0.85
+        }
+      },
+      [`${componentCls}-introduce`]: {
+        margin: "0 32px",
+        marginTop: -48,
+        marginBottom: 40,
+        [`${antCls}-card-body`]: {
+          padding: "48px 68px",
+          boxShadow: "0 1px 40px 2px rgba(28, 116, 230, 0.1)"
+        },
+        [`${componentCls}-item`]: {
+          display: "flex",
+          img: {
+            marginRight: 12
+          },
+          ".title": {
+            color: colorText,
+            fontSize: 16,
+            fontFamily: "PingFangSC-Medium"
+          },
+          ".description": {
+            marginTop: 4,
+            color: colorTextSecondary,
+            fontFamily: "SFProText-Regular"
+          }
+        }
+      },
+      [`${componentCls}-content`]: {
+        padding: "0 32px",
+        paddingBottom: 90,
+        [`${componentCls}-left`]: {
+          padding: "0 36px",
+          borderRight: "1px solid #e8e8e8",
+          [`${componentCls}-item`]: {
+            display: "flex",
+            padding: "24px 24px",
+            [`${componentCls}-order-wrapper`]: {
+              [`${componentCls}-order`]: {
+                width: 24,
+                height: 24,
+                marginRight: 12,
+                color: colorTextQuaternary,
+                textAlign: "center",
+                border: `1px solid ${colorTextQuaternary}`,
+                borderRadius: 24
+              }
+            },
+            [`${componentCls}-title`]: {
+              marginTop: 0,
+              color: colorText,
+              fontSize: 16
+            },
+            [`${componentCls}-description`]: {
+              marginTop: 8,
+              color: colorTextTertiary
+            }
+          },
+          [`${componentCls}-btn-wrapper`]: {
+            marginRight: 24,
+            marginLeft: 60
+          }
+        },
+        [`${componentCls}-right`]: {
+          padding: "24px 64px",
+          [`${componentCls}-title`]: {
+            marginBottom: 16,
+            color: colorText,
+            fontSize: 16,
+            fontFamily: "PingFangSC-Medium"
+          },
+          [`${antCls}-btn`]: {
+            marginRight: 12,
+            marginBottom: 12,
+            background: "rgba(24, 144, 255, 0.06)",
+            border: "none"
+          },
+          [`${componentCls}-more`]: {
+            background: "rgba(0, 0, 0, 0.04)"
+          }
+        }
+      }
+    },
+    [`${componentCls}-step`]: {
+      display: "flex",
+      marginBottom: 30,
+      padding: "20px 30px 20px 0",
+      background: colorBgContainer,
+      border: "1px solid rgba(0, 0, 0, 0.06)",
+      borderRadius: 2,
+      "&:hover": {
+        boxShadow: "0 4px 16px 0",
+        cursor: "pointer"
+      },
+      "&:nth-child(even)": {
+        marginRight: 0
+      },
+      [`${componentCls}-step-left`]: {
+        padding: "0 20px"
+      },
+      [`${componentCls}-step-right`]: {
+        [`${componentCls}-step-title`]: {
+          color: colorText,
+          fontSize: 16,
+          lineHeight: 24
+        },
+        [`${componentCls}-step-description`]: {
+          color: colorTextTertiary
+        }
+      },
+      [`${componentCls}-step-operations`]: {
+        color: colorPrimary,
+        fontSize: 14,
+        lineHeight: 22
+      }
+    },
+    ".borderRight": {
+      borderRight: "1px solid #e8e8e8"
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Welcome", (token) => {
+    return [genWelcomeStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genWelcomeStyle
+});

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import './index.less';
 export * from '@ant-design/pro-components';
 export { version } from '../package.json';
 export * from './constant';

package/lib/index.js

@@ -64,7 +64,6 @@ __export(src_exports, {
   version: () => import_package.version
 });
 module.exports = __toCommonJS(src_exports);
-var import_index = require("./index.less");
 __reExport(src_exports, require("@ant-design/pro-components"), module.exports);
 var import_package = require("../package.json");
 __reExport(src_exports, require("./constant"), module.exports);

package/lib/locale/ja-JP.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './index';
+declare const _default: Locale;
+export default _default;

package/lib/locale/ja-JP.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var import_ja_JP = __toESM(require("@oceanbase/design/es/locale/ja-JP"));
+var import_ja_JP2 = __toESM(require("../BasicLayout/locale/ja-JP"));
+var import_ja_JP3 = __toESM(require("../BatchOperationBar/locale/ja-JP"));
+var import_ja_JP4 = __toESM(require("../Boundary/locale/ja-JP"));
+var import_ja_JP5 = __toESM(require("../Dialog/locale/ja-JP"));
+var import_ja_JP6 = __toESM(require("../DocDialog/locale/ja-JP"));
+var import_ja_JP7 = __toESM(require("../FullscreenBox/locale/ja-JP"));
+var import_ja_JP8 = __toESM(require("../GraphToolbar/locale/ja-JP"));
+var import_ja_JP9 = __toESM(require("../Highlight/locale/ja-JP"));
+var import_ja_JP10 = __toESM(require("../Login/locale/ja-JP"));
+var import_ja_JP11 = __toESM(require("../PageContainer/locale/ja-JP"));
+var import_ja_JP12 = __toESM(require("../Password/locale/ja-JP"));
+var import_ja_JP13 = __toESM(require("../Ranger/locale/ja-JP"));
+var import_ja_JP14 = __toESM(require("../DateRanger/locale/ja-JP"));
+var import_ja_JP15 = __toESM(require("../SideTip/locale/ja-JP"));
+var import_ja_JP16 = __toESM(require("../TaskGraph/locale/ja-JP"));
+var import_ja_JP17 = __toESM(require("../Welcome/locale/ja-JP"));
+var ja_JP_default = {
+  ...import_ja_JP.default,
+  // 业务组件
+  BasicLayout: import_ja_JP2.default,
+  PageContainer: import_ja_JP11.default,
+  Login: import_ja_JP10.default,
+  Welcome: import_ja_JP17.default,
+  GraphToolbar: import_ja_JP8.default,
+  TaskGraph: import_ja_JP16.default,
+  Ranger: import_ja_JP13.default,
+  Password: import_ja_JP12.default,
+  Boundary: import_ja_JP4.default,
+  Dialog: import_ja_JP5.default,
+  SideTip: import_ja_JP15.default,
+  DocDialog: import_ja_JP6.default,
+  Highlight: import_ja_JP9.default,
+  FullscreenBox: import_ja_JP7.default,
+  BatchOperationBar: import_ja_JP3.default,
+  DateRanger: import_ja_JP14.default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.5",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -30,10 +30,7 @@
     "README.md",
     "LICENSE"
   ],
-  "sideEffects": [
-    "**/*.less",
-    "**/*.css"
-  ],
+  "sideEffects": false,
   "scripts": {
     "build": "NODE_OPTIONS=--max_old_space_size=4096 father build"
   },
@@ -41,12 +38,12 @@
     "@ant-design/cssinjs": "^1.24.0",
     "@ant-design/pro-components": "^2.8.10",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^1.0.0-alpha.3",
+    "@oceanbase/design": "^1.0.0-alpha.5",
     "@oceanbase/icons": "^1.0.0-alpha.0",
-    "@oceanbase/util": "^1.0.0-alpha.1",
+    "@oceanbase/util": "^1.0.0-alpha.2",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
-    "dayjs": "^1.11.18",
+    "dayjs": "^1.11.19",
     "diff": "^5.2.0",
     "highlight.js": "^11.11.1",
     "highlightjs-solidity": "^2.0.6",
@@ -70,5 +67,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "62c3cf2b25248d70e4f1826e69c019a38e03753e"
+  "gitHead": "c716061dd0da7a44ab09515d43972d2212e59d0f"
 }

package/es/BatchOperationBar/index.less

@@ -1,46 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-batch-operation-bar;
-
-.@{prefix} {
-  position: fixed;
-  z-index: 99999;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  color: rgba(0, 0, 0, 1);
-  background-color: #fff;
-  box-shadow: @boxShadowSecondary;
-  .@{prefix}-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 64px;
-    margin: 0 24px;
-    .@{prefix}-title {
-      font-weight: 500;
-    }
-    .@{prefix}-cancel,
-    .@{prefix}-display-btn {
-      color: @blue;
-      cursor: pointer;
-    }
-    .@{prefix}-display-text {
-      margin-right: 4px;
-    }
-  }
-  .@{prefix}-content {
-    max-height: 328px;
-    padding: 0 24px 24px;
-    overflow: auto;
-  }
-  .@{prefix}-content-active {
-    max-height: 328px;
-    transition: max-height 0.25s;
-  }
-  .@{prefix}-content-hidden {
-    max-height: 0;
-    padding: 0;
-    transition: max-height 0.25s;
-  }
-}

package/es/BatchOperationBar/index.less.d.ts

@@ -1,15 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'ob-batch-operation-bar': string;
-  'ob-batch-operation-bar-cancel': string;
-  'ob-batch-operation-bar-content': string;
-  'ob-batch-operation-bar-content-active': string;
-  'ob-batch-operation-bar-content-hidden': string;
-  'ob-batch-operation-bar-display-btn': string;
-  'ob-batch-operation-bar-display-text': string;
-  'ob-batch-operation-bar-header': string;
-  'ob-batch-operation-bar-title': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

package/es/Boundary/index.less

@@ -1,36 +0,0 @@
-@import '../variable.less';
-
-.boundary-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  .empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 60px;
-    > img {
-      height: 102px;
-      margin-bottom: 24px;
-    }
-    > h4 {
-      margin: 0;
-      font-size: 18px;
-    }
-    > span {
-      margin-top: 8px;
-      color: @colorTextTertiary;
-      font-size: 14px;
-      text-align: center;
-    }
-    > button {
-      margin-top: 24px;
-    }
-  }
-}
-.boundary-code {
-  min-height: calc(100vh - 120px);
-}

package/es/ContentWithIcon/index.less

@@ -1,21 +0,0 @@
-@prefix: ob-content-with-icon;
-
-.@{prefix}-item {
-  display: inline-flex;
-  align-items: center;
-
-  .@{prefix}-prefix {
-    margin-right: 8px;
-  }
-
-  .@{prefix}-suffix {
-    margin-left: 8px;
-  }
-
-  .@{prefix}-help {
-    cursor: help;
-  }
-  .@{prefix}-color {
-    color: red;
-  }
-}

package/es/DateRanger/index.less

@@ -1,180 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-date-ranger;
-
-.@{prefix} {
-  cursor: pointer;
-
-  .@{prefix}-wrapper {
-    background-color: @colorBgContainer;
-    border: 1px solid @colorBorder;
-    box-sizing: border-box;
-    display: flex;
-    border-radius: @borderRadius;
-    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-    // FIXED: 存在不生效情况
-    .@{prefix}-picker {
-      padding-left: 0px;
-      padding-right: 16px;
-      border: 0px;
-      &:focus,
-      &:focus-within {
-        box-shadow: none;
-      }
-      input {
-        text-align: center;
-      }
-      // 覆盖默认 antd 样式，定制出 RangerPicker 整体的感觉
-      .@{prefixCls}-picker-active-bar {
-        height: 0;
-      }
-
-      .@{prefixCls}-picker-input > input {
-        cursor: pointer;
-      }
-    }
-
-    &:hover {
-      border-color: @colorPrimaryBorderHover;
-    }
-  }
-
-  .@{prefix}-wrapper-has-jumper {
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-  }
-
-  .@{prefix}-play {
-    padding: 4px 11px 4px;
-  }
-
-  .@{prefix}-picker-input {
-    max-width: 125px;
-  }
-
-  .@{prefix}-date-picker {
-    .@{prefixCls}-select-selector {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-
-      &:hover {
-        z-index: 1;
-      }
-    }
-
-    .@{prefixCls}-select-arrow {
-      z-index: 1;
-    }
-  }
-}
-
-.@{prefix}-dropdown-picker {
-  display: flex;
-  padding: 4px;
-  gap: 4px;
-  background-color: @colorBgContainer;
-  background-clip: padding-box;
-  border-radius: 8px;
-  outline: none;
-  box-shadow:
-    0 6px 16px 0 rgba(54, 69, 99, 0.08),
-    0 3px 6px -4px rgba(54, 69, 99, 0.12),
-    0 9px 28px 8px rgba(54, 69, 99, 0.05);
-
-  .@{prefixCls}-dropdown-menu {
-    padding: 0;
-    box-shadow: none !important;
-  }
-
-  .@{prefixCls}-picker-time-panel-container {
-    .@{prefixCls}-picker-content {
-      height: 148px;
-    }
-  }
-}
-
-.@{prefix}-show-range {
-  .@{prefix}-quick-picker.@{prefix}-quick-picker-select {
-    margin-right: -1px;
-
-    .@{prefixCls}-select-selector {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-
-      &:hover {
-        z-index: 1;
-      }
-    }
-
-    .@{prefixCls}-select-arrow {
-      z-index: 1;
-    }
-  }
-
-  .@{prefix}-playback-control {
-    display: flex;
-    flex-wrap: nowrap;
-
-    .@{prefixCls}-radio-button-wrapper {
-      padding-inline: 8px;
-      color: @colorTextSecondary;
-      transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-      &:hover {
-        border-color: @colorPrimaryBorderHover;
-
-        &::before {
-          background-color: @colorPrimaryBorderHover;
-        }
-      }
-    }
-  }
-}
-
-.@{prefix}-label {
-  background-color: @colorFillSecondary;
-  color: @colorTextSecondary;
-  display: inline-block;
-  width: 60px;
-  padding: 4px 0;
-  border-radius: 4px;
-  line-height: 1;
-  text-align: center;
-}
-
-.@{prefix}-back-radio-focused {
-  .@{prefix}-wrapper {
-    border-right-color: @colorPrimaryBorderHover;
-  }
-
-  .@{prefix}-playback-control {
-    .@{prefixCls}-radio-button-wrapper:first-child {
-      + .@{prefixCls}-radio-button-wrapper::before {
-        background-color: @colorPrimaryBorderHover;
-      }
-    }
-  }
-}
-
-.@{prefix}-history-menu-item {
-  .@{prefix}-menu-text-btn-wrapper {
-    justify-content: space-between;
-    height: 0;
-    transition: height 0.2s;
-    overflow: hidden;
-  }
-  &:hover {
-    .@{prefix}-menu-text-btn-wrapper {
-      height: 22px;
-    }
-  }
-}
-
-.@{prefix}-menu-text-btn {
-  width: 72px;
-
-  background-color: @colorFillSecondary !important;
-  &:hover {
-    background-color: @colorFill !important;
-  }
-}