@oceanbase/ui 0.2.0

package/lib/TreeSearch/index.js

@@ -0,0 +1,135 @@
+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/TreeSearch/index.tsx
+var TreeSearch_exports = {};
+__export(TreeSearch_exports, {
+  default: () => TreeSearch_default
+});
+module.exports = __toCommonJS(TreeSearch_exports);
+var import_icons = require("@ant-design/icons");
+var import_design = require("@oceanbase/design");
+var import_react = __toESM(require("react"));
+var import_util = require("./util");
+var TreeSearch_default = (0, import_react.forwardRef)(
+  ({
+    treeData = [],
+    width,
+    checkable = true,
+    titleRender,
+    onChange,
+    followLeaf = true,
+    height,
+    defaultExpandAll,
+    loadData,
+    searchStyle = {}
+  }, ref) => {
+    const memoTreeData = (0, import_react.useMemo)(() => (0, import_util.nodes2treeNodes)(treeData), [treeData]);
+    const [searchData, setSearchData] = (0, import_react.useState)(memoTreeData);
+    const treeWrapperDOM = (0, import_react.useRef)(null);
+    const [innerHeight, setInnerHeight] = (0, import_react.useState)(height);
+    const [checkedKeys, setCheckedKeys] = (0, import_react.useState)([]);
+    const [searchStr, setSearchStr] = (0, import_react.useState)("");
+    const [form] = import_design.Form.useForm();
+    (0, import_react.useEffect)(() => {
+      var _a;
+      if (height === void 0 && (treeWrapperDOM == null ? void 0 : treeWrapperDOM.current)) {
+        const containerheight = (_a = treeWrapperDOM == null ? void 0 : treeWrapperDOM.current) == null ? void 0 : _a.clientHeight;
+        setInnerHeight(containerheight);
+      }
+    }, []);
+    (0, import_react.useEffect)(() => {
+      if (!searchData || searchData.length === 0) {
+        setSearchData(memoTreeData);
+      }
+      onSearch({ searchKey: searchStr });
+    }, [memoTreeData]);
+    const reset = () => {
+      form.resetFields();
+      setCheckedKeys([]);
+    };
+    const checkAll = () => {
+      const allOptions = (0, import_util.getAllOptions)(memoTreeData);
+      setCheckedKeys(allOptions.map((node) => node.key));
+      onChange(allOptions);
+    };
+    const invertSelect = () => {
+      const allOptions = (0, import_util.getAllOptions)(memoTreeData);
+      const notCheckedOptions = allOptions.filter((item) => !checkedKeys.includes(item.key));
+      setCheckedKeys(notCheckedOptions.map((item) => item.key));
+      onChange(allOptions.filter((node) => !checkedKeys.includes(node.key)));
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      reset,
+      checkAll,
+      invertSelect
+    }));
+    const onSearch = ({ searchKey }) => {
+      setSearchStr(searchKey);
+      const next = (0, import_util.deepFilter)(memoTreeData, (node) => {
+        const titleIsStr = typeof node.title === "string";
+        return (titleIsStr ? node.title : node.value).includes(searchKey);
+      });
+      setSearchData(next);
+    };
+    const onCheck = (keys) => {
+      let treeNodes = keys.map((key) => (0, import_util.findFromTree)(key, memoTreeData));
+      if (followLeaf) {
+        treeNodes = treeNodes.filter((node) => !(node == null ? void 0 : node.children));
+      }
+      setCheckedKeys(treeNodes.map((node) => node.key));
+      onChange(treeNodes.map(import_util.treeNode2node));
+    };
+    const treeHeight = innerHeight ? innerHeight - (32 + 12 * 2 + 1) : 0;
+    const defaultSearchStyle = { padding: "0 12px" };
+    return /* @__PURE__ */ import_react.default.createElement("div", { ref: treeWrapperDOM, style: { width, height: height ?? "100%" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_design.Form,
+      {
+        form,
+        onValuesChange: onSearch,
+        style: Object.assign(defaultSearchStyle, searchStyle)
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_design.Form.Item, { noStyle: true, name: "searchKey" }, /* @__PURE__ */ import_react.default.createElement(import_design.Input, { "data-testid": "search", prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null) }))
+    ), /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { style: { margin: "12px 0" } }), searchData.length !== 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_design.Tree,
+      {
+        height: treeHeight,
+        showIcon: true,
+        checkable,
+        blockNode: true,
+        selectable: false,
+        checkedKeys,
+        onCheck,
+        titleRender,
+        defaultExpandAll,
+        treeData: form.getFieldValue("searchKey") ? searchData : memoTreeData,
+        loadData
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(import_design.Empty, { image: import_design.Empty.PRESENTED_IMAGE_SIMPLE }));
+  }
+);

package/lib/TreeSearch/util.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Node, TreeNode } from '.';
+/** 根据 key 判断节点是否为叶子节点 */
+export declare const isLeaf: (node: TreeNode) => boolean;
+/** 将传入格式的 node 处理为组件内需要的内容 */
+export declare const nodes2treeNodes: (nodes?: Node[], parentKey?: string) => TreeNode[];
+export declare const treeNode2node: (treeNode: TreeNode) => Node;
+export declare const deepFilter: (treeNodes: TreeNode[], cb: (treeNode: TreeNode) => boolean) => {
+    originTitle: string;
+    key: string;
+    children?: TreeNode[];
+    value?: string;
+    title?: string;
+    icon?: import("react").ReactNode;
+}[];
+/** 根据 node key 取得 node 节点 */
+export declare const findFromTree: (key: string, treeNodes: TreeNode[]) => TreeNode;
+/** 获取所有的选项
+ *  如果有子项，则获取子项，否则取本级
+ */
+export declare const getAllOptions: (treeNodes: TreeNode[]) => any;

package/lib/TreeSearch/util.js

@@ -0,0 +1,110 @@
+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/TreeSearch/util.ts
+var util_exports = {};
+__export(util_exports, {
+  deepFilter: () => deepFilter,
+  findFromTree: () => findFromTree,
+  getAllOptions: () => getAllOptions,
+  isLeaf: () => isLeaf,
+  nodes2treeNodes: () => nodes2treeNodes,
+  treeNode2node: () => treeNode2node
+});
+module.exports = __toCommonJS(util_exports);
+var import_lodash = require("lodash");
+var generateKey = (values) => {
+  return `${values.join("$$")}`;
+};
+var splitKey = (value) => {
+  const [...values] = value.split("$$");
+  return { values };
+};
+var isLeaf = (node) => {
+  return !(node == null ? void 0 : node.children);
+};
+var nodes2treeNodes = (nodes, parentKey) => {
+  if (!nodes)
+    return void 0;
+  return nodes.map((node) => {
+    let values = [];
+    if (parentKey) {
+      values = [...splitKey(parentKey).values];
+    }
+    const key = generateKey([...values, node.value ?? node.originTitle ?? node.title]);
+    const next = {
+      ...node,
+      key,
+      // 补齐 originTitle
+      originTitle: node.originTitle ?? node.title,
+      children: nodes2treeNodes(node.children, key)
+    };
+    return next;
+  });
+};
+var treeNode2node = (treeNode) => (0, import_lodash.omit)(treeNode, "key");
+var deepFilter = (treeNodes, cb) => {
+  const filtered = treeNodes.map((treeNode) => {
+    var _a;
+    const next = { ...treeNode };
+    if (cb(treeNode)) {
+      return next;
+    }
+    if ((_a = treeNode.children) == null ? void 0 : _a.length) {
+      next.children = deepFilter(treeNode.children, cb);
+    }
+    return next;
+  });
+  return filtered.filter((treeNode) => {
+    var _a;
+    return ((_a = treeNode == null ? void 0 : treeNode.children) == null ? void 0 : _a.length) || cb(treeNode);
+  });
+};
+var findFromTree = (key, treeNodes) => {
+  var _a;
+  const { values } = splitKey(key);
+  let node;
+  let i = 0;
+  for (; i < values.length; i += 1) {
+    const value = values[i];
+    if (!node) {
+      node = treeNodes.find((e) => e.value === value);
+    } else {
+      node = (_a = node.children) == null ? void 0 : _a.find((e) => e.value === value);
+    }
+  }
+  return node;
+};
+var getAllOptions = (treeNodes) => {
+  const allOptions = treeNodes.map(
+    (node) => {
+      var _a;
+      return ((_a = node == null ? void 0 : node.children) == null ? void 0 : _a.length) > 0 ? getAllOptions(node == null ? void 0 : node.children) : node;
+    }
+  );
+  return allOptions.flat();
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deepFilter,
+  findFromTree,
+  getAllOptions,
+  isLeaf,
+  nodes2treeNodes,
+  treeNode2node
+});

package/lib/Welcome/index.d.ts

@@ -0,0 +1,38 @@
+import type { ButtonProps } from 'antd/es/button';
+import React from 'react';
+import './index.less';
+export interface IntroduceItem {
+    image: string;
+    title: string;
+    description: string;
+}
+export interface StepItem {
+    title: string;
+    description: string;
+}
+export interface HelpItem {
+    title: string;
+    link: string;
+    isMore?: boolean;
+}
+export interface WelcomeLocale {
+    helpTitle: string;
+    defaultOperation: string;
+}
+export declare type StepType = 'default' | 'card';
+export interface WelcomeProps {
+    title: string;
+    description: string;
+    bgImage: string;
+    introduces: IntroduceItem[];
+    steps: StepItem[];
+    stepType?: StepType;
+    buttonText: string;
+    buttonProps?: ButtonProps;
+    helps: HelpItem[];
+    locale?: WelcomeLocale;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const _default: any;
+export default _default;

package/lib/Welcome/index.js

@@ -0,0 +1,102 @@
+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/Welcome/index.tsx
+var Welcome_exports = {};
+__export(Welcome_exports, {
+  default: () => Welcome_default
+});
+module.exports = __toCommonJS(Welcome_exports);
+var import_icons = require("@ant-design/icons");
+var import_design = require("@oceanbase/design");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
+var import_util = require("../_util");
+var import_index = require("./index.less");
+var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_step = __toESM(require("./step"));
+var prefix = (0, import_util.getPrefix)("welcome");
+var Welcome = ({
+  title,
+  description,
+  bgImage,
+  introduces = [],
+  buttonText,
+  buttonProps,
+  steps = [],
+  stepType = "default",
+  helps = [],
+  locale,
+  className,
+  ...restProps
+}) => {
+  const isDefault = stepType === "default";
+  const renderStep = (item, index) => {
+    const DefaultStep = () => /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 12, "data-testid": "steps", key: item.title, className: `${prefix}-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-order-wrapper` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-order` }, index + 1)), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("h3", { className: `${prefix}-title` }, item.title), /* @__PURE__ */ import_react.default.createElement("p", { className: `${prefix}-description` }, item.description)));
+    const StepProps = {
+      title: item.title,
+      description: item.description,
+      index: index + 1,
+      imgUrl: item.imgUrl,
+      operations: item.operations,
+      locale
+    };
+    const StepItem = isDefault ? /* @__PURE__ */ import_react.default.createElement(DefaultStep, { key: item.title }) : /* @__PURE__ */ import_react.default.createElement(import_step.default, { "data-testid": "steps", key: item.title, ...StepProps });
+    return StepItem;
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${`${prefix}-container`} ${className}`, ...restProps }, /* @__PURE__ */ import_react.default.createElement(
+    import_design.Row,
+    {
+      className: `${prefix}-page-header`,
+      style: {
+        backgroundImage: `url("${bgImage}")`
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 24, className: `${prefix}-title` }, /* @__PURE__ */ import_react.default.createElement("div", null, title)),
+    /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 16, className: `${prefix}-description` }, /* @__PURE__ */ import_react.default.createElement("p", null, description))
+  ), /* @__PURE__ */ import_react.default.createElement(import_design.Card, { bordered: false, className: `${prefix}-introduce` }, /* @__PURE__ */ import_react.default.createElement(import_design.Row, { gutter: 78 }, introduces.map((item) => /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 8, key: item.image, className: `${prefix}-item`, "data-testid": "introduces" }, /* @__PURE__ */ import_react.default.createElement("img", { src: item.image, alt: "", height: 80 }), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("h3", { className: `${prefix}-title` }, item.title), /* @__PURE__ */ import_react.default.createElement("p", { className: `${prefix}-description` }, item.description)))))), /* @__PURE__ */ import_react.default.createElement(import_design.Row, { className: `${prefix}-content` }, /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 14, className: isDefault ? `${prefix}-left` : `${prefix}-border-right` }, /* @__PURE__ */ import_react.default.createElement(import_design.Row, { justify: "space-around" }, steps.map((item, index) => renderStep(item, index)), isDefault && /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-btn-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null), block: true, ...buttonProps }, buttonText))))), /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 10, className: `${prefix}-right` }, /* @__PURE__ */ import_react.default.createElement("h3", { className: `${prefix}-title` }, locale.helpTitle), helps.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    import_design.Button,
+    {
+      key: item.title,
+      shape: "round",
+      onClick: () => {
+        (0, import_util.directTo)(item.link);
+      },
+      className: (0, import_classnames.default)({
+        [`${prefix}-more`]: !!item.isMore
+      }),
+      "data-testid": "helps"
+    },
+    item.title
+  )))));
+};
+var Welcome_default = (0, import_LocaleWrapper.default)({
+  componentName: "Welcome",
+  defaultLocale: import_zh_CN.default
+})(Welcome);

package/lib/Welcome/index.less

@@ -0,0 +1,186 @@
+@import '../variable.less';
+
+@prefix: ob-welcome;
+
+.@{prefix}-container {
+  height: 100%;
+  padding-bottom: 0 !important;
+  overflow: auto;
+  background-color: #fff;
+
+  .tech-page-container-content {
+    // 由于 umi 的本地开发和线上打包的 CSS 样式优先级不一致，导致下列样式在线上环境不生效，因此先加上 !important
+    // issue: https://github.com/umijs/umi/issues/5741
+    padding: 0 !important;
+  }
+
+  .@{prefix}-page-header {
+    height: 272px;
+    padding-top: 72px;
+    padding-left: 100px;
+    color: #fff;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+
+    p {
+      text-align: justify;
+    }
+
+    img {
+      width: 80px;
+    }
+
+    .@{prefix}-title {
+      font-size: 32px;
+      font-family: SFProText-Medium;
+    }
+
+    .@{prefix}-description {
+      margin-top: 16px;
+      margin-bottom: 32px;
+      font-family: SFProText-Regular;
+      opacity: 0.85;
+    }
+  }
+
+  .@{prefix}-introduce {
+    margin: 0 32px;
+    margin-top: -48px;
+    margin-bottom: 40px;
+
+    .@{prefixCls}-card-body {
+      padding: 48px 68px;
+      box-shadow: 0 1px 40px 2px rgba(28, 116, 230, 0.1);
+    }
+
+    .@{prefix}-item {
+      display: flex;
+
+      img {
+        margin-right: 12px;
+      }
+
+      .title {
+        color: @colorText;
+        font-size: 16px;
+        font-family: PingFangSC-Medium;
+      }
+
+      .description {
+        margin-top: 4px;
+        color: @colorTextSecondary;
+        font-family: SFProText-Regular;
+      }
+    }
+  }
+
+  .@{prefix}-content {
+    padding: 0 32px;
+    padding-bottom: 90px;
+
+    .@{prefix}-left {
+      padding: 0 36px;
+      border-right: 1px solid #e8e8e8;
+
+      .@{prefix}-item {
+        display: flex;
+        padding: 24px 24px;
+
+        .@{prefix}-order-wrapper {
+          .@{prefix}-order {
+            width: 24px;
+            height: 24px;
+            margin-right: 12px;
+            color: @colorTextQuaternary;
+            text-align: center;
+            border: 1px solid @colorTextQuaternary;
+            border-radius: 24px;
+          }
+        }
+
+        .@{prefix}-title {
+          margin-top: 0;
+          color: @colorText;
+          font-size: 16px;
+        }
+
+        .@{prefix}-description {
+          margin-top: 8px;
+          color: @colorTextTertiary;
+        }
+      }
+
+      .@{prefix}-btn-wrapper {
+        margin-right: 24px;
+        margin-left: 60px;
+      }
+    }
+
+    .@{prefix}-right {
+      padding: 24px 64px;
+
+      .@{prefix}-title {
+        margin-bottom: 16px;
+        color: @colorText;
+        font-size: 16px;
+        font-family: PingFangSC-Medium;
+      }
+
+      .@{prefixCls}-btn {
+        margin-right: 12px;
+        margin-bottom: 12px;
+        background: rgba(24, 144, 255, 0.06);
+        border: none;
+      }
+
+      .@{prefix}-more {
+        background: rgba(0, 0, 0, 0.04);
+      }
+    }
+  }
+}
+
+.@{prefix}-step {
+  display: flex;
+  // margin-right: 30px;
+  margin-bottom: 30px;
+  padding: 20px 30px 20px 0;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 2px;
+
+  &:hover {
+    box-shadow: 0 4px 16px 0;
+    cursor: pointer;
+  }
+
+  &:nth-child(even) {
+    margin-right: 0;
+  }
+
+  .@{prefix}-step-left {
+    padding: 0 20px;
+  }
+
+  .@{prefix}-step-right {
+    .@{prefix}-step-title {
+      color: @colorText;
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    .@{prefix}-step-description {
+      color: @colorTextTertiary;
+    }
+  }
+
+  .@{prefix}-step-operations {
+    color: #0090ff;
+    font-size: 14px;
+    line-height: 22px;
+  }
+}
+
+.borderRight {
+  border-right: 1px solid #e8e8e8;
+}

package/lib/Welcome/locale/en-US.js

@@ -0,0 +1,28 @@
+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/locale/en-US.ts
+var en_US_exports = {};
+__export(en_US_exports, {
+  default: () => en_US_default
+});
+module.exports = __toCommonJS(en_US_exports);
+var en_US_default = {
+  helpTitle: "Quick Start",
+  defaultOperation: "Default Operation"
+};

package/lib/Welcome/locale/zh-CN.js

@@ -0,0 +1,28 @@
+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/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  helpTitle: "快速上手",
+  defaultOperation: "默认操作"
+};

package/lib/Welcome/locale/zh-TW.js

@@ -0,0 +1,28 @@
+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/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  helpTitle: "快速上手",
+  defaultOperation: "默認操作"
+};