@oceanbase/ui 0.2.0

package/lib/Password/index.js

@@ -0,0 +1,162 @@
+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/Password/index.tsx
+var Password_exports = {};
+__export(Password_exports, {
+  default: () => Password_default
+});
+module.exports = __toCommonJS(Password_exports);
+var import_design = require("@oceanbase/design");
+var import_randexp = __toESM(require("randexp"));
+var import_react = __toESM(require("react"));
+var import_design2 = require("@oceanbase/design");
+var import_react_copy_to_clipboard = __toESM(require("react-copy-to-clipboard"));
+var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
+var import_Content = __toESM(require("./Content"));
+var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var Password = ({
+  value,
+  locale,
+  rules,
+  onChange,
+  onValidate,
+  generatePasswordRegex,
+  ...restProps
+}) => {
+  const [fieldError, setFieldError] = (0, import_react.useState)([]);
+  const [isValidating, setIsValidating] = (0, import_react.useState)(false);
+  const [isTouched, setIsTouched] = (0, import_react.useState)(false);
+  const defaultRules = [
+    {
+      validate: (val) => (val == null ? void 0 : val.length) >= 8 && (val == null ? void 0 : val.length) <= 32,
+      message: locale.lengthRuleMessage
+    },
+    {
+      validate: (val) => /^[0-9a-zA-Z~!@#%^&*_\-+=|(){}\[\]:;,.?/`$'"<>\\]+$/.test(val),
+      message: locale.charRuleMessage
+    },
+    {
+      validate: (val) => /(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*\d){2,})(?=(.*[~!@#%^&*_\-+=|(){}\[\]:;,.?/`$'"<>\\]){2,})/.test(
+        val
+      ),
+      message: locale.strengthRuleMessage
+    }
+  ];
+  const newRules = rules || defaultRules;
+  const handleChange = (newValue) => {
+    if (!isTouched) {
+      setIsTouched(true);
+    }
+    setIsValidating(true);
+    const newFieldError = newRules.map((rule) => {
+      if (rule.validate(newValue)) {
+        return void 0;
+      }
+      return rule.message;
+    }).filter((ruleMessage) => ruleMessage);
+    setIsValidating(false);
+    setFieldError(newFieldError);
+    onValidate == null ? void 0 : onValidate(newFieldError.length === 0);
+    setTimeout(() => {
+      onChange == null ? void 0 : onChange(newValue);
+    }, 0);
+  };
+  const getRandomPassword = () => {
+    const newValue = new import_randexp.default(generatePasswordRegex).gen();
+    if (generatePasswordRegex.test(newValue)) {
+      return newValue;
+    }
+    return getRandomPassword();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_design.Popover,
+    {
+      trigger: "click",
+      placement: "right",
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_Content.default,
+        {
+          isTouched,
+          value,
+          isValidating,
+          rules: newRules,
+          fieldError
+        }
+      ),
+      overlayStyle: { maxWidth: 400 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_design.Input.Password,
+      {
+        value,
+        autoComplete: "new-password",
+        onChange: (e) => {
+          var _a;
+          handleChange((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
+        },
+        placeholder: generatePasswordRegex ? locale.generatePlaceholder : locale.placeholder,
+        ...restProps
+      }
+    )
+  ), generatePasswordRegex && /* @__PURE__ */ import_react.default.createElement(
+    import_design.Button,
+    {
+      onClick: () => {
+        handleChange(getRandomPassword());
+      },
+      style: { marginLeft: 8 }
+    },
+    locale.randomlyGenerate
+  )), value && (fieldError == null ? void 0 : fieldError.length) === 0 && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        fontSize: 14,
+        color: import_design2.token.colorTextTertiary,
+        lineHeight: "22px"
+      }
+    },
+    locale.pleaseKeepYourPasswordIn,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_react_copy_to_clipboard.default,
+      {
+        text: value,
+        onCopy: () => {
+          import_design.message.success(locale.copySuccessfully);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("a", null, locale.copyPassword)
+    ),
+    locale.andKeepItProperly
+  ));
+};
+var Password_default = (0, import_LocaleWrapper.default)({
+  componentName: "Password",
+  defaultLocale: import_zh_CN.default
+})(Password);

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

@@ -0,0 +1,36 @@
+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/Password/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 = {
+  lengthRuleMessage: "8 to 32 characters",
+  charRuleMessage: 'Contains only letters, numbers and symbols including ~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\',
+  strengthRuleMessage: "Containes at least 2 characters for each of uppercase letters, lowercase letters, numbers and symbols",
+  placeholder: "Please enter the password",
+  generatePlaceholder: "Enter or randomly generate",
+  randomlyGenerate: "Randomly generate",
+  pleaseKeepYourPasswordIn: "lease keep your password in mind.",
+  copySuccessfully: "Copied",
+  copyPassword: " copy password ",
+  andKeepItProperly: "and keep it properly"
+};

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

@@ -0,0 +1,36 @@
+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/Password/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 = {
+  lengthRuleMessage: "长度为 8~32 个字符",
+  charRuleMessage: '只能包含字母、数字和特殊字符（~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\）',
+  strengthRuleMessage: "大小写字母、数字和特殊字符都至少包含 2 个",
+  placeholder: "请输入密码",
+  generatePlaceholder: "请输入或随机生成",
+  randomlyGenerate: "随机生成",
+  pleaseKeepYourPasswordIn: "请牢记密码，也可",
+  copySuccessfully: "复制成功",
+  copyPassword: "复制密码",
+  andKeepItProperly: "并妥善保存"
+};

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

@@ -0,0 +1,36 @@
+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/Password/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 = {
+  lengthRuleMessage: "長度為 8~32 個字符",
+  charRuleMessage: '只能包含字母、數字和特殊字符（~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\）',
+  strengthRuleMessage: "大小寫字母、數字和特殊字符都至少包含 2 個",
+  placeholder: "請輸入密碼",
+  generatePlaceholder: "請輸入或隨機生成",
+  randomlyGenerate: "隨機生成",
+  pleaseKeepYourPasswordIn: "請牢記密碼，也可",
+  copySuccessfully: "複製成功",
+  copyPassword: "複製密碼",
+  andKeepItProperly: "並妥善保存"
+};

package/lib/Ranger/QuickPicker.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare type QuickType = 'select' | 'dropdown';
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;

package/lib/Ranger/QuickPicker.js

@@ -0,0 +1,106 @@
+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/Ranger/QuickPicker.tsx
+var QuickPicker_exports = {};
+__export(QuickPicker_exports, {
+  default: () => QuickPicker_default
+});
+module.exports = __toCommonJS(QuickPicker_exports);
+var import_icons = require("@ant-design/icons");
+var import_design = require("@oceanbase/design");
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_lodash = require("lodash");
+var import_moment = __toESM(require("moment"));
+var import_react = require("react");
+var import_util = require("../_util");
+var import_constant = require("./constant");
+var prefix = (0, import_util.getPrefix)("ranger-quick-picker");
+var RangeDropdown = ({ selects, onChange, value, customable, locale = {} }) => {
+  const menu = /* @__PURE__ */ React.createElement(
+    import_design.Menu,
+    {
+      onClick: (e) => {
+        onChange(e.key);
+      },
+      style: { minWidth: 120 }
+    },
+    selects.map((item) => /* @__PURE__ */ React.createElement(import_design.Menu.Item, { key: item.name }, locale[item.name] || item.name)),
+    customable && /* @__PURE__ */ React.createElement(import_design.Menu.Item, { key: import_constant.CUSTOMIZE }, locale.customize)
+  );
+  const match = selects.find((item) => item.name === value);
+  return /* @__PURE__ */ React.createElement(import_design.Dropdown, { overlay: menu }, /* @__PURE__ */ React.createElement(import_design.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`) }, /* @__PURE__ */ React.createElement(import_icons.ClockCircleOutlined, null), locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name), /* @__PURE__ */ React.createElement(import_icons.DownOutlined, null)));
+};
+var RangeSelect = ({ selects, onChange, value, customable, locale = {}, size }) => {
+  const handleChange = (nextValue) => {
+    onChange(nextValue);
+  };
+  return /* @__PURE__ */ React.createElement(
+    import_design.Select,
+    {
+      className: (0, import_classnames.default)(prefix, `${prefix}-select`),
+      style: { minWidth: 120 },
+      onSelect: handleChange,
+      value,
+      size
+    },
+    selects.map((item) => {
+      return /* @__PURE__ */ React.createElement(import_design.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
+    }),
+    customable && /* @__PURE__ */ React.createElement(import_design.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
+  );
+};
+var QuickPicker_default = (props) => {
+  var _a;
+  const {
+    type = "select",
+    name,
+    defaultName,
+    selects,
+    onChange,
+    onNameChange = import_lodash.noop,
+    isMoment,
+    ...rest
+  } = props;
+  const [innerName, setInnerName] = (0, import_react.useState)(name ?? defaultName ?? ((_a = selects == null ? void 0 : selects[0]) == null ? void 0 : _a.name));
+  (0, import_react.useEffect)(() => {
+    if (name) {
+      setInnerName(name);
+    }
+  }, [name]);
+  const handleChange = (value) => {
+    const selected = selects.find((item) => item.name === value);
+    setInnerName(value);
+    if (value !== import_constant.CUSTOMIZE) {
+      onChange(selected.range(isMoment ? (0, import_moment.default)() : (0, import_dayjs.default)()));
+    }
+    onNameChange(value);
+  };
+  return type === "select" ? /* @__PURE__ */ React.createElement(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ React.createElement(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
+};

package/lib/Ranger/Ranger.d.ts

@@ -0,0 +1,11 @@
+import type { Dayjs } from 'dayjs';
+import type { Moment } from 'moment';
+import './index.less';
+export declare type RangeName = 'customize' | string;
+export declare type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+export declare type RangeDateValue = {
+    name: RangeName;
+    range: RangeValue;
+};
+declare const _default: any;
+export default _default;

package/lib/Ranger/Ranger.js

@@ -0,0 +1,153 @@
+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/Ranger/Ranger.tsx
+var Ranger_exports = {};
+__export(Ranger_exports, {
+  default: () => Ranger_default
+});
+module.exports = __toCommonJS(Ranger_exports);
+var import_design = require("@oceanbase/design");
+var import_dayjs = __toESM(require("dayjs"));
+var import_lodash = require("lodash");
+var import_moment = __toESM(require("moment"));
+var import_react = require("react");
+var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
+var import_util = require("../_util");
+var import_constant = require("./constant");
+var import_index = require("./index.less");
+var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_QuickPicker = __toESM(require("./QuickPicker"));
+var prefix = (0, import_util.getPrefix)("ranger");
+var Ranger = (props) => {
+  const {
+    selects = [import_constant.NEAR_1_MINUTES, import_constant.NEAR_30_MINUTES, import_constant.NEAR_1_HOURS],
+    value,
+    defaultValue,
+    defaultQuickValue,
+    mode = "default",
+    quickType = "select",
+    pastOnly = false,
+    onChange = import_lodash.noop,
+    disabledDate,
+    locale,
+    size,
+    //固定rangeName
+    stickRangeName = false,
+    ...rest
+  } = props;
+  const isMoment = import_moment.default.isMoment(defaultValue == null ? void 0 : defaultValue[0]) || import_moment.default.isMoment(defaultValue == null ? void 0 : defaultValue[1]) || import_moment.default.isMoment(value == null ? void 0 : value[0]) || import_moment.default.isMoment(value == null ? void 0 : value[1]);
+  const [innerValue, setInnerValue] = (0, import_react.useState)(value ?? defaultValue);
+  const [rangeName, setRangeName] = (0, import_react.useState)(
+    value || defaultValue ? import_constant.CUSTOMIZE : defaultQuickValue ?? selects[0].name
+  );
+  const defaultInternalValue = (0, import_react.useMemo)(() => {
+    var _a;
+    return (_a = selects.find((item) => item.name === rangeName)) == null ? void 0 : _a.range(isMoment ? (0, import_moment.default)() : (0, import_dayjs.default)());
+  }, [defaultValue]);
+  const compare = (m1, m2) => {
+    if (Array.isArray(m1) && !Array.isArray(m2))
+      return false;
+    if (Array.isArray(m2) && !Array.isArray(m1))
+      return false;
+    return value[0] === innerValue[0] || value[1] === innerValue[1];
+  };
+  (0, import_react.useEffect)(() => {
+    if ((0, import_lodash.isNil)(value) && (0, import_lodash.isNil)(innerValue))
+      return;
+    if ((0, import_lodash.isNil)(value) && !(0, import_lodash.isNil)(innerValue))
+      return;
+    const isEqual = compare(value, innerValue);
+    if (!isEqual) {
+      setInnerValue(value);
+      if (!stickRangeName) {
+        setRangeName(import_constant.CUSTOMIZE);
+      }
+    }
+  }, [value, stickRangeName]);
+  (0, import_react.useEffect)(() => {
+    if (defaultInternalValue) {
+      rangeChange(defaultInternalValue);
+    }
+  }, []);
+  const handleNameChange = (name) => {
+    setRangeName(name);
+  };
+  const rangeChange = (range) => {
+    setInnerValue(range);
+    onChange(range);
+  };
+  const datePickerChange = (range) => {
+    rangeChange(range);
+    setRangeName(import_constant.CUSTOMIZE);
+  };
+  const disabledFuture = (current) => {
+    const futureDay = import_moment.default.isMoment(current) ? (0, import_moment.default)().endOf("day") : (0, import_dayjs.default)().endOf("day");
+    return current && futureDay && current > futureDay;
+  };
+  let internalQuickType;
+  if (quickType === "dropdown" && rangeName !== import_constant.CUSTOMIZE) {
+    internalQuickType = "dropdown";
+  } else {
+    internalQuickType = "select";
+  }
+  const showRange = mode === "default" || rangeName === import_constant.CUSTOMIZE;
+  const showQuickPicker = selects.length !== 0;
+  return /* @__PURE__ */ React.createElement(import_design.Space, { size: 0, className: prefix, style: rest.style }, showQuickPicker && /* @__PURE__ */ React.createElement(
+    import_QuickPicker.default,
+    {
+      customable: true,
+      type: internalQuickType,
+      onChange: rangeChange,
+      onNameChange: handleNameChange,
+      selects,
+      name: rangeName,
+      locale,
+      isMoment,
+      size
+    }
+  ), showRange && // @ts-ignore
+  /* @__PURE__ */ React.createElement(
+    import_design.DatePicker.RangePicker,
+    {
+      disabledDate: pastOnly ? disabledFuture : disabledDate,
+      format: import_constant.DATE_TIME_FORMAT,
+      defaultValue,
+      value: innerValue || defaultInternalValue,
+      onChange: datePickerChange,
+      showTime: true,
+      className: `${prefix}-range-picker`,
+      size,
+      ...(0, import_lodash.omit)(rest, "value", "onChange")
+    }
+  ));
+};
+var Ranger_default = (0, import_LocaleWrapper.default)({
+  componentName: "Ranger",
+  defaultLocale: import_zh_CN.default
+})(Ranger);