lowcoder-map-component 0.1.1

package/src/i18n/comps/index.tsx

@@ -0,0 +1,39 @@
+import { getI18nObjects, getValueByLocale, Translator } from "lowcoder-sdk";
+import * as localeData from "./locales";
+import { I18nObjects } from "./locales/types";
+
+const REACT_APP_LANGUAGES = "en";
+
+export const { trans, language } = new Translator<typeof localeData.en>(
+  localeData,
+  REACT_APP_LANGUAGES
+);
+
+export const i18nObjs = getI18nObjects<I18nObjects>(
+  localeData,
+  REACT_APP_LANGUAGES
+);
+
+export function getEchartsLocale() {
+  return getValueByLocale("EN", (locale) => {
+    switch (locale.language) {
+      case "en":
+        return "EN";
+      case "pt":
+        return "PT";
+      case "zh":
+        return "ZH";
+    }
+  });
+}
+
+export function getCalendarLocale() {
+  switch (language) {
+    case "zh":
+      return "zh-cn";
+    case "pt":
+      return "pt-br";
+    default:
+      return "en-gb";
+  }
+}

package/src/i18n/comps/locales/en.ts

@@ -0,0 +1,558 @@
+export const en = {
+  colorScale: {
+    color: "Color",
+    colorRange: "Color range",
+    deleteRange: "Delete range",
+    displayColor: "Display color",
+    colorScaleType: "Color scale type",
+    sequential: "Sequential",
+    diverging: "Diverging",
+    categorical: "Categorical",
+    minColor: "Min color",
+    midColor: "Mid color",
+    maxColor: "Max color",
+    valueRanges: "Value ranges",
+    valueFrom: "Value from",
+    valueTo: "Value to",
+    addRange: "Add range",
+    events: "Events",
+    colorRanges: "Color ranges",
+    scaleTypeDesc: "Coloring ladder",
+    minColorDesc: "Minimum color",
+    midColorDesc: "Average color",
+    maxColorDesc: "Maximum color",
+    colorRangesDesc: "Color values",
+  },
+  trendline: {
+    title: "Trendline Configuration",
+    trendlines: "Trendlines",
+    configuration: "Trendline Configuration",
+    type: "Trendline Type",
+    exponential: "Exponential",
+    linear: "Linear",
+    logarithmic: "Logarithmic",
+    polynomial: "Polynomial",
+    power: "Power",
+    movingAverage: "Moving Average",
+    order: "Order",
+    orderTooltip: "The order of the polynomial trendline",
+    period: "Period",
+    periodTooltip: "The period for moving average",
+    name: "Trendline Name",
+    nameTooltip: "Name to display for this trendline",
+    color: "Trendline Color",
+    colorTooltip: "Color of the trendline",
+    settings: "Trendline Settings",
+    events: "Events",
+    delete: "Delete",
+    newTrendline: "New Trendline",
+    addTrendline: "Add Trendline",
+    removeTrendline: "Remove Trendline",
+    reorderTrendlines: "Reorder Trendlines",
+  },
+  // region defaultChart
+  chart: {
+    add: "Add",
+    animationDuration: "Duration",
+    areaLine: "Area line",
+    areaPiece: "Area piece",
+    areaPieces: "Area pieces",
+    areaStyle: "Area style",
+    arrow: "Arrow",
+    auto: "Default",
+    average: "Average",
+    bar: "Bar chart",
+    barType: "Bar chart type",
+    barometerGauge: "Gauge barometer chart",
+    basicLine: "Basic line",
+    bottom: "Bottom",
+    bottomTooltip: "Bottom tooltip",
+    budget: "Budget",
+    calendarPie: "Calendar pie",
+    categoryAxis: "Category axis",
+    centerPositionChange: "Center position change",
+    centerPositionChangeDesc: "Triggers when the map center position changes",
+    changingLegend_x_Tooltip: "Changing legend x tooltip",
+    chartEventHandlers: "Chart event handlers",
+    chartSeries: "Chart series",
+    chartType: "Chart type",
+    circle: "Circle",
+    clockGauge: "Clock",
+    config: "Configuration",
+    confirmDelete: "Confirm delete: ",
+    currentDay: "Current day",
+    custom: "Custom",
+    customSeries: "Custom series",
+    dashed: "Dashed",
+    data: "Data",
+    provinceData: "Province Data",
+    defaultAccessToken:"Access Token",
+    defaultMapStyle:"Link Map Style",
+    dataColumns: "Data columns",
+    dataDesc: "JSON data for the chart",
+    dataQueries: "Data queries",
+    day: "Day",
+    default: "Default",
+    defaultBottom: "40",
+    defaultDataZoomBottom: "20",
+    defaultLeft: "20",
+    defaultRight: "20",
+    defaultTitle: "Default chart",
+    defaultTop: "40",
+    delete: "Delete",
+    diamond: "Diamond",
+    dotted: "Dotted",
+    doughnutPie: "Doughnut pie",
+    echartsMapOptionExamples: "ECharts map examples",
+    echartsMapOptionTooltip: "ECharts map option",
+    echartsOptionExamples: "ECharts examples",
+    echartsOptionLabel: "Option",
+    echartsOptionTooltip: "ECharts option",
+    emptyCircle: "Empty circle",
+    end: "End",
+    endTime: "End time",
+    geoPie: "Geo map pie",
+    gradeGauge: "Grade gauge",
+    hide: "Hide",
+    horizontal: "Horizontal",
+    hour: "Hour",
+    labelPosition: "Label position",
+    lastDay: "Last day",
+    lastInteractionDataDesc: "Last interaction data",
+    lastMonth: "Last month",
+    lastQuarter: "Last quarter",
+    lastWeek: "Last week",
+    lastYear: "Last year",
+    left: "Left",
+    leftTooltip: "Left tooltip",
+    legendPosition: "Legend position",
+    line: "Line chart",
+    lineType: "Line chart type",
+    links: "Links",
+    loadingTable: "Table loading...",
+    logAxis: "Log axis",
+    logBase: "Log base",
+    mapReady: "Map ready",
+    mapReadyDesc: "Triggers when the map is ready",
+    markAreaConfig: "Mark area config",
+    markAreaFrom: "Mark area from",
+    markAreaName: "Mark area name",
+    markAreaTo: "Mark area to",
+    markAreas: "Mark areas",
+    markLineType: "Marker type",
+    markLines: "Mark lines",
+    max: "Max",
+    both: "Both",
+    inside: "Inside",
+    slider: "Slider",
+    rowCursor: "Row cursor",
+    rowLimit: "Row limit",
+    rowLimitAction: "Limit action",
+    rowLimitMax: "Limit max %",
+    rowLimitMin: "Limit min %",
+    rowLimitTooltip: "Maximum number of rows to display (0 for unlimited)",
+    middle: "Middle",
+    min: "Min",
+    minute: "Minute",
+    mixed: "Mixed chart",
+    mode: "Mode",
+    month: "Month",
+    multiGauge: "Multi title gauge",
+    noData: "No data",
+    noFilter: "No filter",
+    none: "None",
+    pie: "Pie chart",
+    pieType: "Pie chart type",
+    pin: "Pin",
+    pointColorLabel: "Point color",
+    pointColorTooltip: `Set point color based on series name and value. variables: seriesName, value. example: '{{value < 25000 ? "red" : "green"}}'`,
+    polar: "Polar",
+    quarter: "Quarter",
+    rect: "Rectangle",
+    regionColorLabel: "Region color label",
+    regionColorTooltip: "Region color tooltip",
+    right: "Right",
+    rightTooltip: "Right tooltip",
+    ringGauge: "Ring gauge",
+    rosePie: "Rose pie",
+    roundRect: "Round rectangle",
+    scatter: "Scatter chart",
+    scatterShape: "Scatter shape",
+    second: "Second",
+    select: "Select",
+    selectDesc: "Triggered when a user selects part of the data in the chart",
+    selectedPointsDesc: "Selected points",
+    seriesChartType: "Series chart type",
+    seriesName: "Series name",
+    show: "Show",
+    showAxis: "Axis hide",
+    showXAxis: "X-axis hide",
+    showYAxis: "Y-axis hide",
+    smooth: "Smooth curve",
+    solid: "Solid",
+    ascending: "Ascending",
+    descending: "Descending",
+    sortOrder: "Sort order",
+    sortable: "Sortable",
+    sortBy: "Sort by",
+    spending: "Spending",
+    stackedAreaLine: "Stacked area line",
+    stackedBar: "Stacked bar",
+    stackedLine: "Stacked line",
+    stageGauge: "Stage speed gauge",
+    start: "Start",
+    startTime: "Start time",
+    step: "Step",
+    temperatureGauge: "Temperature gauge chart",
+    time: "Time",
+    timeAxis: "Time axis",
+    timeColumn: "Time column",
+    timeGranularity: "Time granularity",
+    timeRange: "Time range",
+    title: "Title",
+    titleDesc: "Current chart title",
+    titlePosition: "Title position",
+    titlePositionVertical: "Title position vertical",
+    tooltip: "Tooltip",
+    top: "Top",
+    topTooltip: "Top tooltip",
+    trendLine: "Trend line",
+    triangle: "Triangle",
+    type: "Type",
+    uIMode: "UI mode",
+    unSelect: "Unselect",
+    unknown: "Unknown",
+    unselectDesc:
+      "Triggered when a user unselects part of the data in the chart",
+    value: "Value",
+    valueAxis: "Value axis",
+    vertical: "Vertical",
+    waterfallBar: "Waterfall chart",
+    week: "Week",
+    xAxis: "X-axis",
+    xAxisDirection: "X-axis direction",
+    xAxisLabels: "Labels-X",
+    xAxisLabelsTooltip: "Label data for axis-X (JSON array)",
+    xAxisName: "X-axis name",
+    xAxisType: "X-axis type",
+    xAxisTypeTooltip:
+      "Automatically detected based on x-axis data. for type detail, refer to: ",
+    yAxis: "Y-axis",
+    yAxisDataFormat: "Y-axis data type",
+    yAxisDataFormatTooltip: `Indicates the value of each coordinate. example: '{{value * 100 + "%"}}'`,
+    yAxisIndex: "Y-axis index",
+    yAxisName: "Y-axis name",
+    yAxisType: "Y-axis type",
+    year: "Year",
+    zoomLevelChange: "Zoom level change",
+    zoomLevelChangeDesc: "Triggers when the map zoom level changes",
+  },
+  // region totalChart
+  totalChart: {
+    dataStyle: "Data style",
+    dataType: "Data type",
+    dataValue: "Data value",
+    decreaseColor: "Decrease color",
+    decreaseIcon: "Decrease icon",
+    defaultTitle: "Total chart",
+    icon: "Icon",
+    increaseColor: "Increase color",
+    increaseIcon: "Increase icon",
+    number: "number",
+    precision: "Precision",
+    showIcon: "Show icon",
+    showSubData: "Show data",
+    showTitle: "Show title",
+    showTrendIndicator: "Show trend indicator",
+    string: "string",
+    subData: "Sub data",
+    title: "Title",
+    totalType: "Total chart type",
+    trendIndicator: "Trend indicator",
+    unit: "Unit",
+  },
+  // region tableChart
+  tableChart: {
+    align: "Alignment",
+    center: "Center",
+    columnSettings: "Column Settings",
+    columns: "Columns",
+    dataIndex: "Data Index",
+    dataStyle: "Data style",
+    dataType: "Data type",
+    dataValue: "Data value",
+    defaultHiddenColumns: "Default Hidden Columns",
+    fixed: "Fixed",
+    left: "Left",
+    none: "None",
+    number: "number",
+    removeColumn: "Remove Column",
+    right: "Right",
+    title: "Title",
+    visible: "Visible",
+    width: "Width",
+    newColumn: "New column",
+    defaultTitle: "Table Chart",
+  },
+  // region map chart
+  mapChart: {
+    borderColor: "Border color",
+    borderWidth: "Border width",
+    defaultTitle: "Map chart",
+    emphasisColor: "Emphasis color",
+    mapType: "GEO Data",
+    mapDataUrl: "Map data url",
+    mapDataUrlTooltip: "Provide a valid JSON file URL to load map data.",
+    regionHeight: "Region height",
+    roam: "Roam",
+    showVisualMap: "Show visual map",
+    regionValue: "Region value",
+    regionName: "Region name",
+    regionMapType: "Region map Type",
+    value: "Value",
+    showLabel: "Show label",
+    mapUrl: "Map data url",
+    mapUrlTooltip: "Provide a valid JSON file URL to load map data.",
+  },
+  // region linearTrend chart
+  linearTrendlineChart: {
+    defaultTitle: "Linear trendline chart",
+    linearTrendlineType: "Linear trendline chart type",
+  },
+  // region heatmapChart
+  heatmapChart: {
+    bottom: "Bottom",
+    color: "Colors",
+    defaultBottom: "30",
+    defaultLeft: "15",
+    defaultMax: "100",
+    defaultMin: "0",
+    defaultRight: "10",
+    defaultTitle: "Heatmap chart",
+    defaultTop: "15",
+    heatmapType: "Heatmap chart type",
+    labelVisibility: "Label",
+    left: "Left",
+    max: "Max",
+    min: "Min",
+    right: "Right",
+    title: "Title",
+    tooltip: "Tooltip",
+    top: "Top",
+    xAxisData: "X-Axis data",
+    xAxisVisibility: "X-Axis",
+    xAxisVisibilityTooltip: "Divide the area horizontally.",
+    yAxisData: "Y-Axis data",
+    yAxisVisibility: "Y-Axis",
+    yAxisVisibilityTooltip: "Divide the area vertically.",
+  },
+  // region percentageChart
+  percentageChart: {
+    defaultTitle: "Percentage chart",
+  },
+  // region mixedLineBarChart
+  mixedLineBarChart: {
+    defaultTitle: "Mixed Line & Bar chart",
+  },
+  // region lineChart
+  lineChart: {
+    animationDuration: "Animation duration",
+    area: "Area chart",
+    areaPiece: "Area piece",
+    areaPieces: "Area pieces",
+    borderColor: "Border color",
+    borderType: "Border type",
+    borderWidth: "Border width",
+    color: "Color",
+    dashed: "Dashed",
+    defaultTitle: "Line chart",
+    dotted: "Dotted",
+    from: "From",
+    name: "Name",
+    none: "None",
+    polar: "Polar chart",
+    showEndLabel: "End label",
+    solid: "Solid",
+    stacked: "Stacked chart",
+    symbol: "Symbol",
+    symbolSize: "Symbol size",
+    to: "To",
+    type: "Type",
+    showTrendline: "Show trendline",
+  },
+  // region twoLineChart
+  twoLineChart: {
+    defaultTitle: "Two line chart",
+  },
+  // region multiLineChart
+  multiLineChart: {
+    defaultTitle: "Multi line chart",
+  },
+  // region pieChart
+  pieChart: {
+    area: "Area",
+    borderRadius: "Border radius",
+    center: "Center",
+    defaultTitle: "Pie chart",
+    edge: "Edge",
+    endAngle: "End angle",
+    inner: "Inner",
+    inside: "Inside",
+    itemBg: "Background image",
+    itemColor: "Color",
+    itemShadowBlur: "Shadow blur",
+    itemShadowColor: "Shadow color",
+    labelAlignTo: "AlignTo",
+    labelBleedMargin: "Bleed margin",
+    labelEdgeDistance: "Edge distance",
+    labelLine: "Label line",
+    labelLineLength2: "Label line length2",
+    labelLineLength: "Label line length",
+    labelPosition: "Position",
+    left: "Left",
+    mapUrl: "Map uRL",
+    none: "None",
+    outer: "Outer",
+    outside: "Outside",
+    padAngle: "Pad angle",
+    radius: "Radius",
+    roseType: "Rose type",
+    showLabel: "Show label",
+    startAngle: "Start angle",
+    top: "Top",
+    rowLimit: "Row limit",
+    rowLimitTooltip: "Limit row to display",
+  },
+  // region barChart
+  barChart: {
+    axisLabelDistance: "Axis label distance",
+    axisTickColor: "AxisTick color",
+    axisTickLength: "axisTick length",
+    axisTickWidth: "axisTick width",
+    axisTickWidthStage: "axisTick width",
+    barWidth: "Bar width(%)",
+    bgColor: "Background color",
+    bottom: "Bottom",
+    chartType: "Chart type",
+    chartTypeTooltip: "Select the types of charts.",
+    clockDefaultPointerIcon:
+      "path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z",
+    defaultAxisLabelDistance: "10",
+    defaultAxisTickColor: "#444444",
+    defaultAxisTickLength: "7",
+    defaultAxisTickWidth: "2",
+    defaultBarometerPointerIcon:
+      "path://M2090.36389,615.30999 l2090.36389,615.30999 c2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 l2096.90698,728.755929 c2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 c2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 l2090.36389,735.566014 c2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 c2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 l2088.2792,617.312956 c2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 z",
+    defaultBarometerPointerLength: "125",
+    defaultBarometerPointerWidth: "3",
+    defaultBarometerPointer_Y: "-10",
+    defaultBottom: "60",
+    defaultEndAngle: "-30",
+    defaultGap: "2",
+    defaultGradeBarPointerLength: "25",
+    defaultGradeBarPointerWidth: "10",
+    defaultGradeBarPointer_Y: "45",
+    defaultLeft: "35",
+    defaultMax: "100",
+    defaultMin: "0",
+    defaultMultiTitlePointerIcon:
+      "path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z",
+    defaultPointerLength: "50",
+    defaultPointerWidth: "5",
+    defaultPointer_Y: "0",
+    defaultPosition_X: "50",
+    defaultPosition_Y: "60",
+    defaultProgressBarWidth: "10",
+    defaultRadius: "80",
+    defaultRingProgressBarWidth: "20",
+    defaultSplitNumber: "10",
+    defaultStageAxisTickColor: "#ffffff",
+    defaultStageProgressBarWidth: "15",
+    defaultStartAngle: "210",
+    defaultTemperatureAxisLabelDistance: "30",
+    defaultTemperatureProgressBarWidth: "35",
+    defaultTemperatureRadius: "60",
+    defaultTitle: "Bar chart",
+    defaultTop: "60",
+    defaultWidth: "80",
+    endAngle: "End angle",
+    gap: "Gap",
+    gradeDefaultPointerIcon: "path://M12.8,0.7l12,40.1H0.7L12.8,0.7z",
+    gradeProgressBarString: "Progress bar string",
+    label: "Label",
+    left: "Left",
+    max: "Max",
+    min: "Min",
+    pointerIcon: "Pointer icon",
+    pointerIconTooltip: "Select the pointer icon",
+    pointerLength: "Pointer length",
+    pointerWidth: "Pointer width",
+    pointer_Y: "Pointer-Y",
+    pointer_Y_Tooltip: "Select the y-value of the pointer.",
+    polarEndAngle: "End angle",
+    polarIsTangent: "Tangential chart",
+    polarLabelData: "Label data",
+    polarRadiusEnd: "End radius",
+    polarRadiusStart: "Start radius",
+    polarStartAngle: "Start angle",
+    position_x: "Position-X",
+    position_y: "Position-Y",
+    progressBar: "Progress bar",
+    progressBarColor: "Progress bar color",
+    progressBarWidth: "Progress bar width",
+    race: "Race",
+    radius: "Radius",
+    radiusAxisMax: "Max",
+    roundCap: "Round cap",
+    showBg: "Show bar background",
+    splitNumber: "Split number",
+    stack: "Stacked",
+    startAngle: "Start angle",
+    title: "Title",
+    tooltip: "Tooltip",
+    top: "Top",
+    width: "Width",
+  },
+  // region style
+  style: {
+    align: "Text Align",
+    alignTooltip: "Text alignment in the column",
+    fixed: "Fixed Position",
+    width: "Width",
+    columnStyle: "Column Style",
+    // Column Style
+    textStyles: "Text Styles",
+    backgroundBorder: "Background & Border",
+    spacing: "Spacing",
+    // Text Styles
+    fontSize: "Font Size",
+    fontSizeTooltip: "Font size in pixels",
+    fontFamily: "Font Family",
+    fontWeight: "Font Weight",
+    fontWeightTooltip: "Font weight (normal, bold, 100-900)",
+    fontStyle: "Font Style",
+    fontStyleTooltip: "Font style (normal, italic, oblique)",
+    color: "Text Color",
+    textAlign: "Text Align",
+    textAlignTooltip: "Text alignment (left, center, right, justify)",
+    textDecoration: "Text Decoration",
+    textDecorationTooltip: "Text decoration (none, underline, line-through)",
+    lineHeight: "Line Height",
+    letterSpacing: "Letter Spacing",
+    normal: "Normal",
+    italic: "Italic",
+    oblique: "Oblique",
+    shadowColor: "ShadowColor",
+    boxShadow: "BoxShadow",
+    // Background & Border
+    backgroundColor: "Background Color",
+    borderWidth: "Border Width",
+    borderStyle: "Border Style",
+    borderStyleTooltip: "Border style (solid, dashed, dotted, etc.)",
+    borderColor: "Border Color",
+    borderRadius: "Border Radius",
+    // Spacing
+    padding: "Padding",
+    margin: "Margin",
+  },
+};